/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

@font-face {
    font-family: 'Gill Sans Nova';
    src: url('./assets/fonts/GillSansNova-Medium.eot');
    src: local('Gill Sans Nova Medium'), local('GillSansNova-Medium'),
    url('./assets/fonts/GillSansNova-Medium.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/GillSansNova-Medium.woff2') format('woff2'),
    url('./assets/fonts/GillSansNova-Medium.woff') format('woff'),
    url('./assets/fonts/GillSansNova-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gill Sans Nova';
    src: url('./assets/fonts/GillSansNova-Light.eot');
    src: local('Gill Sans Nova Light'), local('GillSansNova-Light'),
    url('./assets/fonts/GillSansNova-Light.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/GillSansNova-Light.woff2') format('woff2'),
    url('./assets/fonts/GillSansNova-Light.woff') format('woff'),
    url('./assets/fonts/GillSansNova-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gill Sans Nova';
    src: url('./assets/fonts/GillSansNova-UltraBold.eot');
    src: local('Gill Sans Nova UltraBold'), local('GillSansNova-UltraBold'),
    url('./assets/fonts/GillSansNova-UltraBold.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/GillSansNova-UltraBold.woff2') format('woff2'),
    url('./assets/fonts/GillSansNova-UltraBold.woff') format('woff'),
    url('./assets/fonts/GillSansNova-UltraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Gill Sans Nova';
    src: url('./assets/fonts/GillSansNova-SemiBoldItalic.eot');
    src: local('Gill Sans Nova SemiBold Italic'), local('GillSansNova-SemiBoldItalic'),
    url('./assets/fonts/GillSansNova-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/GillSansNova-SemiBoldItalic.woff2') format('woff2'),
    url('./assets/fonts/GillSansNova-SemiBoldItalic.woff') format('woff'),
    url('./assets/fonts/GillSansNova-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Gill Sans Nova';
    src: url('./assets/fonts/GillSansNova-MediumItalic.eot');
    src: local('Gill Sans Nova Medium Italic'), local('GillSansNova-MediumItalic'),
    url('./assets/fonts/GillSansNova-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/GillSansNova-MediumItalic.woff2') format('woff2'),
    url('./assets/fonts/GillSansNova-MediumItalic.woff') format('woff'),
    url('./assets/fonts/GillSansNova-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gill Sans Nova';
    src: url('./assets/fonts/GillSansNova-ExtraBold.eot');
    src: local('Gill Sans Nova ExtraBold'), local('GillSansNova-ExtraBold'),
    url('./assets/fonts/GillSansNova-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/GillSansNova-ExtraBold.woff2') format('woff2'),
    url('./assets/fonts/GillSansNova-ExtraBold.woff') format('woff'),
    url('./assets/fonts/GillSansNova-ExtraBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Gill Sans Nova';
    src: url('./assets/fonts/GillSansNova-SemiBold.eot');
    src: local('Gill Sans Nova SemiBold'), local('GillSansNova-SemiBold'),
    url('./assets/fonts/GillSansNova-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/GillSansNova-SemiBold.woff2') format('woff2'),
    url('./assets/fonts/GillSansNova-SemiBold.woff') format('woff'),
    url('./assets/fonts/GillSansNova-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gill Sans Nova';
    src: url('./assets/fonts/GillSansNova-LightItalic.eot');
    src: local('Gill Sans Nova Light Italic'), local('GillSansNova-LightItalic'),
    url('./assets/fonts/GillSansNova-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/GillSansNova-LightItalic.woff2') format('woff2'),
    url('./assets/fonts/GillSansNova-LightItalic.woff') format('woff'),
    url('./assets/fonts/GillSansNova-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Gill Sans Nova';
    src: url('./assets/fonts/GillSansNova-UltraLight.eot');
    src: local('Gill Sans Nova UltraLight'), local('GillSansNova-UltraLight'),
    url('./assets/fonts/GillSansNova-UltraLight.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/GillSansNova-UltraLight.woff2') format('woff2'),
    url('./assets/fonts/GillSansNova-UltraLight.woff') format('woff'),
    url('./assets/fonts/GillSansNova-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

/*@font-face {*/
/*    font-family: 'Gill Sans Nova';*/
/*    src: url('./assets/fonts/GillSansNova-UltraLightIt.eot');*/
/*    src: local('Gill Sans Nova UltraLight It'), local('GillSansNova-UltraLightIt'),*/
/*    url('./assets/fonts/GillSansNova-UltraLightIt.eot?#iefix') format('embedded-opentype'),*/
/*    url('./assets/fonts/GillSansNova-UltraLightIt.woff2') format('woff2'),*/
/*    url('./assets/fonts/GillSansNova-UltraLightIt.woff') format('woff'),*/
/*    url('./assets/fonts/GillSansNova-UltraLightIt.ttf') format('truetype');*/
/*    font-weight: 200;*/
/*    font-style: italic;*/
/*}*/

@font-face {
    font-family: 'Gill Sans Nova';
    src: url('./assets/fonts/GillSansNova-HeavyItalic.eot');
    src: local('Gill Sans Nova Heavy Italic'), local('GillSansNova-HeavyItalic'),
    url('./assets/fonts/GillSansNova-HeavyItalic.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/GillSansNova-HeavyItalic.woff2') format('woff2'),
    url('./assets/fonts/GillSansNova-HeavyItalic.woff') format('woff'),
    url('./assets/fonts/GillSansNova-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gill Sans Nova';
    src: url('./assets/fonts/GillSansNova-Heavy.eot');
    src: local('Gill Sans Nova Heavy'), local('GillSansNova-Heavy'),
    url('./assets/fonts/GillSansNova-Heavy.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/GillSansNova-Heavy.woff2') format('woff2'),
    url('./assets/fonts/GillSansNova-Heavy.woff') format('woff'),
    url('./assets/fonts/GillSansNova-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gill Sans Nova Condensed';
    src: url('./assets/fonts/GillSansNova-CnBoldIt.eot');
    src: local('Gill Sans Nova CnBoldIt'), local('GillSansNova-CnBoldIt'),
    url('./assets/fonts/GillSansNova-CnBoldIt.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/GillSansNova-CnBoldIt.woff2') format('woff2'),
    url('./assets/fonts/GillSansNova-CnBoldIt.woff') format('woff'),
    url('./assets/fonts/GillSansNova-CnBoldIt.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

/**
  * vars
 */
:root {
    --header-height: 8.5rem;
    --scrollbar-width: calc(100vw - 100%);
}

@media(max-width: 1024px) {
    :root {
        --header-height: 7.7rem;
    }
}

@media(max-width: 767px) {
    :root {
        --header-height: 7.7rem;
    }
}

@media(min-width: 2560px) {
    :root {
        --header-height: 14rem;
    }

}

.link-arrow:after {
    content: '';
    background-image: url('./assets/images/arrow-left.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: 1.6rem;
    height: 1.6rem;
}
/**
 * Line Breaks breakpoints
 */

.br-desktop {
    display: block;
}

.br-mobile {
    display: none;
}

@media (max-width: 767px) {
    .br-desktop {
        display: none;
    }

    .br-mobile {
        display: block;
    }
}

/**
 * Text coloring
 */

.c-accent {
    color: #2C7DD1;
}

.c-light-accent {
    color: #93D1F8;
}

/**
 * animations
 */
.hover-trapcollapse-al {
    --animation-bg-color: #93D1F8;
    --animation-text-color: #202122;
}

.hover-trapcollapse-ad {
    --animation-bg-color: #2C7DD1;
    --animation-text-color: #F8F8FF;
}

.hover-trapcollapse {
    --container-widget-width: 100%;

    overflow: hidden;
}

.hover-trapcollapse a,
.hover-trapcollapse a,
.hover-trapcollapse button,
.hover-trapcollapse button {
    position: relative;
    clip-path: border-box;
}

.hover-trapcollapse a::before,
.hover-trapcollapse a::after,
.hover-trapcollapse button::before,
.hover-trapcollapse button::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 0;
    background: var(--animation-bg-color);
    transform: scale(3, 1.15);
    transition: transform 280ms ease-in-out, color 140ms ease-in-out;
}

.hover-trapcollapse a::before,
.hover-trapcollapse button::before {
    left: -50%;
    width: 47.4%;
    clip-path: polygon(0 100%, calc(100% - var(--container-widget-width) * 0.15) 100%, 100% 0, 0 0);
    transform-origin: center left;
    transform: scale(3, 1.15) translateX(-115%);
}

.hover-trapcollapse a::after,
.hover-trapcollapse button::after {
    right: -50%;
    width: 52.6%;
    transform-origin: center right;
    clip-path: polygon(0 100%, 100% 100%, 100% 0, calc(var(--container-widget-width) * 0.15) 0);
    transform: scale(3, 1.15) translateX(115%);

}

.hover-trapcollapse a:hover,
.hover-trapcollapse button:hover {
    color: var(--animation-text-color) !important;
}

.hover-trapcollapse a:hover::before,
.hover-trapcollapse a:hover::after,
.hover-trapcollapse button:hover::before,
.hover-trapcollapse button:hover::after {
    transform: scale(3, 1.15) translateX(0);
}

.hover-trapcollapse a > *,
.hover-trapcollapse button > * {
    position: relative;
    z-index: 1;
}


.header-mega-menu .mega-menu-link {
    font-family: 'Oswald', Sans-Serif !important;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 1.6rem !important;
    text-transform: uppercase !important;
    color: #0D1633 !important;
}
.header-mega-menu .mega-menu-item > .mega-sub-menu {
    /*left: -2rem !important;*/
    position: fixed;
    left: calc(-1 * var(--padding-left)) !important;
    /*width: 100vw !important;*/
    width: calc(100vw - var(--scrollbar-width)) !important;
    /*width: 99.2vw !important;*/
    /*width: calc(100vw - 8px) !important;*/
    top: 8.4rem !important;
    display: flex !important;
    justify-content: center;
    background-color: #F8F8FF !important;
    border: 1px solid #D7DCF4 !important;
}
@media(min-width: 2560px) {

}
.header-mega-menu .mega-menu-row {
    padding: 3.2rem 0 !important;
    max-width: 130.6rem !important;
}
.header-mega-menu .mega-menu-row .mega-sub-menu {
    display: flex !important;
    flex-direction: row !important;
    grid-gap: 1.6rem !important;
}
.header-mega-menu .mega-menu-row .mega-sub-menu .mega-menu-item {
    padding: 1.6rem !important;
}
.header-mega-menu .mega-menu-row .mega-sub-menu .item-card {
    background-color: #E9ECF9 !important;
    border-radius: 0.8rem !important;
    width: 26.4rem !important;
}
.header-mega-menu .item-card h4.mega-block-title {
    border-bottom: 1px solid #202122 !important;
}
/* START Section:  Header MENU Fonts styles */
.header-mega-menu h4.mega-block-title a,
.header-mega-menu h4.mega-block-title {
    margin: 0 0 1.6rem !important;
    font-family: 'Montserrat', Sans-Serif !important;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 1.8rem !important;
    line-height: 120% !important;
    text-transform: uppercase;
    color: #202122 !important;
    padding-bottom: 1.6rem !important;
}
.header-mega-menu .textwidget p strong {
    font-weight: 700 !important;
}
.header-mega-menu .textwidget p {
    margin: 0 !important;
    font-family: 'Montserrat', sans-serif;
    line-height: 2.24rem;
}
.header-mega-menu .textwidget a {
    font-family: 'Montserrat', Sans-Serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 140%;
    color: #0D1633;
}
.header-mega-menu .link-arrow {
    margin-top: 0.6rem;
    font-family: 'Montserrat', Sans-Serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 1.2rem !important;
    line-height: 120% !important;
    text-transform: uppercase;
    color: #0D1633 !important;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    grid-gap: 0.8rem;
}
/* END Section:  Header MENU Fonts styles */
.header-mega-menu .textwidget p {
    color: #0D1633;
}
.header-mega-menu .textwidget p:not(:last-child) {
    margin: 0 0 1.6rem !important;
}

@media(min-width: 2560px) {
    .header-mega-menu .mega-menu-item > .mega-sub-menu {
        width: calc(100vw - 1.5rem) !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 {
        display: flex;
        grid-gap: 2.4rem;
    }
    .header-mega-menu .mega-menu-link {
        font-size: 2.4rem !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
        max-width: 140rem;
    }
}
/*@media (min-width: 1025px) {*/
    .need-more-support{
        width: 39.6rem !important;
    }
    .mega-menu-column{
        display: flex !important;
    }
    .mega-menu-column .mega-menu-item{
        display: flex !important;
        flex-direction: column;
    }
    .mega-menu-column .mega-menu-item .textwidget{
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }
    .mega-menu-column .mega-menu-item .textwidget p:not(:has(a)){
        flex-grow: 1;
    }
    .mega-menu-column .mega-menu-item .textwidget .link-arrow:after {
        min-width: 1.6rem;
    }
    @media (max-width: 767px){
        .mega-menu-column .mega-menu-item .textwidget .link-arrow{
            min-height: 2.88rem;
            display: flex;
            align-items: flex-start;
        }
    }

/*}*/
@media(max-width: 1024px) {
    .header-mega-menu .mega-menu-toggle .mega-toggle-blocks-right {
        background: #FFFCFC;
    }
    .header-mega-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
    .header-mega-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner:before,
    .header-mega-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner:after {
        background-color: rgba(13, 22, 51, 1) !important;
    }
    #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 {
        background: rgba(248, 248, 255, 1);
        max-height: 100vh;
        width: 100vw;
        left: -100vw;
        top: 10rem;
        /*height: calc(100vh - 10rem);*/
        height: calc(100vh - 7.7rem);
    }
    #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open:after {
        background: transparent;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
        flex-wrap: wrap;
    }
    .header-mega-menu .mega-menu-row .mega-sub-menu .item-card {
        width: calc(50% - 0.8rem) !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
        width: calc(50% - 0.8rem) !important;
    }
    .header-mega-menu .mega-menu-item > .mega-sub-menu {
        border: none !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu {
        visibility: hidden;
        opacity: 0;
        max-height: 0;
        padding: 0 !important;
        transition: all 0.3s ease-in-out;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
        max-height: 100rem;
        opacity: 1;
        transition: all 0.3s ease-in-out;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
        /*background: rgba(147, 209, 248, 1) !important;*/
        background: rgba(193, 228, 251, 1) !important;
    }

}

@media (max-width: 1024px) {
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: auto;
        line-height: 1;
        padding: 1.6rem 2.4rem !important;
    }
    #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 {
        top: 7.7rem;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
        padding: 1.6rem 2.6rem 2.4rem !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{
        content: '';
        background-image: url(./assets/images/weui_arrow-filled.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 4rem;
        height: 2rem;
        display: block;
        transition: transform 0.3s ease-in-out;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li:not(.mega-menu-item-has-children) > a.mega-menu-link:after{
        content: '';
        background-image: url(./assets/images/weui_arrow-filled.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 4rem;
        height: 2rem;
        display: block;
        transform: rotate(-90deg);
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
        transform: rotate(180deg);
        transition: transform 0.3s ease-in-out;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
        padding-bottom: 2.4rem !important;
        /*margin-bottom: 2.4rem !important;*/
        border-top: 1px solid rgba(147, 209, 248, 1);
    }
    #mega-menu-wrap-menu-1  #mega-menu-menu-1 {
        padding-top: 4rem !important;
    }
    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
        margin: 0 !important;
    }


    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{
        background: rgba(193, 228, 251, 1) !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item{
        background: rgba(193, 228, 251, 1) !important;
    }

    #mega-menu-wrap-menu-1:has(.mega-menu-open) #mega-menu-menu-1[data-effect-mobile^="slide_"] + button.mega-close{
        opacity: 0;
        pointer-events: none;
    }
}