footer {
    margin-top: 19.49vw; /* 374 */
}
footer .footer-pattern {
    position: absolute;
    bottom: 97%;
    width: 100%;
    height: 19.49vw; /* 374 */
    z-index: -1;
    object-position: top;
}
footer .widget-column:not(.foter-menu-widget):not(.widget-column) {
    max-width: 23.96vw; /* 460 */
}

/*Footer Logo
--------------------------------------*/
    .footer-logo {
        padding-right: 6.25vw; /* 120 */
    }
    .footer-logo-container {
        width: 10.42vw; /* 200 */
        height: 10.42vw; /* 200 */
        background-color: var(--color-white);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
    }
    .footer-logo-container img {
        width: 7.33vw;
        height: 3.27vw;
    }

/*Footer Info
--------------------------------------*/
    .widget-area .col {
        max-width: 13.54vw; /* 260 */
    }
    .widget-area .col.col-4 {
        max-width: 20.83vw; /* 400 */
    }

    footer .widget-area {
        justify-content: space-between;
    }
    footer h2,
    .foter-menu-widget .menu a {
        font-size: 1.04vw; /* 20 */
        letter-spacing: -0.02em;
    }
    .footer-widget p,
    .footer-widget a {
        font-size: 0.94vw; /* 18 */
    }
    footer .widget-area a,
    footer .footer-notes-widget a,
    .foter-menu-widget .menu a:hover {
        text-decoration: underline;
        text-underline-offset: 4px;
        text-decoration-thickness: 1px;
    }
    .foter-menu-widget .menu a {
        text-decoration: unset;
    }
    footer .widget-area a:hover,
    footer .footer-notes-widget a:hover {
        text-decoration: none;
    }

    .footer-menu-container:after {
        content: '';
        display: block;
        height: 1px;
        width: 100%;
        background-color: #ffffff36;
        left: 0;
        position: relative;
    }

/*Footer Menu
--------------------------------------*/
    .foter-menu-widget .menu {
        display: flex;
        width: 100%;
        justify-content: center;
        gap: 1.56vw; /* 30 */
    }



/* ---------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------
------------------------------------------------- MEDIA QUERY ----------------------------------------------------
------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------*/

/* Full hd
------------------------------------------------------------*/
    @media screen and (max-width: 1920px) {
        /* Sub Menu
        ----------------------------------------*/
            footer .footer-widget .sub-menu {
                padding-top: 20px;
            }
            footer .footer-widget ul.sub-menu li {
                margin-bottom: 11px;
            }

        /*Footer Info
        --------------------------------------*/
            footer h2,
            .foter-menu-widget .menu a {
                font-size: 20px; /* 20 */
            }
            .footer-widget p,
            .footer-widget a {
                font-size: 18px; /* 18 */
            }
            
        /* Footer notes
        ----------------------------------------*/
            footer .footer-notes-container p:not(:last-child) {
                padding-right: 15px;
                margin-right: 15px;
            }
            footer .footer-notes-container p:not(:last-child):after {
                height: 14px;
                top: 2px;
            }
    }


    @media screen and (max-width: 1600px) {
        .footer-logo {
            padding-right: 5.25vw;
        }
    }


    @media screen and (max-width: 1440px) {
        .footer-logo {
            padding-right: 3.25vw;
        }
        footer h2,
        .foter-menu-widget .menu a {
            font-size: 19px;
        }
        .footer-widget p, 
        .footer-widget a {
            font-size: 16px;
        }
    }

    @media screen and (max-width: 1280px) {
        footer h2,
        .foter-menu-widget .menu a {
            font-size: 18px;
        }
        .footer-widget p, 
        .footer-widget a {
            font-size: 15px;
        }
        footer .stripe-container-inner {
            padding-left: 0;
            padding-right: 0;
        }
        .footer-logo-container {
            width: 110px;
            height: 110px;
        }
        .footer-logo-container img {
            width: 90px;
            height: 47px;
        }
    }

    @media screen and (max-width: 1150px) {
        footer h2,
        .foter-menu-widget .menu a {
            font-size: 17px;
            margin-bottom: 8px;
        }
        .footer-widget p, 
        .footer-widget a {
            font-size: 13px;
        }

        .widget-area .col.col-4 {
            max-width: 24.83vw;
        }
    }


    @media screen and (max-width: 992px) {
        footer .stripe-container {
            padding-top: 30px;
        }
        #footer-widgets {
            padding-bottom: 30px;
        }
        footer .widget-area {
            flex-flow: wrap;
        }
        footer .footer-logo {
            padding-right: 60px;
        }
        .widget-area .col {
            max-width: 25%;
        }
        .widget-area .col.col-4 {
            max-width: unset;
            width: 100%;
            margin-top: 30px;
        }
        footer .foter-menu-widget .menu {
            gap: 30px;
        }
    }


/* Mobile Landscape and Portrait */
    @media screen and (max-width: 767px) {
        footer {
            margin-top: 180px;
        }
        footer .footer-pattern {
            height: 180px;
        }

        footer .stripe-container {
            padding-top: 0;
        }

        .footer-widgets-inner {
            flex-flow: wrap;
        }

        footer .footer-logo {
            padding: 0;
            margin: 0 auto;
            margin-bottom: 40px;
        }
        .footer-logo-container img {
            width: 80px;
            height: 42px;
        }

        footer .widget-area {
            gap: 30px;
        }
    
        aside.widget-area > * {
            width: calc(50% - 15px) !important;
            max-width: unset !important;
            text-align: center;
        }

        .widget-area .col.col-4 {
            margin-top: 0;
        }
        footer .foter-menu-widget .menu {
            flex-flow: wrap;
        }

        footer .foter-menu-widget .menu {
            gap: 20px;
        }

    }

    @media screen and (max-width: 600px) {
        aside.widget-area > * {
            width: 100% !important;
            max-width: unset !important;
            text-align: center;
        }
    }