/* Product page */
.breadcrumbs-row{font-size: 14px; font-weight: 500; padding: 15px 0;}
.breadcrumbs a{color: #263880; position: relative;}
.breadcrumbs a::after{content: ''; width: 12px; height: 7px; background-image: url(/wp-content/uploads/2025/07/breadcrumbs-arrow.svg); background-repeat: no-repeat; background-position: center; margin: 0 10px; display: inline-block;}
.blog-post-inner-main-content h3{margin:30px 0px !important;}
.blog-post-inner-main-content h2{margin:30px 0px !important;}
.mega-submenu>li>a>.row{display:flex;flex-wrap:nowrap !important;height:inherit;}
.products-banner{height: 545px; display: flex; flex-direction: column;flex-direction: column; align-items: center; justify-content: center;}
.products-banner .grid{height: auto;}
.products-banner h1, .products-banner .h1{margin-bottom: 0; font-size: 67px; line-height: 1;}
.products-banner h2{margin-bottom: 0; font-size: 50px; line-height: 1;}
.products-banner .cnc-product-banner-img{margin-top: 30px; max-width: 530px; max-height:160px; overflow: hidden;}
.products-banner .cnc-product-banner-img img{object-fit: contain;}  
.page-template-single-product-page .products-banner .h1, .affiliations-top.products-banner .h1 {font-size: 67px; margin-bottom: 27px; display: block;}
.page-template-single-product-page .products-banner h2, .affiliations-top.products-banner h2 {font-size: 50px;}
.page-template-affiliations .hero .grid-narrow{align-items: flex-start; max-width: 1520px !important;}

.cnc-pro-main{padding: 50px 0; margin-bottom: 50px;}
.cnc-pro-main .cnc-pro-logo-rep{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 30px;}
.cnc-pro-main .cnc-pro-logo-rep .cnc-pro-logo{max-width: calc(25% - 30px);}
.cnc-pro-main .cnc-pro-logo-rep .cnc-pro-logo img{max-width: 100%; max-height: 65px; width:100%; }
.cnc-app-indus-sec{position: relative; padding: 76px 0 50px;}
.cnc-app-indus-sec::before{content: ''; width: 100%; height: 360px; background-color: #06679E; position: absolute; top: 0;}
.cnc-app-indus-sec .cnc-app-indus-title{text-align: center; margin-bottom: 48px;}
.cnc-app-indus-sec .cnc-app-indus-title h2{color: #fff; margin-bottom: 0;}
.cnc-app-indus-sec .cnc-app-rep-container{background-color: #fff; padding: 60px 50px; border-radius: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 116px; box-shadow: 0 4px 8px 6px rgb(0 0 0 / 5%);}
.cnc-app-indus-sec .cnc-app-rep-container .cnc-app-box{text-align: center; width: 100%; max-width: 150px; display: flex ; flex-wrap: wrap; justify-content: center; gap: 20px;}
.cnc-app-indus-sec .cnc-app-rep-container .cnc-app-box .app-box-img{width: 100%; height: 127px;}
.cnc-app-indus-sec .cnc-app-rep-container .cnc-app-box .app-box-img img{width: 100%; height: 100%; object-fit: contain; object-position: center;}
.cnc-app-indus-sec .cnc-app-rep-container .cnc-app-box span{display: block; font-size: 22.79px; color: #0066A4;}

.cnc-product-listing-sec{padding: 50px 0;}
.cnc-product-listing-sec .cnc-pro-tag-line{padding: 45px 0; margin-bottom: 100px;}
.cnc-product-listing-sec .cnc-pro-tag-line h2{margin-bottom: 0; font-size: 65px; color: #fff;}
.cnc-product-listing-sec .cnc-pro-details-wrap{display:flex;flex-wrap:wrap;gap: 30px;}
.cnc-product-listing-sec .cnc-pro-details-wrap .cnc-pro-desc{width: 100%; max-width: 653px; font-size: 34px; color: #0066A4; display: flex ; flex-wrap: wrap; gap: 30px;}
.cnc-product-listing-sec .cnc-pro-details-wrap .cnc-pro-image{width:100%; max-width:calc(100% - 683px);}
.cnc-product-listing-sec .cnc-pro-details-wrap .cnc-pro-image img{margin-left: auto; max-width: 100%;}
.product_listing{margin-bottom: 50px;}
.product_listing .cnc-product-listing-sec:nth-child(even) .cnc-pro-tag-line h2{text-align: right;}
.product_listing .cnc-product-listing-sec:nth-child(even) .cnc-pro-details-wrap{flex-direction: row-reverse;}
.product_listing .cnc-product-listing-sec:nth-child(even) .cnc-pro-details-wrap .cnc-pro-image img{margin-left: inherit; margin-right: auto;}    


.sustainability { background-color: #f8f8f8; padding: 100px 0; }
.sustainability .row { gap: 30px; }
.sustainability .content-box { width: calc(58.33333333% - 15px); box-sizing: border-box; }
.sustainability .content-box h2 { font-size: 50px; font-weight: 400; color: #0069A7; line-height: 1.46; margin-bottom: 10px; }
.sustainability .content-box p { font-size: 26px; line-height: 1.46; color: #454444; margin-bottom: 20px; }
.sustainability .content-box p:last-child { margin-bottom: 0; }
.sustainability .img-box { width: calc(41.66666667% - 15px); box-sizing: border-box; }
.sustainability .img-box .image { max-width: 500px; }
.sustainability .img-box .image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.compatible-technologies { background-color: #FFCD1C; padding: 100px 0; }
.compatible-technologies h2 { font-size: 50px; font-weight: 400; color: #454444; line-height: 1.46; margin-bottom: 10px; }
.compatible-technologies p { font-size: 26px; line-height: 1.46; color: #454444; margin-bottom: 20px; }
.compatible-technologies .icon-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 55px; }
.compatible-technologies .icon-wrap .icon-box { text-align: center; max-width: 154px; }
.compatible-technologies .icon-wrap .icon-box .icon-img { width: 154px; height: 154px; border-radius: 50%; margin-bottom: 25px; position: relative; z-index: 1; }
.compatible-technologies .icon-wrap .icon-box .icon-img .image { position: relative; overflow: hidden; width: 154px; height: 154px; }
.compatible-technologies .icon-wrap .icon-box .icon-img:before { content: ""; border-bottom: 3px dashed #fff; width: 100%; position: absolute; left: calc(100% - 10px); top: 50%; transform: translateY(-50%); }
.compatible-technologies .icon-wrap .icon-box:last-child .icon-img:before { display: none; }
.compatible-technologies .icon-wrap .icon-box .icon-img img { width: 100%; height: 100%; object-fit: contain; }
.compatible-technologies .icon-wrap .icon-box .icon-name { font-size: 24px; line-height: 1.58; color: #454444; }

.future-in { background-color: #0066A4; padding: 100px 0; }
.future-in .row { gap: 30px; }
.future-in .content-box { width: calc(58.33333333% - 15px); box-sizing: border-box; }
.future-in .content-box h2 { font-size: 50px; font-weight: 400; color: #fff; line-height: 1.46; margin-bottom: 10px; }
.future-in .content-box p { font-size: 26px; line-height: 1.46; color: #fff; margin-bottom: 20px; }
.future-in .content-box p strong { font-weight: 700; }
.future-in .content-box p:last-child { margin-bottom: 0; }
.future-in .img-box { width: calc(41.66666667% - 15px); box-sizing: border-box; }
.future-in .img-box .image { max-width: 500px; }
.future-in .img-box .image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.future-in .divider { height: 1px; width: 100%; background-color: #fff; margin: 50px 0; }
.future-in .multi-functional h2 { font-size: 50px; font-weight: 400; color: #fff; line-height: 1.46; margin-bottom: 30px; }
.future-in .multi-functional .multi-functional-box { width: calc(50% - 15px); box-sizing: border-box; background-color: #f8f8f8; border-radius: 20px; padding: 30px; }
.future-in .multi-functional .multi-functional-box .image-box { max-width: 100%; padding: 45px; border-radius: 30px; border: 1px solid #DADADA; background-color: #fff; margin-bottom: 30px; }
.future-in .multi-functional .multi-functional-box .image-box .image { height: 122px; margin: 0 auto; }
.future-in .multi-functional .multi-functional-box .image-box .image img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.future-in .multi-functional .multi-functional-box p { font-size: 26px; line-height: 1.46; color: #454444; }
.future-in .multi-functional .multi-functional-box p strong { font-weight: 700; }

.material-section { padding: 100px 0; background-color: #fff; }
.material-section .row { gap: 30px; }
.material-section .content-box { width: calc(58.33333333% - 15px); box-sizing: border-box; }
.material-section .content-box h2 { font-size: 49px; font-weight: 400; color: #0069A7; line-height: 1.46; margin-bottom: 10px; }
.material-section .content-box p { font-size: 26px; line-height: 1.46; color: #454444; margin-bottom: 30px; }
.material-section .img-box { width: calc(41.66666667% - 15px); box-sizing: border-box; }
.material-section .img-box .image { width: 418px; height: 418px; border-radius: 50%; overflow: hidden; margin: 0 auto; }
.material-section .img-box .image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.about-section h2 { font-size: 50px; }

.page-template-b-corp .bluetext { padding-left: 0; padding-right: 0; }

@media (max-width: 1681px) {
    .page-template-affiliations .hero .grid-narrow{max-width: 90% !important;}
    .page-template-sustainability-library .grid, .page-template-sustainability-library .grid-narrow, .page-template-sustainability-library .goalsSectionCont, .page-template-ubq-contribution .grid, .page-template-ubq-contribution .grid-narrow, .page-template-ubq-contribution .goalsSectionCont, .page-template-b-corp .grid, .page-template-b-corp .grid-narrow, .page-template-b-corp .goalsSectionCont  {max-width: 90% !important;} 
}

 @media (max-width:1400px){
    .page-template-single-product-page .products-banner .h1, .affiliations-top.products-banner .h1{font-size: 78px; margin-bottom: 10px;}
    .page-template-single-product-page .products-banner h2, .affiliations-top.products-banner h2{font-size: 52px;}
    .products-banner .cnc-product-banner-img{max-width:400px;max-height:140px;}

 }

 @media (max-width:1365px){
    .products-banner{height: 345px;}
    .products-banner h1, .products-banner .h1{font-size: 50px;}
    .products-banner h2{font-size: 40px;}
    .cnc-pro-main .cnc-pro-logo-rep{gap: 30px 50px;}
    .cnc-app-indus-sec .cnc-app-rep-container{gap: 72px;}
    .cnc-product-listing-sec .cnc-pro-tag-line h2{font-size: 50px;}
    .cnc-product-listing-sec .cnc-pro-details-wrap .cnc-pro-desc{font-size: 30px;}
    .cnc-product-listing-sec .cnc-pro-details-wrap .cnc-pro-image img{max-width: 100%; min-height: auto;}

}

@media (max-width: 1280px) {
    .sustainability .content-box h2, .material-section .content-box h2, .compatible-technologies h2, .future-in .content-box h2, .future-in .multi-functional h2, .about-section h2 { font-size: 40px; }
    .page-template-affiliations .hero .grid-narrow{max-width: 95% !important;}
}
@media (max-width:1199px){
    .cnc-product-listing-sec{padding: 30px 0;}
    .cnc-product-listing-sec .cnc-pro-tag-line{margin-bottom: 60px;}
    .cnc-product-listing-sec .cnc-pro-tag-line h2{font-size: 40px;}
    .cnc-product-listing-sec .cnc-pro-details-wrap .cnc-pro-desc{font-size: 24px;}
    .material-section .img-box .image { width: 390px; height: 390px; }
    .future-in .multi-functional .multi-functional-box p { font-size: 20px; }
    .affiliactionbaneer{line-height: 1;}
}
@media (max-width:991px){
    .products-banner { height: 245px; }
    .products-banner h1, .products-banner .h1{margin-top: 0; line-height: 1; font-size: 40px; margin-bottom: 15px;}
    .products-banner h2{font-size: 30px;}
    .cnc-app-indus-sec .cnc-app-rep-container{padding: 30px; justify-content: center;}
    .cnc-app-indus-sec .cnc-app-rep-container .cnc-app-box{max-width: 180px;}
    .cnc-product-listing-sec .cnc-pro-tag-line{padding: 30px 0; margin-bottom: 40px;}
    .cnc-product-listing-sec .cnc-pro-tag-line h2{font-size: 30px;}
    .cnc-product-listing-sec .cnc-pro-details-wrap .cnc-pro-desc{max-width: 450px; font-size: 20px;}
    .cnc-product-listing-sec .cnc-pro-details-wrap .cnc-pro-desc .btn{margin-left: inherit;}
    .cnc-product-listing-sec .cnc-pro-details-wrap .cnc-pro-image{max-width: calc(100% - 480px);}
    .compatible-technologies .icon-wrap .icon-box .icon-img:before { display: none; }
    .material-section .img-box .image { width: 300px; height: 300px; }
    .sustainability .content-box, .sustainability .img-box, .future-in .content-box, .future-in .img-box, .material-section .content-box, .material-section .img-box { width: 100%; }
    .sustainability .content-box h2, .material-section .content-box h2, .compatible-technologies h2, .future-in .content-box h2, .future-in .multi-functional h2, .about-section h2 { font-size: 20px; }
    .sustainability .content-box p, .compatible-technologies p, .future-in .content-box p, .material-section .content-box p { font-size: 20px; }    
    .compatible-technologies .icon-wrap .icon-box .icon-img { margin-bottom: 10px; }
    .compatible-technologies .icon-wrap .icon-box .icon-name { font-size: 20px; }
    .future-in .multi-functional .multi-functional-box .image-box { margin-bottom: 20px; }
    .future-in .multi-functional .multi-functional-box p { font-size: 16px; }
    .future-in .divider { margin: 30px 0; }
    .future-in .multi-functional .multi-functional-box { padding: 20px; }
    .sustainability .img-box .image, .future-in .img-box .image { margin: 0 auto; }
    .page-template-single-product-page .products-banner .h1, .affiliations-top.products-banner .h1{font-size: 60px;}
    .page-template-single-product-page .products-banner h2, .affiliations-top.products-banner h2{font-size: 40px;}
    .products-banner .cnc-product-banner-img{max-width:300px; margin-top: 10px;}
    .page-template-ubq-contribution .affiliations-top.products-banner h2 { width: 50%; }
}
@media (max-width:767px){
    .products-banner{height: 180px;}
    .products-banner::after{content: ''; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.2); position: absolute;}
    .products-banner .grid{position: relative; z-index: 1;}
    .products-banner h1, .products-banner .h1{font-size: 36px; margin-bottom: 10px;}
    .products-banner h2{font-size: 27px;}
    .cnc-pro-main{margin-bottom: 10; padding: 20px 0;}
    .cnc-pro-main .cnc-pro-logo-rep{gap: 20px;}
    .cnc-pro-main .cnc-pro-logo-rep .cnc-pro-logo{max-width: calc(50% - 20px);}
    .cnc-app-indus-sec .cnc-app-rep-container .cnc-app-box{max-width: 142px; gap: 10px;}
    .cnc-app-indus-sec .cnc-app-rep-container .cnc-app-box span{font-size: 14px;}
    .cnc-product-listing-sec{padding: 15px 0;}
    .cnc-product-listing-sec .cnc-pro-tag-line{margin-bottom: 20px; padding: 20px 0;}
    .cnc-product-listing-sec .cnc-pro-tag-line h2{font-size: 24px;}
    .cnc-product-listing-sec .cnc-pro-details-wrap .cnc-pro-desc{font-size: 16px; gap: 15px;}
    .cnc-product-listing-sec .cnc-pro-details-wrap, .product_listing .cnc-product-listing-sec:nth-child(even) .cnc-pro-details-wrap{flex-direction: column-reverse; gap: 20px;}
    .cnc-product-listing-sec .cnc-pro-details-wrap .cnc-pro-desc, .cnc-product-listing-sec .cnc-pro-details-wrap .cnc-pro-image{max-width: 100%; justify-content: flex-start;}
    .product_listing{margin-bottom: 20px;}
    .product_listing .cnc-product-listing-sec:nth-child(even) .cnc-pro-tag-line h2{text-align: left;}
    .cnc-app-indus-sec .cnc-app-rep-container .cnc-app-box img{max-width: 100%;}
    .future-in .multi-functional .multi-functional-box { width: calc(100% - 15px); }
    .future-in .multi-functional .multi-functional-box .image-box { padding: 30px; }
    .compatible-technologies .icon-wrap { gap: 15px; justify-content: center; margin-top: 30px; }
    .compatible-technologies .icon-wrap .icon-box { max-width: 100px; }
    .compatible-technologies .icon-wrap .icon-box .icon-img, .compatible-technologies .icon-wrap .icon-box .icon-img .image { width: 100%; height: auto; }
    .compatible-technologies .icon-wrap .icon-box .icon-name { font-size: 16px; line-height: 1.3; }
    .page-template-single-product-page .products-banner .h1, .affiliations-top.products-banner .h1{font-size: 36px;}
    .page-template-single-product-page .products-banner h2, .affiliations-top.products-banner h2{font-size: 27px;}
    .products-banner .cnc-product-banner-img{max-width:230px;}
    .page-template-affiliations .affiliations-top h1{max-width: 100%;}
    .page-template-affiliations .hero .grid-narrow{max-width: 90% !important;}
    .page-template-ubq-contribution .affiliations-top.products-banner h2 { width: 50%; }
}
/* Product page */
/* Single Product page */
.hero{position: relative;}
.hero.b-corp-top {
    background-color: #0066A4;
    position: relative;
    background-position: left center;
}
.hero.b-corp-top .grid-narrow { position: initial; }
.hero .small-text { position: absolute; right: 15px; bottom: 5px; color: #b8b8b8; font-size: 10px; font-weight: 500; text-transform: capitalize; z-index: 1;}
.hero {
    height: 59.9vh;
}

/*     .hero .grid-narrow {
    height: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
} */
.hero .grid-narrow {
    height: inherit;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.b-corp-top h1 {
    max-width: 65%;
}

/* @media(max-width:1540px){
.b-corp-top.hero {
    background-position: 70%;
}
} */

@media(max-width:1280px) {
    /*         .hero .grid-narrow {
        justify-content: center;
    } */

   
    .b-corp-top h1 {
        max-width: 70%;
        /*         margin: 0 auto; */
        /*         margin-block-start: 20%; */
    }

    .b-crop-image {
        max-width: 65%;
        width: 100%;
    }


    .b-crop-item.active .item-btn:before {
        transform: rotate(-135deg) translate(-6px, -2px);
    }

    .item-icon {
        max-width: 35%;
        width: 100%;
    }

    .b-crop-item {
        display: flex;
        flex-direction: column;
    }


    .b-crop-item .item-texts {
        max-width: 90%;
        margin: 0 auto;
        max-height: 0;
        margin-block-end: 6%;
        overflow: hidden;
        transition: all .4s ease;
    }

    .b-crop-item .item-btn {
        max-width: fit-content;
        margin-inline-start: 5%;
        margin-block-end: 5%;
        font-family: var(--font-second);
        color: #006699;
        text-transform: uppercase;
        font-weight: bold;
        position: relative;
    }

    .b-crop-item h4 {
        font-family: var(--font-second);
        color: #006699;
        text-transform: uppercase;
        font-weight: bold;
        margin: 5% 0;
    }

    .b-crop-item .item-btn:before {
        content: "";
        position: absolute;
        border: solid #006699;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(45deg);
        right: -20px;
    }
}

/* 09-12-2024 */

.affiliactionbaneer {
    font-size: 47px;
}

.affiliactionbaneer span {
    font-size: 64px;
    /*  font-weight: bold; */
}

@media (max-width:600px) {
    .affiliactionbaneer span {
        font-size: 34px;
        margin-bottom: 8px;
        display: block;
    }

    .affiliactionbaneer {
        max-width: 100%;
        font-size: 26px;
    }
}

@media (max-width: 600px) {
    .b-corp-top h1 {
        max-width: 100%;
        margin: 0 auto;
        /*             margin-block-start: 20%; */
        text-align: center;
    }
}

@media(min-width:601px) and (max-width:767px) {
    .b-corp-top h1 {
        max-width: 100%;
        margin: 0 auto;
        /*             margin-block-start: 10%; */
        text-align: center;
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .b-corp-top h1 {
        max-width: 100%;
        margin: 0 auto;
        /*             margin-block-start: 30%; */
        text-align: center;
        line-height: 1em;
    }
}

@media(min-width:1024px) and (max-width:1279px) {
    .b-corp-top h1 {
        max-width: 100%;
        /*             margin-block-start: 12%; */
        text-align: left;
        margin-left: 20px;
    }
}

@media(min-width:1025px) and (max-width:1279px) {
    .b-corp-top h1 {
        max-width: 100%;
        /*             margin-block-start: 12%; */
        text-align: left;
        margin-left: 20px;
    }
}

@media(min-width:1280px) and (max-width:1539px) {
    .b-corp-top h1 {
        max-width: 70%;
        /* margin: 0 auto; */
        /*             margin-block-start: 0%; */
    }
}


@media(min-width:1540px) {
    .b-corp-top h1 {
        max-width: 100%;
        /*             margin-block-start: 0%; */
        text-align: left;
        margin-left: -160px;
    }
}

/* .hero.big {
        height: 725px;
} */
@media(max-width:1540px) {
    .hero.big {
        height: 65vh;
    }
}

@media(max-width:430px) {
    .hero.big {
        height: 100vw;
    }
}

.grid-narrow .text h2 {
    font-size: 50px;
}

@media (max-width:600px) {
    
    .grid-narrow .text h2 {
        line-height: 1em;
        font-size: 30px !important;
        word-wrap: break-word;
        /* Ensures long words break */
        overflow-wrap: break-word;
        white-space: normal;
        /* Allows text to wrap */
        max-width: 100%;
    }
}

@media (max-width: 1681px) {
    .header .grid {
        max-width: 1200px;
    }
}

@media (max-width: 1367px) {
    .header .grid {
        max-width: 1200px;
    }
}

@media (max-width: 1024px) {
    .header .grid {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .grid-narrow .text h2 {
        line-height: 100% !important;
    }
}


@media (max-width: 820px) {
    .hero .grid-narrow {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 50px;
    }
}

/* Scroll Animation Css Start */
.animatable{opacity: 0; visibility:hidden;-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-ms-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused;}
.animated{opacity: 1; visibility:visible;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:0.3s;-moz-animation-duration:0.3s;-ms-animation-duration:0.3s;-o-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-play-state:running;-moz-animation-play-state:running;-ms-animation-play-state:running;-o-animation-play-state:running;animation-play-state:running;}

/* .animated.zoomIn{-webkit-animation-name:zoomIn;-moz-animation-name:zoomIn;-o-animation-name:zoomIn;animation-name:zoomIn} */
.animated.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp;}

@keyframes zoomIn{
    0%{transform: scale(0.6);}
    100%{transform: scale(1);}
}
@keyframes fadeInUp{
    0%{opacity:0;transform:translateY(50px);}
    100%{opacity:1;transform:translateY(0);}
}
/* Scroll Animation Css End */

.dipi-breadcrumbs{padding: 15px 0;}
.dipi-breadcrumbs ul{list-style: none; padding: 0; margin: 0;}
.dipi-breadcrumbs ul li{font-size: 14px; font-weight: 500;}
.dipi-breadcrumbs ul li a{color: #263880;}
.dipi-breadcrumbs ul li.dipi-breadcrumb-separator{padding: 10px;}

img{max-width:100%;}
.about-section{padding:100px 0;}
.about-section .row{gap: 30px;}
.about-section .image{width:calc(50% - 15px);box-sizing:border-box;}
.about-section .text{width:calc(50% - 15px);box-sizing:border-box;color:#454444;font-size:26px; line-height: 1.4;}


.why-it-matters-section{background-color: #F7F7F7;}

.material-integration-section{background-color:#0066A4;padding:100px 0;}
.material-integration-section .text{width:100%;padding-right:0;box-sizing:border-box;}
.material-integration-section .text blockquote{background:#80B2D1;background:linear-gradient(90deg,rgba(255,255,255,0.1) 0%,rgba(0,102,164,0.1) 100%);padding:15px 10px 15px 24px;border-left:6px solid #FFCD1C;color:white;margin:0 0 50px; font-size: 29px; line-height: 1.3;}
.material-integration-section .text .material-list{list-style:none;padding:0;margin:0;gap:20px; justify-content: space-between; flex-wrap: wrap;}
.material-integration-section .image{width:33.33333333%;box-sizing:border-box;}

.why-it-matters-section{padding: 100px 0;}
.why-it-matters-section .image{margin-top: 55px;}
.why-it-matters-section .image .matters-img{margin: 0 auto;}
.why-it-matters-section .text{width: 100%; max-width: 700px; margin: 0 auto; color: #454444; font-size: 26px;}
.why-it-matters-section .text p{display: none;}

.cta-section{padding: 75px 0; position: relative;}
.cta-section::before{content: ''; position: absolute; inset: 0; background-color: #0066A4; opacity: 0.9;}
.cta-section h3{color: #fff; margin-bottom: 40px;}
.cta-section .btn-group{gap: 20px;}
.cta-section .cta-btn{display:inline-block;border-radius:6px;padding:17px 40px 13px;cursor:pointer;font-family: var(--font-second); font-size:16px;font-weight:bold;text-transform:uppercase;transition:all .4s;line-height:1.2; background-color: #fff; color: #0066A4; border: 1px solid #fff;box-sizing: border-box;}
.cta-section .cta-btn:hover{background-color: transparent; color: #fff;}
.cta-section .cta-btn.btn-bdr:not(:hover){background-color: transparent; color: #fff;}
.cta-section .cta-btn.btn-bdr:hover{background-color: #fff; color: #0066A4;}

.support-section{padding: 100px 0;}
.support-section .img-group {width:33.33333333%;box-sizing:border-box; box-shadow: 0 0 20px 7px rgba(0, 0, 0, 0.04); }
.support-section .img-group .image{ padding: 30px 10px; display: flex; align-items: center; justify-content: center;}
.support-section .img-group .image:not(:last-child){border-bottom: 1px solid rgba(230, 230, 230, 0.3);}
.support-section .img-group .image img{max-height: 75px;}
.support-section .text{width:66.66666667%;box-sizing:border-box; padding-left: 30px; font-size: 26px; line-height: 1.4;color: #454444;}
/* .support-section .text h4{color: #0069A7; font-size: 26px; margin-bottom: 0;} */

@media (max-width: 1440px) {
    .why-it-matters-section .image img{max-width: 50%;}
}
@media (max-width: 1199px) {
    .about-section,.material-integration-section,.why-it-matters-section,.cta-section,.support-section, .sustainability, .compatible-technologies, .future-in, .material-section{padding:50px 0;}
    .grid-narrow .text h2{font-size: 30px;}
}
@media (max-width: 991px) {
    .about-section .text,.support-section .text h4, .material-integration-section .text blockquote, .why-it-matters-section .text{font-size: 20px;}
    .material-integration-section .text .material-list{gap: 10px; justify-content: center;}
    .about-section,.material-integration-section,.why-it-matters-section,.cta-section,.support-section,.about-section, .material-integration-section, .why-it-matters-section, .cta-section, .support-section, .sustainability, .compatible-technologies, .future-in, .material-section {padding:40px 0;}
    .about-section .row{flex-wrap: wrap;}
    .about-section .image{width: 40%}
    .about-section .text{width: 100%}
}
@media (max-width: 767px) {
    .about-section .image,.material-integration-section .image,.support-section .img-group{width:100%;}
    .about-section .image img{max-width: 250px;}
    .about-section .text,.material-integration-section .text,.support-section .text{width:100%;}

    .material-integration-section>.row{flex-direction: column-reverse;}
    .material-integration-section .text blockquote{border-width: 3px;padding-left: 10px;}
    .material-integration-section .text .material-list{gap:5px;}
    .support-section .text{padding-left: 0; padding-top: 30px;}
    .why-it-matters-section .image img{max-width:90%;}

    .cta-section h3{margin-bottom: 20px;}
    .cta-section .btn-group{flex-direction: column;gap: 10px;}
    .cta-section .cta-btn{width: 100%;padding: 14px 40px 11px; font-size: 14px;}
}
/* Single Product page */
body {font-family: var(--font-main);padding:0;margin:0;font-size: 20px;line-height: 1.35;color: var(--color-main-dark);-webkit-font-smoothing: antialiased; overflow-x:hidden;}
input, textarea, button {border-radius: 0;-webkit-appearance:none;outline: none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: inherit;font-family: inherit;}
nav ul{list-style: none;padding: 0;margin: 0;}
sup {font-size: 15px;}
::selection {color: white;background: #0069A7;}
::-webkit-scrollbar{background:var(--bg-color-dark-blue);width:10px;}
::-webkit-scrollbar-thumb{background: var(--color-main-orange);}
/* *:not(.slick-track):not(.swiper-container-pointer-events):not(.swiper-wrapper):not(.swiper-slide):not(.slick-list):not(.selectbox-dropdown), *:before, *:after{transition: all .4s;} */
a {text-decoration:none;outline: none;color: black;}
img{border:0;display: flex;}
h1,h2,h3,h4,h5,h6{font-weight:normal; margin-top:0;margin-bottom: 20px;}
h1{font-size: 50px;}
h2{font-size:40px;}
h3{font-size:30px;}
h4{font-size:24px;}
h5{font-size: 20px;}
h6{font-size:16px;}
p{margin:0;}
/*--grid classes---*/
.row {display: flex;flex-wrap: wrap;height: inherit;}
.row-wrap {display: flex;flex-wrap: wrap;}
.row-reverse {display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
.row-align-items {justify-content: space-between;display: flex;}
.item-start{align-self: flex-start;}
.third-div {flex: 0 0 33.333333%;max-width: 33.333333%;}
.third-div-bigger {flex: 0 0 40%;max-width: 40%;}
.qrtr-div {flex: 0 0 25%;max-width: 25%;}
.qrtr-div-bigger {flex: 0 0 29%;max-width: 29%;}
.fifth-div {flex: 0 0 20%;max-width: 20%;}
.small-div {flex: 0 0 10%;max-width: 10%;}
.big-div {flex: 0 0 90%;max-width: 90%;}
.four-fifhts-div{flex: 0 0 80%;max-width: 80%;}
.half-div {flex: 0 0 50%;max-width: 50%;}
.half-div-bigger {flex: 0 0 60%;max-width: 60%;}
.three-qrtr-div {flex: 0 0 75%;max-width: 75%;}
.three-qrtr-div-smaller {flex: 0 0 70%;max-width: 70%;}
.two-third-div {flex: 0 0 66.666666%;max-width: 66.666666%;}
.full-div {flex: 0 0 100%;max-width: 100%;position: relative;}
.to-bottom{align-self: flex-end;margin-left:  auto;}
.flex-box-center{display: flex;align-items: center;justify-content: center;}
.flex-row-center{display: flex;justify-content: center;}
.flex-col-center{display: flex;align-items: center;}
.flex-row-end{display: flex;justify-content: flex-end;}
.flex-col-end{display: flex;align-items: flex-end;}
.flex-row-start{display: flex;justify-content: flex-start;}
.flex-col-start{display: flex;align-items: flex-start;}
.flex-box-end{display: flex;align-items: flex-end;justify-content: flex-end;}
.flex-box-start{display: flex;align-items: flex-start;justify-content: flex-start;}
.flex-box-column{display: flex;flex-direction: column;height: inherit;}
.flex-box-to-right{display: flex;justify-content: flex-end;}
.hide-mobile{display:flex;}
.hide-desktop{display:none;}
/*colors*/
.c-white{color:#ffffff;}
.c-grey{color:#5c6063;}
.c-green{color:var(--color-main-green);}
.c-orange{color:var(--color-main-orange);}
.c-light-grey{color:#adafb1;}
.c-dark{color:#2c343a;}
.c-blue{color:var(--bg-color-main-blue);}
/*bg colors*/
.bg-black{background-color: #000000;}
.bg-blue{background-color: var(--color-main-blue);}
.bg-dark-blue{background-color: var(--bg-color-dark-blue);}
.bg-light-gray{background-color: var(--bg-color-main-light-gray);}
.bg-gray{background-color: var(--bg-color-main-gray);}
.blue-gradient {background-image: linear-gradient(to left, hsl(191deg 98% 49%) 0%, hsl(202deg 94% 47%) 100%);}
.bg-red-gradient {background-image: linear-gradient(to left, #F39200 0%, #E83C5E 100%);}
.bg-blue-gradient {background-image: linear-gradient(to right, #01CFFA 0%, #0C64DE 100%);}
.bg-img-settings{background-repeat: no-repeat;background-size: cover;background-position: center;}
.responsive-img{max-width: 100%;height: auto;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.to-right-auto{margin-left: auto;}
.to-left-auto{margin-right: auto;}
.hand{cursor:pointer;}
.t-b{font-weight:bold;}
.t-m{font-weight:500;}
.t-l{font-weight:300;}
.t-nob{font-weight:normal;}
.t-i{font-style: italic;}
.t-u{text-decoration:underline;}
.t-nou{text-decoration:none;}
.t-upper{text-transform: uppercase;}
.soft-shadow{box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.03);}
.marg-c{margin: auto;}
.s-9{font-size:9px;}
.s-10{font-size:10px;}
.s-11{font-size:11px;}
.s-12{font-size:12px;}
.s-13{font-size:13px;}
.s-14{font-size:14px;}
.s-15{font-size:15px;}
.s-16{font-size:16px;}
.s-17{font-size:17px;}
.s-18{font-size:18px;}
.s-19{font-size:19px;}
.s-20{font-size:20px;}
.s-21{font-size:21px;}
.s-22{font-size:22px;}
.s-23{font-size:23px;}
.s-24{font-size:24px;}
.s-25{font-size:25px;}
.s-26{font-size:26px;}
.s-27{font-size:27px;}
.s-28{font-size:28px;}
.s-30{font-size:30px;}
.s-32{font-size:32px;}
.s-36{font-size:36px;}
.s-38{font-size:38px;}
.s-40{font-size:40px;}
.s-42{font-size:42px;}
.s-45{font-size:45px;}
.s-48{font-size:48px;}
.s-55{font-size:55px;}
.s-60{font-size:60px;}
.s-70{font-size:70px;}
.s-90{font-size:90px;}
.hide{display: none !important;}
.show{display: flex;}
.grid {width: 100%;margin: 0 auto;max-width: 1520px;position: relative;height: inherit;}
.grid-wide {width: 100%;margin: 0 auto;max-width: 1620px;position: relative;}
.grid-narrow {width: 100%;margin: 0 auto;max-width: 1200px;}
.grid-small { max-width: 1320px; }
.second-font{font-family: var(--font-second);}
/*---animation calsses---*/
.anim-target{/*a dummy class to target element in DOM*/}
.anim-general-transition{transition-property: transform,opacity,left;transition-timing-function: cubic-bezier(.175,.885,.32,1.175);transition-duration: 0.75s;}
.anim-delay-100{transition-delay: .1s;}
.anim-delay-200{transition-delay: .2s;}
.anim-delay-300{transition-delay: .3s;}
.anim-delay-400{transition-delay: .4s;}
.anim-delay-500{transition-delay: .5s;}
.anim-delay-600{transition-delay: .6s;}
.anim-delay-700{transition-delay: .7s;}
.anim-delay-800{transition-delay: .8s;}
.anim-delay-900{transition-delay: .9s;}
.anim-delay-1000{transition-delay: 1s;}
.anim-delay-1100{transition-delay: 1.1s;}
.anim-delay-1200{transition-delay: 1.2s;}
.anim-delay-1300{transition-delay: 1.3s;}
.anim-delay-1400{transition-delay: 1.4s;}
.anim-delay-1500{transition-delay: 1.5s;}
.anim-delay-1600{transition-delay: 1.6s;}
.anim-delay-1700{transition-delay: 1.7s;}
.anim-delay-1800{transition-delay: 1.8s;}
.anim-delay-1900{transition-delay: 1.9s;}
.anim-from-left{transform: translate(-20%,0);opacity: 0;}
.anim-from-right{transform: translate(20%,0);opacity: 0;}
.anim-from-top{transform: translate(0,-20%);opacity: 0;}
.anim-from-bottom{transform: translate(0,35%);opacity: 0;}
.anim-flip-y{transform: perspective(2500px) rotateY(-100deg);opacity: 0;}
.anim-to-zero{transform: translate(0,0);opacity: 1;}
.flip-to-zero{transform:perspective(2500px) rotateY(0);opacity: 1;}

/*--general theme styles---*/
.textpage {padding: 75px 0;}
.textpage-content {line-height: var(--lh28);}
.btn.gray {background-color: #F7F7FA;max-width: fit-content;padding: 15px;transition: all .4s;}
.btn.gray .btn-inner {margin-inline-end: 20px;}
.btn.gray:hover {background-color: var(--color-main-orange);}
.btn:hover {background-color:#0081cd}
 
.btn {display: flex;border-radius: 6px;align-items: center;position: relative;overflow: hidden;width: 100%;max-width: fit-content;padding: 0 50px;cursor: pointer;font-size: 16px;font-family: var(--font-second);text-transform: uppercase;transition: all .4s; height: 50px; font-weight: bold; border: 1px solid transparent;}
.top-hero-big {display: flex;width: 100%;height: 100vh;position: relative;}
.btn-inner span{line-height:1;padding-block-start:3px;}
.btn > span{display:flex;height:16px;}
.top-hero-big video{position:absolute;width:100%;height:100vh;z-index:0;object-fit:cover;}
.top-hero-big video + img{position:absolute;z-index:1;right:0;bottom:0;}
.top-hero-big .hero-content{position:relative;z-index:1;display:flex;flex-direction:column;color:white;}
.hp-about h2{color:#0774a4;font-size:50px;margin-block-end:35px;}
.hp-about{background-color:#F7F7F7;padding:85px 0;}
.hp-about .text{max-width:80%;line-height:26px;}
.top-hero-big .grid{display:flex;flex-direction:column;justify-content:center;}
.top-hero-big:before{content:"";position:absolute;width:100%;height:100%;background-color:rgb(0 0 0 / 30%);top:0;left:0;z-index:1;}
.top-hero-small {height: 410px;}
.top-hero-medium {height: 540px;}
.primary {background-color: var(--bg-color-main-blue);color: white;justify-content: center;}
.btn.primary.white{background-color:white;color:var(--bg-color-main-blue);}
.btn-yellow{background-color: #FFCE1C; border-color: #FFCE1C; color: #000;}
.btn-yellow:hover{background:transparent;color:#FFCE1C;}


.btn.primary.big {max-width: 300px;}
/* .btn.primary:before, form button:before, .blog-subscribe-form button:before, .blog-post-inner-form-wrapper form>button:before {background-color: #0081cd;width: 45px;height: 45px;content: "";position: absolute;border-radius: 50%;right: 0;left: 0;margin: auto;opacity: 0;bottom: -30%;transform: scale(0.2);transition-duration: 0.7s;}
/* .btn.primary:hover:before, .blog-post-inner-form-wrapper form>button:hover:before, form button:hover:before, .blog-subscribe-form button:hover:before {transform: scale(5.5);opacity: 1;width: 60px;height: 60px;} */
/*--header--*/ 
.header-logo-wrapper {max-width: 80px;width: 100%;}
#menu-header-nav>li.current-menu-item a, #menu-header-nav-nl>li.current-menu-item a, #menu-header-nav-es>li.current-menu-item a{opacity: 1;}
.header ul li a {font-size: 16px;font-family: var(--font-second);color: #444444;font-weight: 500;}
#menu-header-nav>li.current-menu-parent a, #menu-header-nav>li:hover > a, #menu-header-nav-nl>li.current-menu-parent a, #menu-header-nav-nl>li:hover > a, #menu-header-nav-es>li.current-menu-parent a, #menu-header-nav-es>li:hover > a {opacity: 1;}
.header #menu-header-nav>li, .header #menu-header-nav-nl>li, .header #menu-header-nav-es>li {margin-right: 70px;display: flex;align-items: center;position: relative;}
.mega-submenu-wrapper {display: none;}
.header #menu-header-nav>li:last-child, .header #menu-header-nav-nl>li:last-child, .header #menu-header-nav-es>li:last-child {margin: 0;}
.header ul li:last-child {margin-right: 0;}
.menu-header-right-nav-container .header-right-nav li, .menu-header-right-nav-nl-container .header-right-nav li, .menu-header-right-nav-es-container .header-right-nav li {margin-inline-start: auto;display: flex;align-items: center;}
.header {height: var(--header-height);box-shadow: 0 2px 8px rgb(0 0 0 / 4%);position: sticky;top: 0;display: flex;flex-direction: column;background-color: white;z-index: 99999;}
.header-logo {display: inline-flex;}
.header .grid {
    position: unset;
}
.header #menu-header-nav>li>a, .header #menu-header-nav-nl>li>a, .header #menu-header-nav-es>li>a {
    text-transform: uppercase;
}
.header ul li a:hover {
    color: var(--bg-color-main-blue);
}

.menu-header-right-nav-container .header-right-nav .btn.hollow, .menu-header-right-nav-nl-container .header-right-nav .btn.hollow, .menu-header-right-nav-es-container .header-right-nav .btn.hollow {
    font-weight: 500 !important;
    background-color: var(--bg-color-main-blue);
    height: 50px !important;
    justify-content: center !important;
	color:white;
	border: 1px solid transparent !important;
}
.menu-header-right-nav-container .header-right-nav .btn.hollow, .menu-header-right-nav-nl-container .header-right-nav .btn.hollow, .menu-header-right-nav-es-container .header-right-nav .btn.hollow:hover {
    border: 1px solid var(--bg-color-main-blue) !important;
}


.btn.hollow:hover {
	border: 1px solid var(--bg-color-main-blue) !important;
	background:transparent !important;
}

.btn.hollow:hover a {
    color:  var(--bg-color-main-blue);
}
.btn.hollow a {
    color: white;
    line-height: 0.9;
}
.menu-header-right-nav-container .header-right-nav .btn.hollow a, .menu-header-right-nav-nl-container .header-right-nav .btn.hollow a, .menu-header-right-nav-es-container .header-right-nav .btn.hollow a {font-weight: bold !important;}
.menu-submenu2-container, .menu-submenu2-nl-container, .menu-submenu2-es-container {
    position: relative;
}
.menu-submenu3-container, .menu-submenu3-nl-container, .menu-submenu3-es-container, .menu-submenu4-container, .menu-submenu4-nl-container, .menu-submenu4-es-container {
    position: relative;
}
.header-right-menu-wrapper {width: 100%;max-width: 230px;}
.btn.primary > a {color: var(--color-main-dark);opacity: 1;position: relative;display: flex;height: 100%;align-items: center;width: 100%;justify-content: center;}
.header-main-menu-wrapper,.menu-header-nav-container, .menu-header-nav-es-container, .menu-header-nav-nl-container {display: flex;height: 100%;align-items: center;margin: auto;}
/*---sub menu---*/
.menu-item-has-children > .sub-menu {opacity:0;pointer-events:none;position: absolute;width: 580px;flex-direction: column;top: 50px;background-color: white;box-shadow: 0 0 7px rgb(5 33 96 / 15%);border-radius: 6px;z-index: 999;}
.menu-item-has-children:hover > .sub-menu {opacity:1;pointer-events:auto;top:70px;}
.menu-item-has-children {position: relative;}
.menu-item-has-children > .sub-menu>li {padding: 21px 40px;background-color: transparent;display: flex;position: relative;cursor: pointer;flex-direction: column;}
.menu-item-has-children > .sub-menu>li span.description {font-size: 14px;max-width: 58%;line-height: 20px;color: var(--color-main-blue);opacity: 0.75;display: flex;font-family: var(--font-family-texts);font-weight: normal;margin-top: 10px;}
.menu-item-has-children > .sub-menu>li>a {font-size: 14px;opacity: 1;font-weight: bold;}
.menu-item-has-children > .sub-menu>li:hover {background-color: #F1F0F4;}
.menu-item-has-children > .sub-menu>li:first-child {margin-top: 30px;}
.menu-item-has-children > .sub-menu>li:hover:before {content:"";position: absolute;height: 100%;width: 4px;background-color: var(--color-main-orange);right: 0;top: 0;}
.mega-submenu .menu-item-has-children > .sub-menu>li:last-child {margin-bottom: 20px;}
/*--mega menu--*/
.mega-submenu .mega-menu .menu-item-has-children > .sub-menu {width: 100%;right: 0;left: 0;box-shadow: 0 7px 12px rgb(0 0 0 / 2%);border-radius: 0;top: var(--header-height);height: 140px;display: flex;flex-direction: row;align-items: center;justify-content: center;}
.mega-submenu .mega-menu .menu-item-has-children > .sub-menu:before {content: "";background: linear-gradient(to bottom, rgb(0 0 0 / 25%) 0%, rgb(0 0 0 / 0%) 45%);position: absolute;top: 0;width: 100%;height: 150px;z-index: 0;opacity: 0.15;}
.mega-submenu .header #menu-header-nav.mega-menu > li.menu-item-has-children, .mega-submenu .header #menu-header-nav-nl.mega-menu > li.menu-item-has-children, .mega-submenu .header #menu-header-nav-es.mega-menu > li.menu-item-has-children {position: unset;}
.mega-submenu .header.mega-menu-wrapper>.grid {max-width: 100%;}
.mega-submenu .header.mega-menu-wrapper>.grid>.row {max-width: 1520px;margin: auto;}
.mega-submenu  li>a>.row>img {margin-inline-end: 10px;}
.mega-submenu  li {max-width: 300px;width: 100%;padding: 0;height: calc(100% - 15px);padding-block-start: 15px;}
.mega-submenu  li span.description {max-width: 80%;margin-inline-start: 40px;}
.mega-submenu  li:first-child,.mega-menu .menu-item-has-children > .sub-menu>li:last-child {margin: 0;}
.mega-submenu  li:hover>a {color: white;}
.mega-submenu  li:hover {background-color: var(--bg-color-main-blue);}
.mega-submenu  li:hover:before {display: none;}
.mega-submenu  li:hover span.description {color: white;opacity: 1;}
.mega-submenu .mega-menu-icon {display: inline-flex !important;}
/*---new sub menu styles ---*/

.mega-submenu {width: 100%;background: white;box-shadow: 0 7px 12px rgb(0 0 0 / 2%);border-radius: 0;top: var(--header-height);height: 140px;display: flex;flex-direction: row;align-items: center;justify-content: center;}
.mega-submenu:before {content: "";background: linear-gradient(to bottom, rgb(0 0 0 / 25%) 0%, rgb(0 0 0 / 0%) 45%);position: absolute;top: 0;width: 100%;height: 150px;z-index: 0;opacity: 0.15;}
.mega-submenu>li>a>.row {align-items: center;font-size: 14px;opacity: 1;font-weight: bold;padding-block-start: 15px;text-transform: uppercase; flex-wrap: nowrap;}
.mega-submenu>li>a>.row>img {margin-inline-end: 10px;}
.mega-submenu>li {max-width: 300px;width: 100%;padding: 0;height: inherit;display: flex;position: relative;cursor: pointer;flex-direction: column;}
.mega-submenu>li span.description {max-width: 80%;font-size: 14px;line-height: 20px;color: var(--color-main-blue);opacity: 0.75;display: flex;font-family: var(--font-family-texts);font-weight: normal;margin-top: 10px;opacity: 1;}
.mega-submenu>li:first-child,.mega-menu .menu-item-has-children > .sub-menu>li:last-child {margin: 0;}
.mega-submenu>li>a {padding: 0 15px;opacity: 1;}
.mega-submenu>li:hover>a {color: white;}
.mega-submenu>li:hover {background-color: var(--bg-color-main-blue);}
.mega-submenu>li:hover:before {display: none;}
.mega-submenu>li:hover span.description {color: white;}
.mega-submenu .mega-menu-icon {display: inline-flex;}
.mega-submenu li:hover a .row { color: white; } 
.menu-submenu-container, .menu-submenu-nl-container, .menu-submenu-es-container { width: 100%; position: relative; height: 150px; }
/*--hp--*/ 
.btn-inner {position: relative;width: 100%;display: flex;justify-content: center;} 
.btn.primary a { color: white; } 
.process-img { display: none; transform: translateY(-150px); } 
.process-img.active { display: block; } 
.the-process-txt { flex: 0 0 40%; max-width: 40%; } 
.the-process-img { flex: 0 0 60%; max-width: 60%; } 
.process-txt { /* position: relative; */ height: 170px; color: #c7c7c7; cursor: pointer; margin-block-end: 100px; } 
.process-txt h2 { margin-block-end: 25px; color: #b3d2e5; } 
.the-process-txt { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; } 
.process-txt .text { max-width: 380px; width: 100%; line-height: 26px; } 
.process-txt:before { position: absolute; width: 45px; height: 45px; border-radius: 50%; color: #b3d2e5; border: 1px solid #b3d2e5; display: flex; align-items: flex-end; justify-content: center; font-size: 28px; font-weight: bold; left: 0; background-color: white; font-family: var(--font-second); } 
.process-txt[txt-slide="1"]:before { content: "1"; } 
.process-txt[txt-slide="2"]:before { content: "2"; } 
.process-txt[txt-slide="3"]:before { content: "3"; } 
.the-process-txt:before { content: ""; position: absolute; width: 1px; height: 580px; background-color: #0069a7; left: 23px; top: 193px; z-index: -1; opacity: .3; } 
.process-txt.active:before { color: #0069a7; border-color: #0069a7; } 
.process-txt.active { color: black; } 
.process-txt.active h2 { color: #0069a7; }
.btn-inner>img {margin-left: 22px;filter: invert(1) brightness(1.5);}
.hero-content h1 {max-width: 36%;line-height: 62px;font-weight: normal;}
.hero-content p {max-width: 50%;font-size: 24px;line-height: 33px;margin-bottom: 55px;}
.hp-top-logos {overflow: hidden;padding:50px 0;}
.slide-wrapper img { max-height: 90px; } 
.hp-top-gall.row { justify-content: space-between; } 
/**--hp new---*/ 
.hp-companies h4 { font-size: 22px; font-family: var(--font-second); } 
.company span { font-size: 16px; margin-block-start: 25px; display: flex; justify-content:center; } 
.btn.primary.white:hover { background-color: var(--bg-color-main-blue); color: white; }
.companies.row { justify-content: space-between; margin: 80px 0; position: relative; } 
.companies.row + .btn.primary { margin: auto; } 
.companies.row:before { content: ""; position: absolute; width: 100%; height: 1px; background-color: #707070; top: 78%; } 
.hp-bottom { height: 1050px; margin-block-start: 80px; position: relative; margin-block-end: 450px; } 
.hp-bottom > img { position: absolute; left: 0; top: 400px; z-index: 0; max-width: 100%; } 
.certificate { max-width: 255px; width: 100%; height: 290px; background-color: white; display: flex; align-items: center; flex-direction: column; border-radius: 4px; } 
.certificates.row-wrap { justify-content: space-between; position: relative; z-index: 1; } 
.hp-bottom h4 { padding: 80px  0; margin: 0; font-size: 22px; font-family: var(--font-second); } 
.hp-bottom  .btn.primary { margin: 0 auto; margin-block-start: 80px; position: relative; z-index: 1; } 
.certificate .row-wrap { padding-block-end: 35px; max-width: 80%; width: 100%; justify-content: space-between; font-weight: 600; text-transform: uppercase; color: var(--color-main-blue); } 
.library-main .hero-medium-main-form .hs_email input[type="email"] { max-width: 100%; width: 100%; } 
.certificate span { font-family: var(--font-second); font-size: 16px; width: 100%; text-align: center; margin: 5px 0; }
.hp-featured-page {max-width: calc(33.333% - 27px);width: 100%;height: 760px;margin-right: 40px;color: white;display: flex;flex-direction: column;justify-content: flex-end;transition: none !important;}
.hp-featured-page:last-child {margin-right: 0;}
.hp-featured-pages > .grid > h2 {margin-bottom: 90px;}
.hp-featured-page-btn {display: inline-flex;margin-bottom: 75px;cursor: pointer;font-family: var(--font-family-title);font-weight: bold;}
.hp-featured-page:hover .hp-featured-page-btn > img {transform: translateX(10px);}
.hp-featured-page-btn>img {margin-left: 25px;}
.hp-featured-page-inner {padding: 0 60px;}
.hp-featured-page-inner>p {line-height: var(--lh28);margin-bottom: 50px;margin-top: 30px;min-height: 225px;transition: none !important;}
.industry-leaders {margin: 150px 0;}
.hp-processes-item h2 {margin-top: 45%;max-width: 83%;}
.hp-processes-gall {height: calc(100vh - var(--header-height));}
.gall-spritesheet.active{animation: run1 2s steps(20) forwards;}
.gall-spritesheet.reverse{animation: run1reverse 2s steps(20) forwards;}
@keyframes run1 {
  from { background-position:  0; }
  to {background-position: -13600px;}
} 
@keyframes run1reverse {
    from { background-position: -13600px; }
    to {background-position: 0;}
} 
.hp-processes-item p {max-width: 75%;line-height: var(--lh28);margin-bottom: 60px;}
.hp-featured-page-inner h2 {max-width: 55%;font-weight: normal;line-height: 45px;transition: none !important;}
.hp-processes-item .btn.primary {max-width: 300px;}
.hp-industries {margin-bottom: 150px;}
.hp-industry-icon-wrapper {width: 150px;height: 150px;display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 6px solid var(--bg-color-main-gray);}
.hp-industry-item {display: flex;flex-direction: column;margin-right: 110px;}
.hp-industry-item h4 {margin-bottom: 0;text-align: center;margin-top: 25px;}
.hp-industry-item:last-child {margin-right: 0;}
.hp-vid-wrapper video {display: flex;width: 70%;margin: auto;}
.hp-industries h2 {margin-bottom: 90px;}
.title-upper-line:before {content: "";background-color: var(--color-main-orange);height: 4px;width: 60px;position: absolute;top: -15px;}
.title-upper-line {position: relative;}
.hp-bottom-logos {padding: 120px 0;overflow: hidden;margin-block-start: -200px;}
.hp-bottom-logos .slick-list.draggable {padding: 25px 0;}
.hp-bottom-title {width: 100%;max-width: 20%;margin-right: 120px;align-items: center;display: flex;}
.hp-bottom-awards-gallery .hp-bottom-slide {max-width: 340px;margin-right: 40px;}
.hp-award-item {width: 100%;height: 400px;display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: white;box-shadow: 0 5px 20px rgb(2 14 31 / 10%);position: relative;border-radius: 5px;max-width: 340px;}
.hp-bottom-awards-gallery, .hp-bottom-industry-gallery {width: 100%;max-width: calc(80% - 120px);padding: 25px 0;}
.hp-industry-gallery-item {width: 100%;height: 300px;display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: white;box-shadow: 0 5px 20px rgb(2 14 31 / 10%);border-radius: 5px;max-width: 280px;}
.hp-industry-gallery-icon-wrapper {width: 210px;height: 110px;align-items: center;display: flex;}
.hp-bottom-logos>.grid>.row {margin-bottom: 140px;}
.slick-prev:hover:before, .slick-next:hover:before{background-color: #057DC4;}
.slick-prev, .slick-next {top: unset;bottom: -100px;right: unset;left: 0;width: 50px;height: 50px;box-shadow: 0 2px 10px rgb(2 14 31 / 10%);border-radius: 50%;}
.slick-next {left: 70px;}
.slick-prev:before, .slick-next:before {content: "";opacity: 1;background-image: url(/wp-content/uploads/2021/03/arr-white.svg);background-repeat: no-repeat;width: 50px;height: 50px;position: absolute;background-color: #0069a7;left: 0;top: 0;border-radius: 50%;margin: auto;right: 0;bottom: 0;background-position: center;}
.slick-prev:before {transform: rotate(180deg);}
.hp-industry-gallery-item h4 {text-align: center;}
.hp-industry-gallery-icon-wrapper>img {margin: auto;}
.hp-bottom-industry-gallery .hp-bottom-slide {max-width: 280px;margin-right: 40px;}
.hp-bottom-logos>.grid {max-width: 1720px;margin: 0;margin-left: auto;}
.hp-award-icon-wrapper {width: 210px;height: 110px;display: flex;align-items: center;justify-content: center;margin-bottom: 25px;}
.hp-award-item h4 {max-width: 80%;min-height: 55px;text-align: center;margin-bottom: 65px;}
.hp-award-item p {font-size: 18px;}
/*---blog post--*/
.resource-library-top {margin: 120px 0;}
.resource-library-top h4 {margin-top: 30px;}
.blog-post:nth-child(3n) {margin-right: 0;}
.blog-post:hover .post-btn {
    background-color: var(--bg-color-main-blue);
    color: white;
}
.hp-award-item h4:before {content:"";position:absolute;width: 82.5%;background-color: rgb(2 14 31 / 50%);height:2px;margin: auto;bottom: 110px;right: 0;left: 0;}
.blog-post {max-width: calc(34.2% - 40px);width: 100%;margin-right: 40px;cursor: pointer;margin-bottom: 40px;}
  
.blog-post-text .post-cat {
    font-family: var(--font-second);
}

.blog-post-text .row-wrap > span:first-child {
    margin-inline-end: 40px;
}

.blog-post-text .row-wrap > span {
    font-family: var(--font-second);
    font-size: 16px;
    font-weight: bold;
    color: var(--bg-color-main-blue);
    text-transform: uppercase;
}
.post-btn > span {
    height: 12px;
}
.post-btn {color: var(--bg-color-main-blue);margin-block-start: 50px;height: 50px;font-weight: 600;display: flex;flex-direction: column;align-items: center;justify-content: center;text-transform: uppercase;font-size: 16px;border-radius: 4px;border: 1px solid var(--bg-color-main-blue);font-family: var(--font-second);transition: all .4s;line-height: 0.8;max-width: 100%;width: auto;}
.post-btn img {margin-inline-start: 25px;}
.blog-post:hover .post-btn > img {margin-inline-start: 35px; }
.blog-post .blog-post-img{height: 260px;overflow: hidden;}
.blog-post-img>img {max-width: 100%;height: 100%;object-fit: cover;width: 100%;}
.blog-post:last-child {margin-right: 0;}
.hp-bottom-posts {padding: 120px 0;}
.hp-bottom-posts h2 {margin-bottom: 90px;text-align: center;}
.blog-post-text {background-color: #F7F7F8;padding: 40px;min-height: 200px;}
.blog-post-text>a {display: flex;width: 100%;color: var(--color-main-blue);font-weight: bold;}
.blog-post-meta-data,.blog-post-meta-data h3 {font-size: 16px;font-weight: 500;align-items: center;color: var(--color-main-blue);}
.blog-post-meta-data h3 {margin-right: 15px;margin-bottom: 0;}
.blog-post-text h5 {font-size: 18px;min-height: 45px;max-height: 45px;overflow: hidden;color: var(--bg-color-main-blue);margin-block-start: 20px;margin-block-end: 0;}
.blog-post-text h5 + p {margin-block-start: 15px;color: rgb(2 14 31 / 75%);font-size: 14px;min-height: 50px;margin-block-end: 35px;position: relative;}
.blog-post-text h5 + p:after {content: "...";}
.blog-post-btn > img {margin-left: 20px;}
.blog-post-meta-data {margin-bottom: 15px;}
.blog-post:hover .blog-post-btn > img {transform: translateX(10px);}
/*--pagination--*/
.resources-pagination {padding: 20px 0 50px 0;}
.next.page-numbers:before,.prev.page-numbers:before {content: url(/wp-content/uploads/2021/03/arr-blue.svg);position: absolute;top: 10px;width: 18px;height: 15px;}
.prev.page-numbers:before {transform: rotate(180deg);left: -30px;}
.prev.page-numbers,.next.page-numbers {position: relative;}
.page-numbers:not(.prev.page-numbers):not(.next.page-numbers) {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background-color: var(--bg-color-main-blue);color: white;border-radius: 6px;margin-right: 20px;}
.resources-pagination .page-numbers.current {background-color: var(--color-main-orange) !important;color: var(--color-main-dark) !important;}
/*--what is --*/
.top-hero-big.what-is h1 {max-width: 45%;}
.top-hero-big.what-is .hero-content {align-items: flex-start;justify-content: center;}
.top-hero-big.what-is .hero-content h1 {text-align: left;}
.what-is-top-icons {padding: 80px 0 150px 0;}
.what-is-top-icons h2 {max-width: 55%;text-align: center;margin: auto;margin-bottom: 30px;}
.what-is-top-icon-item {width: 100%;max-width: 16.66%;text-align: center;position: relative;}
.what-is-top-icon img {margin: auto;}
.what-is-top-icons .icons {margin-top: 115px;margin-bottom: 85px;}
.what-is-top-icon-item>p {font-size: 18px;font-family: var(--font-family-title);max-width: 85%;margin: auto;line-height: 24px;opacity: 0;}
.what-is-top-icon {width: 105px;height: 105px;display: flex;margin: auto;border-radius: 50%;border: 4px solid var(--bg-color-main-gray);margin-bottom: 15px;}
.what-is-top-icon-item h6 {max-width: 60%;margin-right: auto;margin-left: auto;min-height: 40px;}
.what-is-top-icon-item:hover > h6 {color: var(--color-main-blue);}
.what-is-top-icon-item:hover > p {color: rgb(29 8 73 / 75%);opacity: 1;}
.what-is-top-icon-item:before {content: "";position: absolute;width: 75px;height: 2px;background-color: var(--color-main-orange);bottom: -55px;right: 0;left: 0;margin: auto;opacity: 0;}
.what-is-top-icon-item:hover:before {transition-delay: 0.25s;opacity: 1;bottom: -15px;}
.what-is-top-icon-item:hover > .what-is-top-icon {border-color: #0069a7;}
.what-is-bottom-gall .what-is-bottom-gallery-item {width: 100%;max-width: calc(25.45% - 27px);height: 440px;margin-right: 26px;background-color: #F7F7F8;position: relative;display: flex;flex-direction: column;margin-block-end: 26px;transition: all .4s;}
.what-is-bottom-gallery-item > a {max-width: 40%;width: 100%;display: flex;margin: auto;position: absolute;right: 15px;left: 0;bottom: 30px;opacity: 0;color: black;z-index: 1;justify-content: center;}
.what-is-bottom-gallery-item:hover > a:before {content: url(/wp-content/uploads/2021/03/arr-yellow.svg);position: absolute;right: -10px;filter: brightness(0.3);top: 2px;}
.what-is-bottom-gallery-item > h6 {position: absolute;top: 110px;right: 0;left: 0;text-align: center;font-size: 18px;}
.what-is-bottom-image {display: flex;margin-top: auto;max-width: 210px;max-height: 210px;margin-right: auto;margin-left: auto;margin-bottom: 70px;}
.what-is-bottom-gallery-item:hover > a:before{opacity:1;}
.what-is-bottom-gall .what-is-bottom-gallery-item:nth-child(4n) {margin-right: 0;}
.what-is-bottom-gall.row {width: 100%;}
.what-is-bottom-gallery-item:hover > a {opacity: 1;bottom: 30px;}
.what-is-bottom-gallery-item:hover:before {opacity: 1;}
.what-is-bottom-logo-wrappper {margin-top: 25px;}
.what-is-bottom-logo {margin: auto;max-width: 60px;margin-block-start: 25px;}
.what-is-bottom-gallery-item:hover {background-color: var(--color-main-orange);}
.what-is-main h2 + p {max-width: 35%;text-align: center;margin: auto;line-height: var(--lh28);margin-bottom: 60px;}
.what-is-steps-wrapper {position: relative;height: 110px;max-width: 840px;margin: auto;}
.what-is-steps-wrapper:before,.what-is-steps-wrapper:after {content: "";position: absolute;width: 680px;height: 7px;background-color: var(--bg-color-main-gray);z-index: -1;top: 0;bottom: 0;margin: auto;}
.what-is-steps {margin: 0 150px 0;}
.icon-main-item h5 {font-size: 18px;margin-top: 20px;}
.icon-main-item {display: flex;flex-direction: column;align-items: center;}
.row.icons-main {justify-content: space-evenly;margin-top: 115px;margin-bottom: 85px;}
.what-is-bottom {margin-bottom: 220px;}
.grid.text-section .text-block {display: flex;flex-direction: column;justify-content: center;}
.text-section .text-block p {margin-top: 10px;margin-bottom: 120px;max-width: 85%;line-height: var(--lh28);}
.text-section {margin-bottom: 50px;}
.what-is-stp {width: 100px;height: 100px;display: flex;background-color: var(--bg-color-main-gray);border-radius: 50%;justify-content: center;align-items: center;font-size: 40px;font-weight: 500;color: rgb(2 14 31 / 50%);position: absolute;cursor: pointer;}
.what-is-stp.step1 {left: 0;}
.what-is-stp.step2 {left: 45%;}
.what-is-stp.step3 {right: 0;}
.what-is-steps-wrapper>img {position: absolute;z-index: 1;left: -80px;top: 80px;animation: hand-tease 2s ease-out infinite;}
.what-is-steps-wrapper {position: relative;}
.what-is-stpt-txt {position: absolute;bottom: -20px;width: 100px;display: flex;justify-content: center;color: var(--bg-color-dark-blue);opacity: .5;}
.what-is-stpt-txt.step1 {left: 0;}
.what-is-stpt-txt.step3 {right: 0;}
.what-is-stpt-txt.step2 {left: 45%;}
.what-is-steps-wrapper:after {background-color: var(--color-main-orange);transition: all 16s linear;width: 0;left: 80px;}
.what-is-steps-wrapper.active:after {width: 680px;}
.what-is-stpt-txt.step1.active,.what-is-stpt-txt.step2.active,.what-is-stpt-txt.step3.active {opacity: 1;}
@keyframes hand-tease{
0%{transform: rotate(0) translateX(0);}
50%{ transform: rotate(25deg) translateX(15px);}
100%{transform: rotate(0) translateX(0);}
}
.what-is-steps-desc {margin-top: 70px;text-align: center;}
h2.what-is-step, .what-is-step, video.what-is-step {display: none;}
h2.what-is-step.title1, p.what-is-step.text1, video.what-is-step.vid1 {display: block;}
.what-is-step {max-width: 65%;margin: auto;line-height: var(--lh28);margin-bottom: 0;}
span.what-is-step {font-size: 250px;font-family: var(--font-family-title);color:white;text-shadow:0 15px 50px rgb(0 0 0 / 0.05);}
video.what-is-step {margin: auto;width: 100%;max-width: 1150px;}
.what-is-stp.step1.active, .what-is-stp.step2.active,.what-is-stp.step3.active {background-color: var(--color-main-orange);color: white;}
/*--collaborate--*/
.collaborate-main {padding-bottom: 100px;}
.collaborate-main .hero-medium-main-wrapper {padding: 70px;margin-right: auto;}
.hbspt-form form input[type=checkbox] {-webkit-appearance:checkbox;height: auto;}
.hbspt-form form ul {list-style: none;padding: 0;margin: 0;}
.hero-medium-main-wrapper .hbspt-form form fieldset .input {margin-right: 0;display: flex;}
.hbspt-form form select {padding: 0;}
.library-inner h1>img {display: inline-flex;margin-right: 25px;}
.gate-text {line-height: 1.4;}.gate-text h2 {margin-top: 80px;}
.gate-text ul {list-style: disc;padding-left: 10px;}
.library-main {margin-bottom: 100px;}
.library-inner h1 {display: flex;align-items: center;max-width: 64%;}
.hero-medium-main-wrapper {box-shadow: 0 0 5px rgb(29 8 73 / 12%);padding: 70px 0;text-align: center;margin-top: -120px;background-color: white;display: flex;flex-direction: column;max-width: 775px;margin-left: auto;}
.hero-medium-main-wrapper h4 {max-width: 50%;text-align: center;margin: auto;margin-bottom: 30px;}
.hero-medium-main-wrapper p {max-width: 35%;text-align: center;margin: auto;margin-bottom: 80px;}
/*--select box--*/
.hero-medium-main-form .selectbox-dropdown-list {padding: 20px 40px;font-size: 16px;text-align: left;}
.selectbox>input {font-size: 16px;height: 35px;border: none !important;padding-left: 15px;font-family: 'Poppins';cursor: pointer;padding-top: 0;}
.selectbox-dropdown {box-shadow: 0px 7px 7px 0px rgba(134, 134, 134, 0.25);}
.selectbox {cursor: pointer;position: relative;border-radius: 8px;border-bottom-color: #c4c4c4;max-width: 340px;transition: all .4s;width: 100%;display: flex;background-color: var(--bg-color-main-gray);margin: auto;}
.selectbox.open,.selectbox.works-nav.open {border-bottom-left-radius: 0;border-bottom-right-radius: 0;width: 100%;}
.selectbox>img {position: absolute;top: 40%;right: 15px;transition: all .4s;}
.selectbox-dropdown-wrapper {background: #FFFFFF;display: flex;flex-direction: column;width: 100%;}
.selectbox-dropdown {transform-origin: top;transform: translate(0,-15%);max-height: 0;margin-top: 60px;overflow: hidden;transition: all .4s cubic-bezier(.175,.885,.32,1.275);position: absolute;width: 100%;z-index: 1111;right: 0;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.selectbox-txt {display: inline-flex; font-size: 20px;}
.selectbox>span:before {content: "";position: absolute;right: 40px;border: solid #1D0849;border-width: 0 2px 2px 0;display: inline-block;padding: 4px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.selectbox-dropdown-list > a {width: inherit;height: inherit;display: flex;}
.selectbox.open>span:before {transform: rotate(225deg);}
.selectbox>span {font-size: 16px;color: black;display: flex;width: 100%;height: 100%;align-items: center;position: relative;padding: 20px 40px;}
label.contact-lbl {font-size: 18px;font-weight: 100;position: absolute;bottom: 10px;transition: all  .4s ease;z-index: -1;top: 15px;}
label.contact-lbl.static-lbl{position: relative;top: 6px;right: 0;color: rebeccapurple;z-index: 1;}
.selectbox-dropdown-list:last-child > a {border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.selectbox-dropdown-list > a {padding: 20px 40px;text-align: left;font-size: 16px;}
.selectbox-dropdown-list:hover {background-color: var(--bg-color-main-gray);}
/*--collaborate--*/
.hero-medium-main-form, .hero-medium-main-wrapper .hbspt-form form {width: 100%;max-width: 720px;margin: auto;}
.hero-medium-main-wrapper .hbspt-form form {max-width: 90%;}
.hero-medium-main-wrapper .hbspt-form form fieldset {max-width: 100%;}
.hbspt-form fieldset>div:nth-child(2) input,.hbspt-form fieldset>div:nth-child(2) select {margin-inline-end: auto;width: 100%;}
.hero-medium-main-wrapper .hbspt-form form textarea.hs-input {width: 100%;}.hbspt-form fieldset  select {padding: 0;font-family: var(--font-family-texts);}fieldset.form-columns-1 .input select {margin: auto;margin-bottom: 40px;}
.hero-medium-main-form input {width: calc(100% - 20px);display: flex;height: 60px;}
.hero-medium-main-wrapper .selectbox {margin-bottom: 40px;}
.hero-medium-main-form input, .blog-post-inner-form-wrapper form>input, .hero-medium-main-form textarea, .blog-main .blog-subscribe-form input, .hbspt-form form textarea, .hbspt-form form input,.hbspt-form form select {border: none;border-radius: 0;border-block-end: 1px solid #020E1F;font-size: 16px;margin-bottom: 20px;color: #020E1F;height: 60px;max-width: 340px;width: 100%;}
.hero-medium-main-form form fieldset {
    max-width: 100%;
}
.hbspt-form .hs_email input[type="email"] {
    width: 100%;
    max-width: 100%;
}
.hero-medium-main-form textarea,.hbspt-form form textarea {resize: none;width: 100%;padding-top: 20px;height: 220px;font-size: 16px;color: #020E1F;display: flex;max-width: 100%;}
.hero-medium-main-form input[type="checkbox"] {-webkit-appearance: auto;width: auto;height: auto;max-width: 10%;margin-bottom: 0;display: inline-flex;}
.hero-medium-main-form textarea::placeholder {color: #020E1F;font-size: 16px;}
.hero-medium-main-form input[type="checkbox"] + p {font-size: 16px;max-width: 90%;text-align: left;margin-left: 20px;line-height: 25px;}
.hero-medium-main-form>button {max-width: 200px;width: 100%;font-family: var(--font-family-title);font-size: 18px;}
.hero-medium-main-form>.row>div:last-child>input,.hero-medium-main-form>.row>div:last-child>div {margin-left: auto;}
.hero-medium-main-form>.row>div:last-child>div {width: calc(100% - 20px);margin-right: unset;}
/*--learn more---*/
.top-hero-small.learn-more .hero-content h1 {max-width: 46%;flex-wrap: wrap;}
.hero-content h1 {
    justify-content: flex-start;
}
.top-hero-small.learn-more .hero-content h1 span {text-align: left;}
.top-hero-small.learn-more .hero-content {align-items: flex-start;justify-content: center;}
.top-hero-small.resource-library {margin-bottom: 85px;}
.top-hero-small.resource-library .hero-content {align-items: flex-start;justify-content: center;}
.top-hero-big.learn-more .hero-content>h1 {max-width: 40%;width: 100%;flex-wrap: wrap;justify-content: flex-start;}
.top-hero-big.learn-more .hero-content {align-items: flex-start;}
.learn-more-main {padding: 85px 0 200px;}
.learn-more-main-content {line-height: var(--lh28);max-width: 90%;margin-bottom: 50px;overflow-wrap: break-word;word-wrap: break-word;hyphens: auto;}
.learn-more-main-content img {margin: 50px 0;max-width: 100%;height: auto;width: auto;}
.learn-more-main-content ul {padding-left: 20px;}
.learn-more-main-content ul li::marker {color: var(--color-main-blue);}
.learn-more-icons {flex-direction: column;margin-top: 50px;margin-bottom: 250px;}
.learn-more-aside>h4 {text-align: center;margin-bottom: 50px;}
.learn-more-icon-wrapper {display: flex;flex-direction: column;max-width: 150px;margin-bottom: 50px;}
.learn-more-icon>img {margin: auto;}
.learn-more-side-article-img {width: 140px;height: 80px;margin-left: 20px;}
.learn-more-side-article {align-items: center;border-top: 1px solid #020E1F;padding: 40px 0;}
.learn-more-side-article h5 {max-width: 45%;margin-bottom: 0;margin-left: 20px;}
.learn-more-icon {margin-bottom: 15px;max-width: 130px;height: 130px;display: flex;border-radius: 50%;border: 4px solid #F4F4F4;}
.learn-more-icon-wrapper h5 {text-align: center;font-size: 18px;margin-bottom: 0;}
.learn-more-side-article h5 + img {margin-left: auto;margin-right: 15px;}
.learn-more-side-article:hover > h5 + img, .blog-post-inner-next-article:hover .blog-post-inner-next-text img, .blog-post-inner-author-text > a:hover >img {transform: translateX(15px);}
/*---resources---*/
.blog.top-hero-small .hero-content {align-items: flex-start;justify-content: center;}
.blog.top-hero-small .hero-content h1 {text-align: start;}
.blog-top-image {width: 100%;max-width: 60%;height: 460px;}
.blog-top-text {max-width: 38%;margin-left: auto;display: flex;flex-direction: column;max-height: 460px;height: inherit;}
.blog-top-post {margin-top: 90px;}
.blog-top h1 {margin-top: 85px;}
.blog-top-text h2 {margin-bottom: 30px; font-size:2vw ;}
.blog-top-text .btn.primary {margin-top: auto;}
.blog-main {margin-top: 80px;}
.blog-menu-button {width: 100%;max-width: 180px;background-color: var(--bg-color-main-gray);display: flex;height: 60px;align-items: center;justify-content: center;}
.blog-menu-buttons {max-width: 360px;width: 100%;margin: 0 45px;align-content: center;}
.blog-menu-button:first-child {border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.blog-menu-button:last-child {border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
.blog-menu-button.active {background-color: var(--color-main-orange);}
.blog-menu-wrapper .selectbox {margin: 0;max-width: 250px;margin-left: 45px;}
.blog-menu-wrapper {box-shadow: 0 0 8px rgb(29 8 73 / 12%);margin-bottom: 80px;padding: 30px 0;}
.blog-menu-button span {font-size: 18px;}
.blog-subscribe-form p {margin-bottom: 60px;}
.blog-subscribe-form input {width: 100%;}
.blog-subscribe-form {max-width: 450px;margin-left: auto;display: flex;flex-direction: column;justify-content: center;}
.blog-subscribe-form.blog-post button {margin-left: auto;}
.blog-post-btn {font-family: var(--font-family-title);}
/*--blog inner---*/
.blog-post-inner-top-text {line-height: var(--lh28);}
.blog-post-inner-top-img {margin: 70px 0;}
.blog-post-inner-main h2 {margin-top: 30px;line-height: 47px;margin-bottom: 30px;}
.blog-post-inner-main-content img {margin: 50px 0;max-width: 100%;height: auto;}
.blog-post-inner-main {padding-bottom: 120px;}
.blog-post-inner-main-content h3 {margin-top: 30px;margin-bottom: 30px;line-height: 37px;}
.blog-post-inner-main h4 {font-size: 24px;line-height: 32px;}
.blog-post-inner-author {margin-top: 50px;}
.blog-post-inner-author>a {font-weight: 500;}
.blog-post-inner-main-content {max-width: 90%;line-height: var(--lh28);}
.blog-post-inner-main-content iframe {width: 100%;height: 512px;}
.blog-post-inner-main-content a,.learn-more-main-content a {color: var(--color-main-blue);font-weight: bold;}
.blog-post-inner-main-content a:hover,.learn-more-main-content a:hover {text-decoration: underline;}
.blog-post-inner-aside {max-width: 90%;margin-left: auto;}
.blog-post-inner-aside .blog-subscribe-form.blog-post {max-width: 100%;}
.blog-post-socials a > i {margin: 0;justify-self: center;font-size:30px;color: #7d9db0;}
.blog-post-socials a {display: flex;}
.blog-post-socials {margin-bottom: 60px;}
.blog-post-socials a {margin-right: 50px;}
.blog-post-socials a:hover > i {color: #485b67;}
.blog-post-inner-form-wrapper h2 {max-width: 50%;margin-bottom: 35px;}
.blog-post-inner-form-wrapper>p {line-height: var(--lh28);max-width: 57%;margin-bottom: 60px;}
.blog-post-inner-form-wrapper form {width: 100%;display: flex;margin-bottom: 50px;}
.blog-post-inner-form-wrapper + h4 {margin-bottom: 50px;}
.blog-post-inner-author-avatar {max-width: 20%;width: 100%;}
.blog-post-inner-author-text {width: 100%;max-width: 80%;display: flex;flex-direction: column;}
.blog-post-inner-author-text>p {max-width: 53%;line-height: 30px;margin-top: 20px;}
.blog-post-inner-author>p {margin-bottom: 35px;}
.blog-post-inner-author>h4 {margin: 10px 0;}
.blog-post-inner-next-article {padding-top: 80px;position: relative;margin-top: 60px;display: flex;}
.blog-post-inner-next-article:before {content: "";position: absolute;top: 0;background-color: #1D0849;width: 100%;height: 1px;opacity: .5;}
.blog-post-inner-next-article>a {display: inline-flex;}
.blog-post-inner-next-text h4 {margin-bottom: 0;}
.blog-post-inner-next-text img {margin-left: 100px;}
.blog-post-inner-next-text {margin-left: 35px;display: flex;flex-direction: column;justify-content: center;}
.blog-post-inner-next-article>a>img {max-width: 300px;}
.blog-subscribe-form.blog-post {margin-left: unset;margin-right: auto;cursor: default;max-width: calc(34.2% - 40px);}
.blog-subscribe-form.blog-post form,.seek-sunrise-bottom-form form {display: flex;}
.blog-subscribe-form.blog-post .hs_submit.hs-submit,.seek-sunrise-bottom-form form .hs_submit.hs-submit {margin-left: 20px;}
/*-- new blog inner---*/
.blog-post-block { padding: 100px 0; }
.blog-post-inner-top.blog-admin-user-top .breadcrumbs { list-style: none; display: flex; align-items: center; margin: 0; padding: 0; }
.blog-post-inner-top.blog-admin-user-top .breadcrumbs { padding-bottom: 50px; border-bottom: 1px solid rgba(0, 105, 167, 0.4); }
.blog-post-inner-top.blog-admin-user-top .breadcrumbs li { position: relative; font-size: 18px; line-height: 1.67; color: #000; }
.blog-post-inner-top.blog-admin-user-top .breadcrumbs li:last-child:after { display: none; }
.blog-post-inner-top.blog-admin-user-top .breadcrumbs li:after { content: "";  display: inline-block; margin: 0 10px; width: 17px; height: 10px; background-image: url('data:image/svg+xml,<svg width="17" height="10" viewBox="0 0 17 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 5C0 5.19345 0.0700955 5.36086 0.210286 5.50223C0.350477 5.6436 0.516493 5.71429 0.708333 5.71429H14.5872L11.5326 8.77232C11.3997 8.92113 11.3333 9.09226 11.3333 9.28571C11.3333 9.47917 11.3997 9.6503 11.5326 9.79911C11.6801 9.93304 11.8498 10 12.0417 10C12.2335 10 12.4032 9.93304 12.5508 9.79911L16.8008 5.51339C16.8303 5.46875 16.8561 5.42783 16.8783 5.39062C16.9004 5.35342 16.9262 5.3125 16.9557 5.26786C16.9705 5.22321 16.9816 5.17857 16.9889 5.13393C16.9963 5.08929 17 5.04464 17 5C17 4.95536 16.9963 4.91071 16.9889 4.86607C16.9816 4.82143 16.9705 4.77679 16.9557 4.73214C16.9262 4.6875 16.9004 4.64658 16.8783 4.60938C16.8561 4.57217 16.8303 4.53125 16.8008 4.48661L12.5508 0.200892C12.4032 0.0669641 12.2335 0 12.0417 0C11.8498 0 11.6801 0.0669641 11.5326 0.200892C11.3997 0.349702 11.3333 0.520833 11.3333 0.714286C11.3333 0.907738 11.3997 1.07887 11.5326 1.22768L14.5872 4.28571H0.708333C0.516493 4.28571 0.350477 4.3564 0.210286 4.49777C0.0700955 4.63914 0 4.80655 0 5Z" fill="%232C3D49"/></svg>'); background-repeat: no-repeat; }
.blog-post-inner-top.blog-admin-user-top .breadcrumbs li a { color: #0066A4; font-weight: 700; }
.blog-post-inner-top.blog-admin-user-top .breadcrumbs li a:after { display: none; }
.blog-post-inner-top.blog-admin-user-top .breadcrumbs li a.home-icon { width: 19px; height: 20px; display: inline-block; vertical-align: middle; }
.blog-post-inner-top.blog-admin-user-top .breadcrumbs li a:hover, .blog-post-inner-top.blog-admin-user-top .breadcrumbs li a:focus { text-decoration: underline; }
.blog-post-inner-top.blog-admin-user-top .blog-post-wrap { display: flex; align-items: center; padding: 50px 0; gap: 30px; border-bottom: 1px solid rgba(0, 105, 167, 0.4); }
.blog-post-inner-top.blog-admin-user-top .blog-post-wrap .content-box { max-width: 50%; width: 100%; }
.blog-post-inner-top.blog-admin-user-top .blog-post-wrap .content-box h1 { font-size: 36px; font-weight: 700; color: #000; } 
.blog-post-inner-top.blog-admin-user-top .blog-post-wrap .content-box .author-details { display: flex; gap: 60px; margin-bottom: 20px; }
.blog-post-inner-top.blog-admin-user-top .blog-post-wrap .content-box .author-details .author-box { display: flex; align-items: center; gap: 5px; }
.blog-post-inner-top.blog-admin-user-top .blog-post-wrap .content-box .author-details .author-box p { font-size: 12px; font-weight: 500; color: #7b7b7b; padding-right: 0; }
.blog-post-inner-top.blog-admin-user-top .blog-post-wrap .content-box .author-details .author-box a, .blog-post-inner-top.blog-admin-user-top .blog-post-wrap .content-box .author-details .author-box .blog-date { font-size: 16px; line-height: normal; font-weight: 600; color: #0066A4; display: block; }
.blog-post-inner-top.blog-admin-user-top .blog-post-wrap .content-box .author-details .author-box .icon-box { width: 30px; height: 30px; flex: 0 0 auto; background-color: #f7f7f7; border: 1px solid #0066A4; border-radius: 50%; display: flex; align-items: center; justify-content: center }
.blog-post-inner-top.blog-admin-user-top .blog-post-wrap .content-box p { font-size: 18px; line-height: 1.67; padding-right: 50px; color: #000; }
.blog-post-inner-top.blog-admin-user-top .blog-post-wrap .image-box { max-width: 50%; width: 100%; height: 322px; border-radius: 10px; overflow: hidden; }
.blog-post-inner-top.blog-admin-user-top .blog-post-wrap .image-box .blog-post-inner-top-img { margin: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.blog-post-inner-main.blog-admin-user-wrap { padding: 50px 0 0; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap { display: flex; gap: 30px;  }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-left-side { max-width: calc(25% - 20px); width: 100%; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-main-content { max-width: calc(50% - 20px); width: 100%; font-size: 18px; color: #000; line-height: 1.77; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-main-content h2 { font-size: 36px; font-weight: 700; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-main-content :is(h1,h2,h3,h4,h5,h6) { font-weight: 700; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-main-content :is(h1,h2,h3,h4,h5,h6) span { font-weight: 700 !important; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-main-content .cnc-blog-taway-text h3 { font-size: 24px; margin: 0 0 24px !important; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-main-content .cnc-blog-taway-text ul { padding: 0; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-main-content .cnc-blog-taway-text ul li { list-style: none;  margin: 0; padding-left: 27px; font-size: 18px; line-height: 1.77; position: relative; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-main-content .cnc-blog-taway-text ul li::before{content:""; box-sizing: border-box; position:absolute;left:0;top:8px;width:14px;height:14px;border:3px solid #0066A4;border-radius:50%;}
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-main-content a { color: #000000; text-decoration: underline; } 
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-left-side .blog-left-box { position: sticky; top: 130px; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-left-side .table-of-content { border-radius: 5px; border: 1px solid #0066A4; margin-bottom: 25px; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-left-side .table-of-content .title { padding: 12px 25px; background-color: #0066A4; color: #fff; font-size: 30px; line-height: 1.1; font-weight: 700; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-left-side .table-of-content ul { list-style: none; padding: 0; margin: 0; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-left-side .table-of-content ul li { border-bottom: 1px solid #000; padding: 14px 12px; margin: 0 25px; position: relative; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-left-side .table-of-content ul li:last-child { border-bottom: none; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-left-side .table-of-content ul li a { font-size: 16px; line-height: 1.5; color: #000; display: inline-block; position: relative; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-left-side .table-of-content ul li.active a { color: #0066A4; font-weight: 700; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-left-side .table-of-content ul li.active a:before{content:"";position:absolute;left:-12px;top:14px;transform:translateY(-50%);height:16px;width:3px;background-color:#0066A4;}

.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside { max-width: calc(25% - 20px); width: 100%; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-left-side .blog-subscribe-form.blog-post { max-width: 100%; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-form-wrapper { border-radius: 5px; border: 1px solid rgba(0, 102, 164, 0.20); background: #F7F7F7; padding: 30px; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-form-wrapper .blog-subscribe-form.blog-post { margin-bottom: 0; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-form-wrapper .blog-subscribe-form.blog-post h4 { font-size: 36px; font-weight: 700; line-height: 1.27; margin-bottom: 7px; } 
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-form-wrapper .blog-subscribe-form.blog-post p { font-size: 18px; line-height: 1.38; margin-bottom: 15px; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-form-wrapper .blog-subscribe-form.blog-post form { margin-bottom: 0; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-form-wrapper .blog-subscribe-form.blog-post .hbspt-form .hs_email .input { width: calc(100% + 45px); position: relative; } 
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-form-wrapper .blog-subscribe-form.blog-post .hbspt-form .hs_email .input:before { content: ""; background-image: url('data:image/svg+xml,<svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.9551 0.266968H0.173828V0.99978L7.06445 7.54041L13.0801 1.83103V9.89197H1.04883V3.98572H0.173828V10.767H13.9551V0.266968ZM7.06445 6.33728L1.5957 1.14197H12.5332L7.06445 6.33728Z" fill="%23808080"/></svg>'); background-repeat: no-repeat; width: 14px; height: 11px; position: absolute; left: 18px; top: 50%; transform: translateY(-50%);  }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-form-wrapper .blog-subscribe-form.blog-post .hbspt-form .hs_email input[type="email"] { margin-bottom: 0; height: 45px; border-bottom: none; border: 1px solid #0066A4; border-radius: 35px; padding: 10px 50px 10px 40px; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-form-wrapper .blog-subscribe-form.blog-post .hs_submit.hs-submit { margin-left: 0; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-form-wrapper .blog-subscribe-form form input[type="submit"] { min-width: 78px; height: 45px; border-radius: 35px; font-size: 14px; line-height: 1.78; padding: 10px 14px; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .social-box { border-radius: 5px; border: 1px solid rgba(0, 102, 164, 0.20); background: #F7F7F7; padding: 30px; margin-bottom: 25px; } 
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .social-box h4 { font-size: 18px; line-height: 1.38; margin-bottom: 14px; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .social-box a { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; margin-right: 10px; margin-bottom: 5px; background-color: #fff; border: 1px solid #e4e4e4; border-radius: 50%; transition: all 0.3s ease-in-out; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .social-box a:last-child { margin-right: 0; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .social-box .blog-post-socials { margin-bottom: 0; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .social-box a:hover, .blog-post-inner-top.blog-admin-user-wrap .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-aside .social-box a:focus { background-color: #0066A4; color: #fff; filter: drop-shadow(0 0 14px rgba(0, 0, 0, 0.15)); }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .social-box a i { color: #0066A4; font-size: 20px; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .social-box a:hover i, .blog-post-inner-top.blog-admin-user-wrap .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-aside .social-box a:focus i { color: #fff; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .article-wrap { border-radius: 5px; border: 1px solid rgba(0, 102, 164, 0.20); background: #F7F7F7; overflow: hidden; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .title-box { background-color: #0066A4; padding: 15px 30px; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .title-box h4 { font-size: 24px; line-height: 1.25; color: #fff; font-weight: 700; margin-bottom: 0; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .learn-more-side-articles { padding: 30px; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .learn-more-side-article { border-top: none; border-bottom: 1px solid rgba(40, 111, 138, 0.40); padding: 0; margin-bottom: 30px; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .learn-more-side-article .learn-more-side-article-img { width: 100%; height: 157px; margin-left: 0; border-radius: 5px; margin-bottom: 20px; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .learn-more-side-article h5{max-width:100%;margin-left:0;font-size:20px;font-weight:600;line-height:1.25;padding-bottom:0;margin-bottom:20px;}
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .learn-more-side-article:last-child, .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .learn-more-side-article:last-child h5 { border-bottom: none; margin-bottom: 0; }
.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .blog-right-box { position: sticky; top: 120px; }



/*--about---*/
.hero-top-vid {position: absolute;z-index: 0;width: 100%;max-width: 100%;margin: auto;display: flex;}
.top-hero-big.about .hero-content h1 {text-align: left;max-width: 49%;}
.top-hero-big.about .hero-content {align-items: flex-start;justify-content: center;}
.main-top {padding: 100px 0;text-align: center;}
.main-top h2 {max-width: 46%;margin: auto;margin-bottom: 100px;}
.main-top h3:before {content:"";position: absolute;background-color: var(--color-main-orange);height: 2px;width: 100%;right: 0;left: 0;margin: auto;bottom: 0;}
.main-top h3 {display: inline-flex;padding: 0 15px;margin-bottom: 55px;position: relative;}
.main-top-text {max-width: 75%;margin: auto;line-height: var(--lh28);}
.about-gallery-slide .about-inner .row-wrap {opacity: 0;}
.about-gallery-slide:before {content: "";position: absolute;width: 100%;bottom: 0;background: linear-gradient(to top,rgb(4 4 4) 5%,rgb(0 0 0 / 0%) 95%);height: 170px;z-index: -1;opacity: 1;left: 0;}
.about-gallery-slide.slick-current.slick-center .about-inner,.about-gallery-slide.slick-current.slick-center .about-inner .row-wrap {opacity: 1;}
.about-gallery-slide .about-inner {height: calc(100% - 60px);display: flex;flex-direction: column;justify-content: flex-end;padding: 30px 40px;color: white;position: relative;}
.about-gallery-slide .about-inner h6 {color: var(--color-main-blue);font-family: var(--font-family-texts);font-weight: 500;}
.about-gallery-slide .about-inner span {font-size: 16px;font-family: var(--font-family-title);margin-bottom: 20px;color: var(--color-main-blue);}
.about-gallery-slide .about-inner p {font-size: 18px;max-width: 85%;line-height: var(--lh24);}
.about-gallery-btn {display: flex;margin-left: auto;max-height: 22px;align-self: flex-end;}
.about-gallery-btn>img:hover {filter: brightness(1.5);cursor: pointer;}
.about-gallery-btn img {align-self: flex-end;}
.about-gallery-slide.slick-slide:hover {cursor:grab;}
.about-gallery-slide.slick-slide:active {cursor:grabbing;}
.about-main-txt {justify-content: center;}
.main-bottom h3 {margin-bottom: 30px;}
.main-bottom {margin-bottom: 135px;line-height: var(--lh28);}
.main-bottom .row{margin-top: 50px;}
.about-bottom-certification h2 {margin: 30px 0;}
.about-bottom-certification {max-width: 55%;margin: auto;text-align: center;line-height: var(--lh28);margin-top: 200px;}
.about-bottom {margin-top: 150px;}
.bottom-text {line-height: var(--lh28);}
.about-gallery-slide {height: 520px;filter: grayscale(1);}
.about-gallery-slide>a {position: absolute;right: 0;left: 0;margin: auto;top: 0;bottom: 0;z-index: 1;width: 100%;max-width: 105px;font-size: 15px;height: 95px;text-align: center;}
.about-gallery-slide>a>img {max-width: 65px;margin: auto;margin-top: 10px;}
.about-gallery-slide.slick-current.slick-center {transform: scale(1.1);filter: grayscale(0);z-index: 1;position: relative;}
.about-gallery-slide>img {position: absolute;right: 0;left: 0;top: 0;bottom: 0;margin: auto;opacity: 0;cursor: pointer;}
.about-gallery-slide>img:hover {cursor: pointer;}
.about-gallery-slide.slick-current.slick-center>img {opacity: 1;}
.about-gallery .slick-list.draggable {padding: 80px 0 !important;}
.about-gallery-wrapper .slick-prev, .about-gallery-wrapper .slick-next {right: 0;margin: auto;}
.about-gallery-wrapper .slick-prev {left: -75px;}
/*---faq---*/
.faq-top .hero-content {align-items: flex-start;justify-content: center;}
.faq-top .hero-content h1 {text-align: left;}
.faq {padding: 140px 0;}
.faq h1 {max-width: 50%;margin-bottom: 150px;}
.faq-menu-tab {margin-right: 10px;width: 100%;max-width: 225px;text-align: center;border-bottom: 2px solid #F4F4F4;padding-bottom: 13px;cursor: pointer;font-size: 18px;transition-property: border-color;}
.faq-menu-tab:last-child {margin-right: 0;}
.faq-menu {justify-content: center; margin-top: 60px;}
.faq h4 {margin-bottom: 70px;}
.faq-menu-tab:hover,.faq-menu-tab.active {border-color: var(--color-main-orange);font-weight: bold;}
.faq-text {overflow: hidden;max-height: 0;}
.faq-text-inner {padding: 25px;line-height: var(--lh28);}
.faqs {max-width: 1160px;margin: auto;margin-top: 90px;}
.faq-title p {max-width: 90%;}
.faq-title {padding: 28px 40px;font-weight: bold;cursor: pointer;display: flex;}
.faq-item {border-radius: 6px;background-color: white;margin-bottom: 20px;position: relative;}
.faq .btn.primary {margin: auto;}
.faq-item.open {box-shadow: 0 0 5px rgb(29 8 73 / 12%);}
.faq-title > span {position: relative;}
.faq-title>span:before {content: "";position: absolute;right: 0;border: solid #1D0849;border-width: 0 2px 2px 0;display: flex;padding: 4px;transform: rotate(45deg);-webkit-transform: rotate(45deg);top: 30%;transform-origin: center;}
.faq-item.open .faq-title>span:before {transform: rotate(225deg);}
/*---impact----*/
.top-hero-big.impact .hero-content h1 {text-align: left;}
.top-hero-big.impact .hero-content {align-items: flex-start;justify-content: center;}
.impact-main > .grid-wide > p {max-width: 30%;margin: auto;margin-top: 30px;}
.impact-main {padding-top: 85px;padding-bottom: 250px;}
.impact-main-icon-wrapper {min-height: 70px;}
.impact-main-calculator-stat-desc {font-size: 16px;text-align: center;font-family: var(--font-family-texts);min-height: 40px;}
.impact-main-calculator-stat {width: 100%;max-width: 215px;margin-right: 50px;display: flex;flex-direction: column;align-items: center;position: relative;min-height: 170px;justify-content: center;font-family: var(--font-family-title);}
.impact-main-calculator-stats {margin-top: 40px;}
.disclaimer-title:hover + .disclaimer-text {display: block !important;}
.disclaimer-text {margin-top: 15px;}
.disclaimer-title {display: inline-flex;padding: 3px 0;}
.impact-main-calculator-disclaimer {font-size: 14px;max-width: 80%;line-height: 21px;margin-top: 30px;}
.impact-main-calculator-stat span {min-height: 85px;}
.impact-main-calculator-axis-wrapper {position: absolute;right: 0;left: 0;margin: auto;display: flex;flex-direction: column;align-items: center;transition-timing-function: ease-in-out;transition-duration: 1s;z-index: 3;width: 0;bottom: 60px;}
.impact-main-calculator {position: relative;min-height: 770px;margin-top: 0;}
.impact-main-calculator-axis-cursor:after {content: "";width: 54px;height: 54px;background-color: var(--color-main-orange);border-radius: 50%;position: absolute;bottom: 0;z-index: -1;right: 0;left: 0;margin: auto;top: 0;}
.impact-main-calculator-axis-cursor:before {content: "";position: absolute;width: 66px;height: 66px;background-color: rgb(255 255 255 / 75%);z-index: -1;border-radius: 50%;border: 2px solid var(--color-main-orange);bottom: 0;left: 0;right: 0;margin: auto;top: 0;animation: puls 1s ease-out infinite;}
@keyframes puls{
    to{transform: scale(1.2);opacity:0;}
}
.impact-main-calculator-stats.row + a {max-width: max-content;padding: 0 30px;margin: 0 auto;margin-block-start: 60px;}
.impact-main-calculator-axis.part1 span {opacity: 0;}
.impact-main-calculator-axis:not(.part0) {height: 127px;width: 5px;background-color: var(--bg-color-main-gray);position: relative;}
.impact-main-calculator-axis.part0 {position: relative;}
.impact-main-calculator-axis.part0:before {right: -12px;}
.impact-main-calculator-axis:before {content: "";position: absolute;width: 22px;height: 22px;background-color: var(--bg-color-main-gray);border-radius: 50%;right: -9px;top: -12px;cursor: pointer;}
.impact-main-calculator-axis-cursor {position: absolute;width: 75px;height: 75px;display: flex;justify-content: center;align-items: center;bottom: 95px;z-index: 1;pointer-events: none;transition-duration: 1s;}
.row.impact-main-calculator .half-div {display: flex;}
.impact-main-img {position: absolute;bottom: 0;display: none;}
.impact-main-img.active {display: flex;}
.impact-main-calculator-axis span {position: absolute;top: -10px;font-size: 16px;left: 20px;}
.impact-main-images {display: flex;align-items: flex-end;width: 100%;position: relative;}
.impact-main-calculator h3 {margin-top: 125px;}
.impact-main-calculator .half-div:first-child {justify-items: flex-end;position: relative;}
.impact-main-calculator-axis-cursor {font-size: 15px;font-weight: 500;}
.impact-main-switch-button {width: 105px;height: 105px;display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 4px solid var(--bg-color-main-blue);margin-right: 45px;cursor: pointer;}
.impact-main-switch-buttons {margin-top: 100px;}
.impact-main-images .btn.primary {max-width: max-content;padding: 0 35px;}
.impact-main-images .flex-row-center {width: 100%;transform: translateY(50px);}
.impact-main-switch-button:last-child {margin-right: 0;}
.impact-main-switch-button:hover > img:first-child {display: none;}
.impact-main-switch-button:hover > img:last-child {display: flex;}
.impact-main-switch-button:hover {background-color: var(--bg-color-main-blue);}
.impact-bottom-galleries .blog-post {max-width: 480px;width: 100%;margin-right: 0;margin-bottom: 0;}
.impact-bottom-galleries .text-center {margin-bottom: 145px;}
.impact-bottom-galleries .grid {margin: 0;margin-left: auto;max-width: 1720px;}
.impact-bottom-galleries .slick-slide {margin-right: 40px;display: flex;}
.impact-bottom-environmental-gallery .slick-list.draggable, .impact-bottom-affiliation-gallery .slick-list.draggable {margin: 50px 0;}
.impact-bottom-title {margin-block-start: 150px;}
.impact-bottom-galleries .text-center>p {max-width: 30%;margin: auto;}
.impact-bottom-environmental-gallery {margin-bottom: 70px;}
.impact-bottom-galleries .slick-prev, .impact-bottom-galleries .slick-next{bottom: 0;}
.impact-bottom-affiliation-gallery {padding-bottom: 70px;margin-bottom: 70px;}
/*---popup---*/
.popup-close {margin-left: auto;margin-top: 10%;padding-bottom: 2.5%;max-width: 15px;}
.popup-wrapper{position:fixed;top: 0;left: 0;width:100%;height:100%;z-index: 999999;display: none;bottom: 0;margin: auto;background-color: rgb(0 0 0 / 85%);}
.popup-body{max-width: 1120px;margin: auto;}
.popup-body video,.popup-body iframe{max-width: 100%;height: 625px;width: 100%;}
.close-popup {padding-top: 9vw;padding-bottom: 2vw;cursor: pointer;}
/*--404---*/
.page-404-main h1 {font-size: 250px;color: var(--color-main-blue);font-family: var(--font-family-texts);font-weight: 500;line-height: 1;margin: 0 auto;}
.page-404 {height: calc(100vh - var(--header-height));}
.page-404-main {height: inherit;display: flex;flex-direction: column;justify-content: center;}
.page-404-main .flex-row-center {margin-top: 70px;color: var(--bg-color-dark-blue);}
.page-404-main p {font-family: var(--font-family-title);font-size: 25px;color: var(--bg-color-dark-blue);}
.footer-bottom-nav img {
    margin-inline-start: 35px;
    width: 100px;
    height: auto;
}
/*--cta banner--*/
.cta-banner .grid.bg-gray {padding: 90px 0;}
.cta-banner {margin-top: 120px;height: 980px;}
.cta-banner .grid.bg-gray p {margin-bottom: 55px;margin-top: 35px;max-width: 45%;text-align: center;line-height: var(--lh28);}
.cta-banner .flex-box-column {height: 100%;color: white;max-width: 50%;text-align: center;margin: auto;align-items: center;justify-content: flex-end;}
.cta-banner .flex-box-column p {max-width: 80%;}
.cta-banner .flex-box-column .btn.primary {margin-block-end: 80px;margin-block-start: 40px;}
/*---thanks---*/
.thanks-main {height: calc(100vh - var(--header-height));}
.thanks-flach {width: 760px;height: 600px;box-shadow: 0 0 8px 0 rgba(29, 8, 73, 0.12);display: flex;align-items: center;flex-direction: column;justify-content: center;margin: auto;background-color: white;}
.thanks-main>.grid {display: flex;}.thanks-flach .btn.primary {margin-top: 30px;}
/*--seek the sunrise--*/
.seek-sunrise {height: calc(100vh - var(--header-height));}
.seek-sunrise p {max-width: 70%;line-height: 33px;}
.seek-sunrise-main-item h4{margin-bottom: 20px;min-height: 60px;}
.seek-sunrise-main-item p{position: relative;max-width: 76%;font-size: 18px;min-height: 110px;}
.seek-sunrise-main-item p:before{content: "";position: absolute;width: 75px;height: 2px;background-color: var(--color-main-orange);bottom: -25px;right: 0;left: 0;margin: auto;}
.seek-sunrise-main-item {max-width: calc(25% - 60px);margin-right: 60px;display: flex;flex-direction: column;align-items: center;margin-bottom: 60px;min-height: 520px;text-align: center;}
.seek-sunrise-main-item-inner {display: flex;flex-direction: column;align-items: center;text-align: center;padding-top: 35px;}
.seek-sunrise-main-item:nth-child(4n) {margin-right: 0;}
.seek-sunrise-top p {max-width: 75%;margin-bottom: 35px;line-height: 33px;}
.seek-sunrise-main {padding: 85px 0;}
.seek-sunrise-main-gallery .slick-slide img {max-height: 520px;}
.ubq-items {padding: 150px 0 200px 0;flex-wrap: wrap;display: flex;align-items: flex-end;}
.ubq-items-title {display: flex;flex-direction: column;width: 100%;text-align: center;}
.ubq-items .ubq-items-title p {margin-bottom: 65px;}
.ubq-items .what-is-bottom-gallery-item {max-width: 290px;max-height: 385px;}
.ubq-items .what-is-bottom-image {max-height: 210px;}
.ubq-items>.grid {max-width: 1240px;margin: 0;margin-left: 190px;display: inline-block;}
.ubq-items-cta-slide {max-width: 290px;display: flex;align-items: center;flex-direction: column;justify-content: space-around;height: 385px;}
.ubq-items-cta-slide h2 {max-width: 80%;margin-bottom: 0;margin-top: 50px;}
.ubq-items-cta-slide:hover  img {transform: translateX(10px);}
.seek-sunrise-main-item-image>img {max-height: 220px;}
.seek-sunrise-top {height: calc(100vh - 75px);}
.seek-sunrise-main .text-center>p {margin-bottom: 85px;}
.seek-sunrise-main-gallery-slide.row {display: flex;}
.seek-sunrise-main-gallery .slick-dots {bottom: 100px;}
.seek-sunrise-main-gallery .slick-dots li button:before {font-size: 50px;}
.seek-bottom-share-img {margin-top: -80px;}
.seek-bottom-share h2 {max-width: 80%;}
.seek-bottom-share-item {border-top: 1px solid var(--color-main-dark);max-width: 80%;padding: 40px 0;}
.seek-bottom-share-links a {display: flex;width: 30px;height: 30px;align-items: center;justify-content: center;}
.seek-bottom-share-links i:hover {opacity: 0.6;}
.seek-bottom-share-links {display: flex;align-items: center;max-width: 30%;width: 100%;justify-content: space-evenly;margin-left: auto;}
.seek-bottom-share-links i {font-size: 30px;color: #0069a7;}
.row.seek-bottom-share-item h5 {margin-bottom: 5px;}
.seek-bottom-share-image {margin-right: 40px;max-width: 150px;height: auto;}
.seek-bottom-share-image:hover {transform: scale(1.05);}
.seek-sunrise-bottom>.grid {margin: 0;max-width: 1720px;}
.seek-sunrise-bottom-form {display: flex;flex-direction: column;max-width: 660px;margin-left: auto;}
.seek-sunrise-bottom-form .hbspt-form input:not(form input[type="submit"]) {background-color: var(--bg-color-main-gray);color: var(--color-main-dark);margin-bottom: 20px;}
.seek-sunrise-bottom-form button {max-width: 270px;}
.seek-sunrise-bottom-form h2,.seek-sunrise-bottom-form p {max-width: 60%;}
.seek-sunrise-bottom-form p {margin-bottom: 60px;}
.seek-sunrise-bottom img {transform: translate(-150px,-120px);}
/*--gate iframe--*/
.grid-iframe-content iframe {max-width: 100%;width: 100%;height: 560px;display: flex;}
.gate-iframe {padding: 110px 0;}
/*--newsletter--*/
.newsletter-wrapper {max-width: 760px;background-color: white;width: 100%;padding: 75px 0;box-shadow: 0 0 8px rgb(0 0 0 / 12%);}
.newsletter-form {max-width: 450px;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;margin: auto;}
.newsletter img {margin-inline-start: auto;max-width: 100%;height: auto;}
.newsletter-form>p {font-size: 16px;max-width: 93%;line-height: 25px;margin-block-end: 35px;}
.newsletter-form form input[type="submit"] {margin: auto;}
.newsletter-form .hbspt-form {width: 100%;}

/* Hubspot Form */
.hubspot-form-wrap { padding: 100px 0; background-color: #f7f7f7; }
.hubspot-form-wrap.hb-form-wrapper { background-color: #fff; padding: 100px 0; }
.hubspot-form-wrap .row { gap: 30px; }
.hubspot-form-wrap .hb-form-page-sidebar { width: calc(50% - 15px); box-sizing: border-box; }
.hubspot-form-wrap .hb-form-page-sidebar .image { max-width: 642px; width: 100%; margin: 0 auto; }
.hubspot-form-wrap .hb-form-page-sidebar .image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.login-hubspot-form { width: calc(50% - 15px); box-sizing: border-box; }
.login-hubspot-form h1 { color: var(--bg-color-main-blue); font-size: 40px; margin: 0 0 40px; }
.login-hubspot-form .hs-richtext p { color: var(--bg-color-main-blue); font-family: var(--font-second); margin-bottom: 30px; font-size: 22px; font-weight: 700; line-height: normal; text-shadow: 0 0 5px rgba(29, 8, 73, 0.12); text-transform: uppercase; }
.login-hubspot-form .hs-custom-style fieldset .input input { color: #020E1F; padding: 0; }
.login-hubspot-form .hs-custom-style>div input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]), .login-hubspot-form .hs-custom-style fieldset input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]) { padding: 0; color: #020E1F; height: 44px; margin-bottom: 0; }
.login-hubspot-form input::placeholder { color: #020E1F; }
.login-hubspot-form .hs-custom-style fieldset { display: flex; column-gap: 15px; }
.login-hubspot-form .hs-custom-style fieldset.form-columns-2 .input { margin-right: 0; margin-bottom: 0; }
.login-hubspot-form .hs-custom-style fieldset .input input.invalid.error { border-color: #d00000; }
.login-hubspot-form .hs-form-field { position: relative; margin-bottom: 30px; }
.login-hubspot-form .hs-error-msgs { margin-bottom: 0; /*position: absolute; top: 42px;*/ }
.login-hubspot-form .hs-error-msgs label { font-size: 14px; color: #d00000;  }
.login-hubspot-form .hs_newsletter .input { margin-right: 0; }
.login-hubspot-form .hs_newsletter ul { margin-bottom: 0; position: relative; }
.login-hubspot-form .hs_newsletter ul li label { display: flex; align-items: flex-start; position: relative; }
.login-hubspot-form form input[type="submit"] { margin-top: 0; margin-bottom: 10px; }
.login-hubspot-form .register-text { font-size: 16px; line-height: 1.75; font-weight: 400; color: #000; }
.login-hubspot-form .register-text a { color: var(--bg-color-main-blue); font-weight: 700; text-decoration: underline; }
.hs-custom-style fieldset .input input[type="checkbox"]{min-width:30px;width:30px;height:30px;position:absolute;left:0;top:0;z-index:100;opacity:0;margin:0; box-sizing: border-box; cursor: pointer;}
.login-hubspot-form .hs_newsletter  ul li label span { margin-left: 12px; font-size: 16px; cursor: pointer; }
.hs-custom-style fieldset .hs-form-booleancheckbox-display::before{content:'';display:inline-block;min-width:30px;height:30px;border:2px solid #0069A7;border-radius:7px;transition:all 0.2s ease; box-sizing: border-box;}
.hs-custom-style fieldset .input input[type="checkbox"]:checked+span::before{content:'';background-image:url('data:image/svg+xml,<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.9048 0.351469C17.3651 0.820106 17.3651 1.5799 16.9048 2.04854L7.47625 11.6485C7.01598 12.1172 6.26975 12.1172 5.80949 11.6485L1.09519 6.84854C0.634936 6.37994 0.634936 5.62012 1.09519 5.15148C1.55546 4.68286 2.30169 4.68286 2.76195 5.15148L6.64287 9.10298L15.2381 0.351469C15.6983 -0.117156 16.4446 -0.117156 16.9048 0.351469Z" fill="white"/></svg>');background-repeat:no-repeat;background-position:center center;display:inline-block;position:absolute;margin-left:-42px;margin-top:0px;font-size:14px;color:#fff;background-color:#0069A7;width:30px;height:30px;text-align:center;line-height:30px;border:2px solid #0069A7;border-radius:7px;box-sizing: border-box;}
.login-hubspot-form .hb-email-error p { font-size: 16px; border: 2px solid #d00; padding: 10px; color: #d00; display: inline-block; }

/* hubspot-download-list */
.hubspot-download-wrap {margin: 0 auto;  }
.hubspot-download-list { max-width: 866px; width: 100%; background-color: #fff; padding: 45px 60px; box-sizing: border-box; }
.hubspot-download-list p { font-size: 24px; font-weight: 400; line-height: normal; text-align: center; text-shadow: 0 0 5px rgba(29, 8, 73, 0.12); color: #454444; margin-bottom: 35px; }
.hubspot-download-list ul { list-style: none; margin: 0 0 30px 60px; padding: 0; }
.hubspot-download-list ul li { margin-bottom: 30px; position: relative; }
.hubspot-download-list ul li:last-child { margin-bottom: 0; }
.hubspot-download-list ul li label { font-size: 16px; line-height: 1.25; color: #454545; border-radius: 10px; border: 1px solid #d5d5d5; background: #F7F7F7; padding: 20px; display: flex; column-gap: 20px; cursor: pointer; }
.hubspot-download-list ul li label input { appearance: auto; width: 30px; height: 30px; position: absolute; left: -50px; top: 50%; transform: translateY(-50%); }
.hubspot-download-list ul li label .label-text { width: calc(100% - 20px); }
.hubspot-download-list ul li .file-name { font-size: 16px; line-height: 1.25; font-weight: 600;  }
.hubspot-download-list ul li p { text-align: left; font-size: 14px; line-height: 1.42; margin-bottom: 0; }
.hubspot-download-list ul li label .file-checkbox{position:absolute; cursor: pointer; margin: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.hubspot-download-list ul li label .file-checkbox::before{content:"";display:inline-block;width:30px;height:30px;border:2px solid #0069A7;border-radius:7px;background:#fff;vertical-align:middle;position:absolute;left:0;top: 50%; transform: translateY(-50%);}
.hubspot-download-list ul li label .file-checkbox:checked::before{background-image:url('data:image/svg+xml,<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.9048 0.351469C17.3651 0.820106 17.3651 1.5799 16.9048 2.04854L7.47625 11.6485C7.01598 12.1172 6.26975 12.1172 5.80949 11.6485L1.09519 6.84854C0.634936 6.37994 0.634936 5.62012 1.09519 5.15148C1.55546 4.68286 2.30169 4.68286 2.76195 5.15148L6.64287 9.10298L15.2381 0.351469C15.6983 -0.117156 16.4446 -0.117156 16.9048 0.351469Z" fill="white"/></svg>');background-repeat:no-repeat;background-position:center center;display:inline-block;position:absolute;margin-top:0px;font-size:14px;color:#fff;background-color:#0069A7;width:30px;height:30px;text-align:center;line-height:30px;border:2px solid #0069A7;border-radius:7px;}


.hubspot-download-list ul li label .icon { position: relative; z-index: 1; }
.hubspot-download-list ul li.hb-chk-selected label { border-color: #0069A7; }
.hubspot-download-list ul li .last-download-date { font-size: 12px; line-height: 1.16; font-weight: 600; position: absolute; left: 0; top: calc(100% + 3px); } 
.hubspot-download-list ul li .last-download-date span { font-weight: 700; }
.hubspot-download-list ul li .single-download-btn { margin: auto; } 
.hubspot-download-list .hs-button{background-color:var(--bg-color-main-blue);height:60px;color:white;text-transform:uppercase;border-radius:6px;border:none;cursor:pointer;position:relative;z-index:1;overflow:hidden;font-size:15px;max-width:196px;padding:14px 21px;width:100%;display:flex; align-items: center; margin: 0 auto;}
.hubspot-download-list .hs-button img { margin-right: 10px; }
.hubspot-download-list .hs-button span { margin-left: 3px; }
.hubspot-download-list .hb-video-file-wrap { display: flex;  gap: 5px;}
.hubspot-download-list .hb-video-info-btn { position: absolute; left: -50px; }
.hubspot-download-list .hb-video-info-btn img { cursor: pointer; }
.hubspot-download-list .hb-video-info-btn p { filter: drop-shadow(0 1px 7px rgba(0, 0, 0, 0.25)); background-color: #fff; color: #454444; font-size: 12px; line-height: 1.16; padding: 9px 12px; font-weight: 600; position: relative; border-radius: 7px; margin-top: 8px; margin-left: -4px; opacity: 0; visibility: hidden; }
.hubspot-download-list .hb-video-info-btn p::before{content:"";width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #fff;position:absolute;top:-7px;}
.hubspot-download-list .hb-video-info-btn img:hover + p { opacity: 1; visibility: visible; }
#hb-video-modal-inner { background-color: transparent; padding: 0; max-width: 960px; height: 560px; }
#hb-video-modal-inner video { width: 100%; height: 100%; }
#hb-video-container iframe, #hb-video-container { width: 100%; height: 100%; }


  

/* Popup */
html.no-scroll { overflow: hidden; }
.cnc-hb-form-modal{display:none;position:fixed;z-index:9999999999;left:0;top:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,0.7);backdrop-filter:blur(12px);}
.cnc-hb-form-modal .modal-content{background:#fff;padding:55px 70px;max-width:978px;width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center; box-sizing: border-box;}
.cnc-hb-form-modal .modal-content .modal-title{color:#0069A7;text-shadow:0 0 5px rgba(29,8,73,0.12);font-size:50px;font-weight:400;line-height:normal; text-align: center; margin-bottom: 50px;}
.cnc-hb-form-modal .modal-content input{border:none;border-radius:0;border-block-end:1px solid #020E1F;font-size:16px;margin-bottom:20px;color:#020E1F;height:44px;width:100%;}
.cnc-hb-form-modal .modal-content .hs-button{background-color:var(--bg-color-main-blue);height:60px;color:white;text-transform:uppercase;border-radius:6px;border:none;cursor:pointer;position:relative;z-index:1;overflow:hidden;font-size:18px;max-width:200px;width:100%;margin:0 auto 20px;}
.cnc-hb-form-modal .modal-content .already-register-text, .cnc-hb-form-modal .modal-content .cnc-opt-email-msg { font-size: 16px; line-height: 1.75; }
.cnc-hb-form-modal .modal-content .already-register-text a { color: #0069A7; font-weight: 700; text-decoration: underline; }
.cnc-hb-form-modal .modal-content .close{position:absolute;top:-30px;right:0;cursor:pointer;width: 20px; height: 20px;}
.cnc-hb-form-modal .modal-content .close img { width: 100%; height: 100%; object-fit: contain; object-position: center; }


/*--footer---*/
.footer {padding: 50px 0;color: white;}
.footer-texts p {font-size: 18px;line-height: 30px;}
.footer-texts {max-width: 460px;}
.footer-form form {display: flex;justify-content: center;height: 100%;}
form > .hs_error_rollup {display: none;}
.footer form input::placeholder {color: white;}
.footer-nav .flex-box-column>a {opacity: 1;}
.hero-medium-main-wrapper .hs_submit.hs-submit input[type="submit"] {margin: auto;display: flex;justify-content: center;}
.hs-error-msgs label {font-size: 14px;}.hbspt-form form ul {margin-bottom: 10px;}.hbspt-form {display: flex;flex-direction: column;}
.hbspt-form input:focus::placeholder , .hbspt-form textarea:focus::placeholder {color: transparent;}
footer form input:not(form input[type="submit"]) {width: 370px;height: 60px;background-color: #005487;border: none;color: white;font-size: 16px;padding-left: 25px;border-radius: 6px;max-width: 370px;}
form input[type="submit"], .blog-post-inner-form-wrapper form>button, .hero-medium-main-form>button, .blog-subscribe-form form input[type="submit"] {background-color: var(--bg-color-main-blue);height: 60px;color: white;text-transform: uppercase;border-radius: 6px;border: none;cursor: pointer;position: relative;z-index: 1;overflow: hidden;font-size: 18px;max-width: 200px;width: 100%;margin: auto;margin-block-start: 25px;}
.blog-subscribe-form form input[type="submit"],.seek-sunrise-bottom-form form input[type="submit"] {margin-left: 0;}
.footer-form>form input[type=submit] {color: var(--color-main-dark);padding: 0;}
form button:before, .blog-subscribe-form button:before, .blog-post-inner-form-wrapper form>button:before {z-index: -1;}
.footer-socials {display: flex;flex-wrap: wrap;align-items: center;margin-left: auto;}
.footer-socials a {display: flex;margin-right: 50px;}
.footer-socials i {font-size: 30px;color: #7d9db0;}
.footer-socials i:hover {color: #fafafa;}
i:before {transition: none;}
.footer-socials a:last-child {margin-right: 0;}
.footer-top {margin-bottom: 100px;}
.footer-nav h6 {margin-bottom: 30px;font-weight: 600;}
.footer-nav ul li a, .footer-nav a {font-size: 14px;color: white;}
.footer-nav .flex-box-column {margin-right: 50px;max-width: 220px;width: 100%;}
.footer-nav ul li a:hover,.footer-nav a:hover {opacity: 1;}
.footer-nav .flex-box-column:last-child {margin-right: 0;width: 100%;max-width: 320px;}
.footer-loc-item {margin-right: 40px;font-size: 16px;align-items: flex-start;}
.footer-loc-item:last-child {margin-right: 0;}
.footer-loc {margin-right: 55px;}
.footer-email span {font-size: 16px;color: #B7C7D1;}
.footer-email>span>a {color: white;text-decoration: underline;}
.footer-bottom-nav {margin-left: auto;}
.footer-bottom-nav>span:hover {opacity: 1;}
.footer-bottom-nav>span {font-size: 12px;color: white;opacity: 0.6;}
.footer-bottom-nav ul li a {font-size: 14px;color: white;}
.footer-bottom-nav ul li {margin-right: 35px;}
.footer-bottom-nav ul li:last-child {margin-right: 0;}
.footer-email {margin-left: 50px;}
.footer-blog {margin-left: auto;}
.footer-loc-item p {max-width: 265px;line-height: 25px;margin-left: 15px;}
.footer-nav li {margin-bottom: 20px;}
.footer-blog .footer-nav  li {margin-bottom: 0;padding-bottom: 25px;position: relative;margin-bottom: 35px !important;}
.footer-blog .footer-nav li:last-child {margin: 0;}
.footer-blog .footer-nav li:before {content: "";position: absolute;background-color: white;width: 100%;z-index: 1;height: 1px;bottom: 0;opacity: 0.5;}
.footer-bottom-wrapper {margin-top: 110px;}
/*---new footer styles---*/
.bg-new-dark-blue{background-color: var(--color-main-dark);}
.bg-light-blue{background-color:var(--bg-color-main-blue);}
.new-footer .footer-texts {display: flex;max-width: 1000px;width: 100%;margin-inline-end: auto;}
footer.new-footer-wrapper {padding: 0;}
footer.new-footer-wrapper form input:not(form input[type="submit"]) {background-color: transparent;border-block-end: 1px solid white;border-radius: 0;padding-inline-start: 0;width: 100%;}
footer.new-footer-wrapper form input[type="submit"] {margin: 0;    background-color: white;
    color: #0069a7;}
 
.footer-bottom-wrapper.new-footer-bottom .footer-bottom-nav {margin: 0;display: flex;padding: 15px 0;}
.footer-bottom-wrapper.new-footer-bottom .footer-menu-wrapper {max-width: 30%;width: 100%;}
.footer-bottom-nav img {
    margin-inline-start: 35px;
}
.footer-bottom-wrapper.new-footer-bottom .footer-bottom-nav span {font-size: 12px;display: flex;align-items: center;color: white;}
.footer-bottom-wrapper.new-footer-bottom .footer-bottom-nav .footer-bottom li:before {content: "|";position: absolute;color: #ABBAC3;right: -10px;top: 2px;}
.footer-bottom-wrapper.new-footer-bottom .footer-bottom-nav .footer-bottom li {position: relative;margin: unset;max-width: 50%;margin-inline-end: 15px;}
.footer-bottom-wrapper.new-footer-bottom .footer-bottom-nav .footer-bottom li:last-child:before {display: none;}
.footer-bottom-wrapper.new-footer-bottom .footer-bottom-nav>.row {max-width: 70%;width: 100%;justify-content: end;}
.footer-bottom-wrapper.new-footer-bottom .footer-bottom-nav span a {margin-inline-end: 5px;color: white;}
.footer-bottom-wrapper.new-footer-bottom .footer-bottom-nav span a:hover,.footer-bottom-nav ul li a:hover {color: #21c697;}
.new-footer .footer-form .hbspt-form,.new-footer .footer-form .hbspt-form form {width: 100%;}
.new-footer .footer-form .hbspt-form form .hs_email {width: 70%;}
.new-footer .footer-form .hbspt-form form .hs_submit.hs-submit {width: 30%;}
.footer-bottom-wrapper.new-footer-bottom {margin-top: 60px;}
footer.new-footer-wrapper .footer-nav .flex-box-column:last-child {max-width: 350px;margin-inline-end: 0;margin-inline-start: auto;}
footer.new-footer-wrapper>.bg-light-blue {margin-block-end: 65px;}
.new-footer .footer-texts h3 {font-size: 36px;max-width: 43%;width: 100%;margin-inline-end: 50px;}
.new-footer .footer-texts p {max-width: 55%;}
.new-footer.footer-top .footer-form {max-width: 430px;width: 100%;}
.new-footer.footer-top {margin: 0;height: 200px;align-items: center;}
.footer-nav ul li a:hover {
    color: var(--color-main-green);
}
.footer.new-footer-wrapper .footer-socials i {color: white;font-size: 16px;}
.footer.new-footer-wrapper .footer-socials a {margin-inline-end: 10px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 6px;border: 1px solid white;}
.footer.new-footer-wrapper .footer-socials a:hover {border-color: var(--color-main-green);}
.footer.new-footer-wrapper .footer-socials a:hover i {color: var(--color-main-green);}
.footer-bottom-wrapper.new-footer-bottom .footer-bottom-nav ul li a:hover {color: #21c697;}

/***** Event page style ******/
.cnc-hevent-banner{padding: 10px 0; position: relative; min-height: 362px;overflow: hidden;}
.cnc-hevent-banner .cnc-hevent-banner-overlay{position: absolute; bottom: 0; left: 0;}
.cnc-hevent-banner .cnc-hevent-details{width: 100%; max-width: 648px; height: 701px; background-repeat: no-repeat; background-size: contain; background-position: center; display: flex; align-items: center; justify-content: center; margin-left: auto;}
.cnc-hevent-banner .cnc-hevent-details .inner-details{display:flex;align-items:center;flex-direction:column;justify-content:center;width:100%;max-width:616px;color:#fff;text-align:center;margin-right:auto;}
.cnc-hevent-banner .cnc-hevent-details .inner-details h2{text-transform:uppercase;font-size:64px;font-weight:bold;}
.cnc-hevent-banner .cnc-hevent-details .inner-details .cnc-banner-desc{font-size:24px;margin-bottom:60px;letter-spacing: -1px; max-width: 482px;}

.cnc-event-section{padding: 100px 0; color: #454444;}
.cnc-event-section .grid{width: 100%; max-width: 1316px;}
.cnc-event-section h2{color: #0066A4; margin-bottom: 30px; font-size: 50px;}
.cnc-event-section .cnc-esec-desc{margin-bottom: 30px;}
.cnc-event-section .cnc-esec-desc p:not(:last-child){margin-bottom: 6px;}
.cnc-event-lists{display: flex; flex-wrap: wrap; gap: 30px;}
.cnc-event-lists .cnc-event{background-color:#F7F7F7;padding:20px;border:1px solid #D5D5D5;border-radius:10px;width:100%;max-width:calc(50% - 57px); display: flex; align-items: flex-start; gap: 12px;}
.cnc-event-lists .cnc-event .listIcon{width: 16px; min-width: 16px; height: 20px; margin-top: 4px;}
.cnc-event-lists .cnc-event .listIcon img{width: 100%; height: 100%; object-fit: contain; object-position: center;}
.cnc-event-lists .cnc-event .itemDetails h5{font-size: 16px; font-weight: 600; margin-bottom: 0;}
.cnc-event-lists .cnc-event .itemDetails p{font-size: 14px;}
.cnc-event-lists .cnc-event .cnc-event-btn{width:31px;min-width:31px; height:31px;margin-left:auto;margin-top:auto;margin-bottom:auto;}
.cnc-event-lists .cnc-event .cnc-event-btn img{width: 100%; height: 100%; object-fit: contain; object-position: center;}
/***** Event page style ******/

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*laptop & small Screens!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media(min-width:1921px){
    .top-hero-big{height: 100vh;}
    .impact-bottom-galleries .grid {max-width: 2140px;}
    .hp-bottom-logos>.grid {max-width: 2020px;}
}

@media (max-width: 1681px) {
    .grid,.grid-wide{max-width:90%;}
    .hp-bottom-logos>.grid,.impact-bottom-galleries .grid{max-width:95%;}
    .header-logo-wrapper {max-width: 7%;margin-right: auto;}
    .header-right-menu-wrapper ul li:last-child {margin: 0;margin-left: auto;}
    .header #menu-header-nav>li, .header #menu-header-nav-nl>li, .header #menu-header-nav-es>li {margin-right: 3vw;}
    .header-main-menu-wrapper {max-width: 72%;width: 100%;justify-content: center;}
    .impact-main-calculator-stat {max-width: calc(33% - 50px);}
    .top-hero-medium.collaborate .hero-content h1 {max-width: 100%;}
    .hero-medium-main-wrapper h4 {max-width: 37%;}
    .top-hero-big.learn-more .hero-content>h1 {max-width: 65%;}
    .footer {padding: 25px 0;}
    footer.new-footer-wrapper .footer-nav .flex-box-column:last-child {max-width: 350px;}
    .flex-box-column.footer-login {margin-right: 0 !important;}
    .footer-nav .flex-box-column {margin-right: auto;}
    .footer-top {margin-bottom: 50px;}
    .footer-bottom-wrapper.row {margin-top: 30px;}
    .footer-nav h6 {margin-bottom: 20px;}
    .footer-nav li {margin-bottom: 10px;}
    .footer-texts {max-width: 100%;margin-bottom: 50px;width: 100%;}
    .footer-form {max-width: 50%;width: 100%;display: flex;}
    .footer-top,.footer-texts {margin-bottom: 30px;}
    .footer-nav li:last-child {margin-bottom: 0;}
    .footer-form>form input {width: 500px;}
    .footer-loc-item {font-size: 14px;}
    .footer-loc-item p {font-size: 14px;line-height: 20px;max-width: 120px;}
    .footer-loc {margin-right: 0;}
    .footer-email {margin-left: auto;}
    .footer-email span {font-size: 14px;}
    .footer-bottom-nav ul li {margin-right: 25px;}
    .blog-post .blog-post-img{height: 15vw;}
}

@media (max-width: 1540px) {
    :root {--lh28: 22px;--header-height:75px;}
    h1{font-size: 3.25vw;}
/*     h2{font-size: 2vw !important;} */
    h4{font-size: 1.41vw;}
    .popup-body video, .popup-body iframe {height: 450px;}
    .blog-post-text h5 + p {min-height: 80px;}
    .menu-item-has-children > .sub-menu>li {padding: 10px 20px;}
    .menu-item-has-children > .sub-menu>li span.description {max-width: 70%;}
    .menu-item-has-children > .sub-menu {width: 450px;}
    .popup-body {max-width: 800px;}
    .popup-body video {height: 450px;}
    .popup-content {text-align: center;}
    .top-hero-big.about .hero-content h1 {max-width: 55%;}
    .mega-menu .menu-item-has-children > .sub-menu {width: 1540px;right: -920px;}
    .hp-featured-page {height: 550px;}
    .hp-featured-page-inner {padding: 0 30px;}
    .hp-featured-page-btn {margin-bottom: 35px;}
    .hp-featured-page-inner h2 {line-height: 2.7vw;}
    .hp-featured-page-inner>p {font-size: 1.25vw;min-height: 150px;}
    .what-is-top-icons .icons, .what-is-steps-desc {margin-top: 5.5vw;}
    .hp-processes-item,.hp-industries {margin-bottom: 5vw;}
    .hp-bottom-logos,.hp-bottom-posts {padding: 5.5vw 0;}
    .hp-bottom-logos>.grid>.row {margin-bottom: 5.5vw;}
    .hp-industry-item {margin-right: auto;}
    .top-hero-big.what-is .hero-content h1 {max-width: 60%;}
    .process-txt{padding-inline-start:10px;}
    .slide-wrapper img{max-height:75px;}
    .top-hero-big video + img{max-width:22%;}
    .process-txt .text{max-width:350px;}
    .hp-bottom{margin-block-end:300px;}
    .blog-post-text h5 + p:before{bottom:-5px;}
    .certificate{max-width:18%;height:280px;}
    .certificate img{max-width:80%;}
    .hero-content h1 {line-height: 58px;max-width: 70%;}
    .what-is-top-icon-item>p {font-size: 16px;line-height: 20px;}
    .what-is-steps {margin: 5.5vw 0;}
    .what-is-step {margin-bottom: 5.5vw;}
    .what-is-main h2 {margin-top: 8vw;}
    .what-is-bottom-image {max-width: 80%;}
    .what-is-bottom-gallery-item > h6 {top: 8vw;}
    .what-is-bottom-gallery-item > a {max-width: 40%;} 
    .impact-main {padding-bottom: 12.5vw;padding-top: 12.5vw;}
    .impact-bottom-galleries .text-center {margin-bottom: 5.5vw;}
    .impact-bottom-galleries .slick-slide {margin-right: 25px;}
    .blog-menu-wrapper {padding: 15px 0;margin-bottom: 40px;}
    .blog-post-text {padding: 2vw;min-height: 14vw;}
    .blog-top h1 {margin-top: 2.5vw;}
    .blog-subscribe-form.blog-post {max-width: calc(34.2% - 40px);}
    .blog-post-socials a {margin-inline-end: auto;}
    .blog-top-post {margin-top: 2.5vw;overflow: hidden;}
    .blog-top-image {height: 400px;}
    .cta-banner {margin: 5.5vw 0;}
    .ubq-items>.grid {max-width: calc(95% - 20%);margin-left: 5%;}
    .ubq-items .what-is-bottom-gallery-item {max-height: 305px;}
    .ubq-items .what-is-bottom-image {max-height: 150px;}
    .ubq-items-cta-slide {max-width: 230px;max-height: 305px;}
    .seek-sunrise-main-item-image>img {max-height: 170px;}
    .seek-sunrise-main-item {min-height: 65vh;margin-right: 3.5%;margin-bottom: 3.5%;max-width: calc(25% - 2.65%);}
    .seek-sunrise-main-item p {font-size: 16px;max-width: 80%;}
    .newsletter img {max-width: 90%;}
    .disclaimer-text {font-size: 11px;}
    .new-footer .footer-texts {max-width: 55%;margin: 0;}
    .new-footer.footer-top .footer-form {max-width: 45%;}
    .new-footer .footer-texts h3 {font-size: 34px;}
    .new-footer .footer-texts p {font-size: 16px;line-height: 25px;max-width: 43%;}
    .new-footer .footer-form .hbspt-form form .hs_email {margin-block-start: auto;}
    .new-footer.footer-top {height: 170px;}
    .footer-socials {margin: 2.5vw 0;}
    .footer-bottom-wrapper.new-footer-bottom .footer-bottom-nav>.row {max-width: 50%;}
    .footer-bottom-wrapper.new-footer-bottom .footer-menu-wrapper {max-width: 50%;}
    .footer-bottom-nav ul li a {font-size: 12px;}
}
@media(max-width:1440px){
    footer.new-footer-wrapper .footer-nav .flex-box-column:last-child {
        max-width: 300px;
    }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .learn-more-side-article .learn-more-side-article-img { height: 120px; }
}
@media(max-width: 1366px){
    body {font-size: 14px;}
    .mega-menu .menu-item-has-children > .sub-menu {width: 1356px;right: -890px;}
    .hero-content h1 {line-height: 48px;max-width: 65%;}
    .hp-award-item {height: 25vw;}
    .hp-award-item h4:before {bottom: 27%;}
    .hp-industry-gallery-item {height: 20vw;}
    .hp-bottom-industry-gallery .hp-industry-gallery-item img {max-width: 135px;margin: auto;}
    .hp-bottom-industry-gallery .hp-bottom-slide {margin-right: 25px;}
    .hp-featured-page {height: 470px;}
    .impact-main-calculator {min-height: 780px;}
    .impact-main-calculator-stat {max-width: calc(33% - 20px);margin-inline-end: 20px;}
    .impact-main-calculator-stat-desc {font-size: 14px;}
    .gate-text{max-width:85%;}
    .impact-main-icon-wrapper {min-height: 70px;}
    .what-is-top-icons {padding-block-end: 20px;}
    .seek-sunrise-main-item p {font-size: 12px;}
    .seek-sunrise-main-item p:before {bottom: 20px;}
    .seek-sunrise-main-item h4 {max-width: 85%;}
    #menu-submenu>li span.description {max-width: 90%;}
    #menu-submenu>li {max-width: 245px;}
    .company img{max-width:100%;}
    .hp-bottom{margin-block-end:100px;}
    .company{max-width:12%;width:100%;}
    .cnc-event-section{padding:60px 0;}
    .cnc-event-section h2{font-size:40px;}
    .cnc-hb-form-modal .modal-content .modal-title { font-size: 40px; } 
}

@media (max-width: 1280px) {
    .mega-menu .menu-item-has-children > .sub-menu {width: 1270px;right: -854px;}
    .mega-menu .menu-item-has-children > .sub-menu>li span.description {font-size: 13px;line-height: 1.2;}
    .grid,.seek-sunrise-bottom>.grid, .cnc-event-section .grid{max-width:95%;margin: auto;}
    .hp-bottom-logos>.grid,.impact-bottom-galleries .grid{max-width:97.5%}
    .popup-close {margin-top: 7.5%;}

}

@media (max-width: 1199px) {
    .hubspot-form-wrap, .hubspot-form-wrap.hb-form-wrapper { padding: 50px 0; }    
    .login-hubspot-form h1 { margin-bottom: 30px; }
    .login-hubspot-form .hs-richtext p { font-size: 20px; margin-bottom: 20px; }
    .login-hubspot-form .hs-error-msgs { top: 50px; }
    .login-hubspot-form .hs-error-msgs label { font-size: 13px; }
    .cnc-hb-form-modal .modal-content { padding: 40px 50px; max-width: 100%; width: 90%;  }
    .cnc-hb-form-modal .modal-content .modal-title { margin-bottom: 30px; }
    #hb-video-modal-inner { height: 520px; }
    .blog-post-block { padding: 50px 0; }
    .blog-post-inner-top.blog-admin-user-top .blog-post-wrap .content-box .author-details { gap: 15px; }
    .blog-post-inner-top.blog-admin-user-top .blog-post-wrap .content-box p { font-size: 18px; }
    .blog-post-inner-top.blog-admin-user-top .blog-post-wrap .image-box { height: 260px; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-left-side .table-of-content ul li { margin: 0 10px; padding: 10px; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-left-side .table-of-content .title { padding-left: 10px 20px; font-size: 24px; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-form-wrapper { padding: 20px; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-form-wrapper .blog-subscribe-form.blog-post h4 { font-size: 24px; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .social-box { padding: 20px; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .social-box a { width: 36px; height: 36px; margin-right: 5px; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .social-box a i { font-size: 18px; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .title-box { padding: 10px 20px; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .title-box h4 { font-size: 20px; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .learn-more-side-articles { padding: 20px; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .learn-more-side-article .learn-more-side-article-img { height: 100px; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .learn-more-side-article h5 { font-size: 18px; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-left-side .blog-left-box, .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .blog-right-box { top: 100px; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-main-content h2 { font-size: 30px; }
}


@media (max-width: 991px) {
    .header-logo-wrapper{max-width:5%;margin-right:2%;}
    .header-right-menu-wrapper{max-width:15%;}
    .header #menu-header-nav>li,.header #menu-header-nav-nl>li,.header #menu-header-nav-es>li{margin-right:2vw;}
    .header ul li a{font-size:12px;}
    .mega-submenu>li>a>.row{font-size:10px;}
    .mega-submenu>li>a{padding:0;}
    .mega-submenu>li span.description{font-size:12px;max-width:97%;margin-inline-end:auto;}
    .menu-header-right-nav-container .header-right-nav .btn.hollow{padding:0 15px;}
    .blog-post .blog-post-img{height:24vw;}
    .blog-subscribe-form.blog-post{max-width:48%;margin-right:0;}
    .blog-main>.grid>.row, .hp-bottom-posts>.grid>.row{justify-content: space-between;}
    .blog-main .blog-post{max-width: 48%; margin-right: 0;}
    .login-hubspot-form h1 { font-size: 20px; margin-bottom: 20px; max-width: 100%; }
    .login-hubspot-form { width: 100%; }
    .hubspot-form-wrap, .hubspot-form-wrap.hb-form-wrapper { padding: 40px 0; }  
    .hubspot-form-wrap .hb-form-page-sidebar { width: 100%; position: relative; margin: 0 auto; }
    .hs-custom-style fieldset .input input[type="checkbox"]{min-width:24px;width:24px;height:24px;}
    .login-hubspot-form .hs-custom-style fieldset.form-columns-2 .input { margin-right: 0; margin-bottom: 0; }
    .login-hubspot-form .hs-form-field { margin-bottom: 20px; }
    .login-hubspot-form .hs_investor_newsletter ul li label span { margin-left: 12px; }
    .hs-custom-style fieldset .hs-form-booleancheckbox-display::before{min-width:24px;height:24px;}    
    .hs-custom-style fieldset .input input[type="checkbox"]:checked+span::before { width: 24px; height: 24px; line-height: 24px; margin-left: -36px; background-size: 13px; }
    .login-hubspot-form .hs_newsletter ul li label span { font-size: 14px; }
    .hubspot-download-list { padding: 40px 50px; }
    .hubspot-download-list p { font-size: 20px; }
    .hubspot-download-list ul { margin-left: 50px; }
    .hubspot-download-list ul li label { padding: 15px; column-gap: 15px; }
    .hubspot-download-list ul li label .file-checkbox::before, .hubspot-download-list ul li label input, .hubspot-download-list ul li label .file-checkbox:checked:before { width: 24px; height: 24px; }
    .hubspot-download-list ul li label .file-checkbox:checked:before { line-height: 24px; background-size: 13px; }
    .hubspot-download-list ul li label .file-checkbox, .hubspot-download-list .hb-video-info-btn { left: -40px; }
    #hb-video-modal-inner { height: 390px; }
    .cnc-hb-form-modal .modal-content { padding: 30px; }
    .cnc-hb-form-modal .modal-content .modal-title { font-size: 20px; margin-bottom: 20px; }
    .cnc-hb-form-modal .modal-content .hs-button { font-size: 15px; height: 40px; } 
    .cnc-hb-form-modal .modal-content .close { width: 15px; height: 15px; top: -25px; }
    .cnc-hb-form-modal .modal-content .already-register-text, .cnc-hb-form-modal .modal-content .cnc-opt-email-msg { line-height: normal; }
    .blog-post-inner-top.blog-admin-user-top .breadcrumbs li { font-size: 16px; }
    .blog-post-inner-top.blog-admin-user-top .blog-post-wrap { flex-wrap: wrap; }
    .blog-post-inner-top.blog-admin-user-top .blog-post-wrap .content-box, .blog-post-inner-top.blog-admin-user-top .blog-post-wrap .image-box { max-width: 100%; }        
    .blog-post-inner-top.blog-admin-user-top .breadcrumbs { padding-bottom: 30px; }
    .blog-post-inner-top.blog-admin-user-top .blog-post-wrap .content-box h1 { margin-top: 0; line-height: 1.3; max-width: 100%; font-size: 30px; }
    .blog-post-inner-top.blog-admin-user-top .blog-post-wrap { padding: 30px 0; }
    .blog-post-inner-top.blog-admin-user-top .blog-post-wrap .content-box p, .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-main-content p, .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-main-content .cnc-blog-taway-text ul li { font-size: 16px; } 
    .blog-post-inner-main { padding: 20px 0 0; }
    .blog-post-inner-top.blog-admin-user-top .blog-post-wrap .image-box { height: 322px; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-left-side { max-width: calc(40% - 15px); }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-main-content { max-width: calc(60% - 15px); }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside { max-width: calc(40% - 15px); margin-left: auto; margin-top: 0; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .blog-right-box { position: inherit; top: 0; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .learn-more-side-article .learn-more-side-article-img { height: 150px; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .social-box .blog-post-socials { margin: 0; max-width: 100%; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .learn-more-side-articles { display: block; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .learn-more-side-article .learn-more-side-article-img { height: 120px; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-main-content h2 { font-size: 24px; line-height: 1.15; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-main-content .cnc-blog-taway-text h3 { font-size: 20px; margin: 0 0 20px !important; }
}

@media (max-width: 768px) {

    :root {--lh28: 28px;--header-height:60px;}
    .hide-mobile{display:none;}
    .hide-desktop{display:flex;}
    .half-div, .two-third-div,.third-div, .half-div-bigger,.third-div-bigger {flex: 0 0 100%;max-width: 100%;}
    h1,.hero-content h1{font-size: 26px;line-height: var(--lh28);max-width: 75%;margin-top: 5vw;}
    .top-hero-big.what-is .hero-content h1 {max-width: 80%;margin-top: 0;}
    h2, h3, .hp-featured-page-inner h2, .blog-post-text h5, .main-top h3,.main-bottom h3 {font-size: 20px;line-height: var(--lh24);}
    .post-btn{height:40px;}
    .grid-narrow{max-width:90%;}
    h4{font-size:18px;}
    /*--header--*/
    .header-mobile-menu-wrapper {width: 100%;background-color: var(--bg-color-dark-blue);position: absolute;height: 91vh;top: -91vh;transition: all .4s;}
    .header>.grid, .hp-bottom-posts>.grid  {max-width: 100%;}
    .header-main-menu-wrapper {max-width: 100%;align-items: flex-start;justify-content: center;}
    #menu-header-mobile-menu>li>a, #menu-header-mobile-menu-nl>li>a, #menu-header-mobile-menu-es>li>a {font-size: 20px;color: white;opacity: 1;display: inline-block;margin: auto;}
    #menu-header-mobile-menu li.current-menu-item a, #menu-header-mobile-menu-nl li.current-menu-item a, #menu-header-mobile-menu-es li.current-menu-item a {color: var(--color-main-orange);}
    #menu-header-mobile-menu>li, #menu-header-mobile-menu-nl>li, #menu-header-mobile-menu-es>li {margin-bottom: 50px;width: 100%;position: relative;text-align: center;}
    li#menu-item-4918, li#menu-item-7233, li#menu-item-7245 {background-color: var(--color-main-orange);max-width: 75%;margin: 0 auto;border-radius: 6px;height: 50px;display: flex;}
    #menu-header-mobile-menu>li:last-child a, #menu-header-mobile-menu-nl>li:last-child a, #menu-header-mobile-menu-es>li:last-child a {color: white;}
    #menu-header-mobile-menu .menu-item-has-children > .sub-menu a, #menu-header-mobile-menu-nl .menu-item-has-children > .sub-menu a, #menu-header-mobile-menu-es .menu-item-has-children > .sub-menu a {font-size: var(--font-family-texts);font-size: 16px;color: white;font-weight: normal;display: flex;justify-content: center;opacity: .75;}
    #menu-header-mobile-menu, .menu-header-mobile-menu-container, #menu-header-mobile-menu-nl, .menu-header-mobile-menu-nl-container, #menu-header-mobile-menu-es, .menu-header-mobile-menu-es-container {display: flex;height: 100%;flex-direction: column;width: 100%;align-items: flex-start;overflow: auto;}
    #menu-header-mobile-menu li.menu-item-has-children:before, #menu-header-mobile-menu-nl li.menu-item-has-children:before, #menu-header-mobile-menu-es li.menu-item-has-children:before {content:"";position:absolute;border:solid white;border-width: 0 2px 2px 0;display:inline-flex;padding:3px;transform: rotate(45deg);right: 90px;top:5px;}
    .menu-item-has-children:hover > .sub-menu {top: 0;}
    .menu-item-has-children > .sub-menu>li:last-child {background-color: initial;}
    .menu-item-has-children > .sub-menu>li:hover {background-color: transparent;}
    .menu-item-has-children > .sub-menu>li:hover:before {display: none;}
    .menu-item-has-children > .sub-menu>li:last-child {margin-bottom: 0;}
    #menu-header-mobile-menu>li:first-child, #menu-header-mobile-menu-nl>li:first-child, #menu-header-mobile-menu-es>li:first-child {margin-top: 80px;}
    .header-mobile .header-logo {max-width: 50px;}
    .header-logo-wrapper {margin-left: 5%;position: relative;z-index: 1;max-width: 15%;}
    .header-mobile {padding: 0 5%;display: flex;flex-direction: row;position: relative;z-index: 1;}
    .humburger {width: 20px;height: 20px;display: flex;justify-content: space-around;flex-direction: column;margin-left: auto;align-self: center;}
    .humburger-elem {width: 22px;height: 2px;background-color: var(--color-main-dark);}
    .hp-featured-page {max-width: 100%;margin: auto;margin-bottom: 7.5vw;}
    .menu-item-has-children > .sub-menu {width: 100%;position: relative;top: 0;overflow: hidden;max-height: 0;opacity: 1;pointer-events: auto;background-color: var(--bg-color-dark-blue);z-index: 0;}
    .humburger.open > .humburger-elem.line1 {transform: rotate(45deg) translateX(7px);background-color: white;}
    .humburger.open > .humburger-elem.line2 {transform: rotate(-45deg) translateX(7px);background-color: white;}
    .header-mobile-menu-wrapper.open {top: 0;}
    /*---hp---*/
    .top-hero-big video + img {
        display: none;
    }
    .hp-about h2 {
        font-size: 26px;
    }
    .hp-the-process .half-div {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .hp-the-process {
        padding: 75px 0;
        overflow: hidden;
    }
    
    .hp-the-process .row img {
        transform: translateX(-50px);
    }
     
    .slide-wrapper {
        display: flex;
        justify-content: center;
        width: 50%;
    }
    .top-hero-small.learn-more .hero-content {
        padding-block-start: 0;
    }
    .hp-about .text {
        max-width: 100%;
    }
    .hp-the-process .row-reverse {
        margin: 50px 0;
    }
    
    .hp-the-process .row-reverse img {
        transform: translateX(50px);
    }
    
    .process-txt-mobile .text {
        font-size: 16px;
        line-height: 21px;
    }
   .certificate {
    max-width: 260px;
    margin: auto;
    margin-block-end: 30px;
}

.hp-bottom {
    height: auto;
    padding-block-end: 110px;
}

.hp-bottom .btn.primary,.companies.row:before {
    display: none;
}

.hp-bottom > img {
    top: auto;
    bottom: -85px;
}

.blog-post-text h5 + p:before {
    display: none;
}

.blog-post-text .row-wrap {
    display: none;
}
 

.blog-post:hover .post-btn {
    background-color: var(--bg-color-main-blue);
    color: white;
}
    .hp-the-process > .grid > div:nth-child(1) h2:before,.hp-the-process > .grid > div:nth-child(2) h2:before,.hp-the-process > .grid > div:nth-child(3) h2:before {
        content: "";
        position: absolute;
        width: 43px;
        height: 43px;
        border-radius: 50%;
        color: #0069a7;
        border: 1px solid #0069a7;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 26px;
        font-weight: bold;
        left: 0;
        top: -15px;
        background-color: white;
        font-family: var(--font-second);
    }
    .hp-the-process > .grid > div:nth-child(1) h2:after{content: "1";}
    .hp-the-process > .grid > div:nth-child(2) h2:after{content: "2";}
    .hp-the-process > .grid > div:nth-child(3) h2:after{content: "3";}
    .hp-the-process > .grid > div:nth-child(1) h2:after,.hp-the-process > .grid > div:nth-child(2) h2:after,.hp-the-process > .grid > div:nth-child(3) h2:after{
    position: absolute;
    left: 0;
    width: 43px;
    height: 43px;
    top: -10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-family: var(--font-second);
}
.company {
    max-width: 50%;
}

.company img {
    margin: auto;
}

.hp-companies h4 {
    font-size: 20px;
    max-width: 80%;
    margin: auto;
}
.company span {
    position: relative;
}

.company span:before {
    content:
    "";
    position: absolute;
    width: 85%;
    height: 1px;
    background-color: #707070;
    top: -20px;
} 
    .hp-the-process   h2 {
        font-size: 26px;
        color: #0069a7;
        padding-inline-start: 65px;
        position: relative;
    }
    .hp-vid-wrapper video {display: flex; width: 100%; margin: auto;}
    .hp-bottom-posts .slick-prev, .hp-bottom-posts .slick-next {display: none !important;}
    .top-hero-big.hp .hero-content {justify-content: center;padding-top: 0;text-align: center;}
    .top-hero-big.hp .hero-content h1 {line-height: 28px;margin: auto;margin-block-end: 15px;}
    .hero-content p, .hp-featured-page-inner>p,.blog-post-text h5 + p {font-size: 16px;max-width: 90%;line-height: 20px;text-align: center;margin: auto;margin-bottom: 55px;}
    .hero-content {justify-content: flex-start;padding-top: 15vw;}
    .hp-industries .hp-industry-item {margin: auto;margin-bottom: 50px;max-width: 100%;width: 100%;}
    .hp-industry-icon-wrapper {margin: auto;}
    .slick-dots li button,.slick-dots li button:before {width: 30px;height: 4px;}
    .slick-dots li button:before {content: "";background-color: var(--bg-color-main-light-gray);opacity: 1;}
    .slick-dots li.slick-active button:before {background-color: var(--bg-color-main-blue);}
    .slick-dots li {margin-right: 10px;}
    .hp-processes-gall .slick-dots {bottom: unset;text-align: left;}
    .hp-processes-gall .slick-list.draggable {padding-top: 50px;}
    .hp-processes-item > .row {flex-direction: column;min-height: 650px;height: 100%;}
    .hp-processes-item > .row > .half-div:last-child {margin-top: auto;}
    .hp-processes-gall .slick-next{bottom: unset;top: 45%;right: 0;left: unset;box-shadow: none;}
    .hp-processes-gall .slick-next:before {background-color: transparent;color: #0069a7;content: "";background-image: url(/wp-content/uploads/2021/03/arr-blue.svg);background-repeat: no-repeat;background-size: 30px;}
    .hp-processes {margin: 21vw 0;}
    .hp-processes-gall {height: auto;padding: 50px 0;}
    .blog-post, .blog-post:nth-child(3n),.blog-post:last-child {max-width: 100%;margin-right: 3vw;}
    .blog-main .blog-post{max-width: 100%; width: 100%;}
    .blog-main .blog-post {margin-right: 0;max-width: 100%;}
    .blog-post .blog-post-img {height: 41.66vw;}
    .blog-post-text {padding: 7vw;min-height: 41.66vw;}
    .blog-post-text h5 + p {min-height: 100px;max-height: 100%;max-width: 100%;text-align: start;margin-block-end: 35px;margin-block-start: 10px;}
    .page-numbers:not(.prev.page-numbers):not(.next.page-numbers) {width: 35px;height: 35px;margin-right: 10px;}
    .hp-bottom-title {max-width: 100%;margin-top: 5.5vw;}
    .hp-bottom-awards-gallery, .hp-bottom-industry-gallery {max-width: 100%;}
    .hp-bottom-logos>.grid, .impact-bottom-galleries .grid {max-width: 95%;margin: auto;}
    .hp-bottom-logos .slick-prev, .hp-bottom-logos .slick-next,  .hp-processes-gall .slick-prev {display: none !important;}
    .hp-bottom-logos .hp-award-item {max-width: 190px;height: 250px;}
    .hp-bottom-logos .hp-industry-gallery-item {max-width: 190px;height: 200px;}
    .hp-processes-item h2 {margin-top: 2.5vw;}
    .hp-processes-item img {max-width: 75%;}
    .hp-award-icon-wrapper>img {max-height: 55px;}
    .hp-bottom-awards-gallery .hp-bottom-slide {margin-right: 20px;}
    .hp-award-item h4,.hp-industry-gallery-item h4 {max-width: 85%;font-size: 15px;margin-bottom: 20px;display: flex;flex-direction: column;justify-content: center;}
    .hp-award-item p,.hp-industry-gallery-item p {font-size: 13px;opacity: .75;}
    .hp-award-item h4:before {bottom: 15%;}
    .hp-industry-gallery-item h4 {margin-bottom: 10px;}
    .hp-bottom-logos {margin: 5.5vw 0;}
    .hp-featured-page-inner h2 {max-width: 100%;}
    /*--what is--*/
    .what-is-top-icon-item {max-width: 100%;}
    .what-is-top-icon-item > .what-is-top-icon {border-color: #0069a7;}
    .what-is-top-icon-item > p,.what-is-top-icon-item:before {display: none;}
    .what-is-top-icons h2 {max-width: 90%;}
    .top-hero-big.what-is .hero-content {padding-top: 10vw;}
    .what-is-bottom-gall .what-is-bottom-gallery-item {margin-right: 0;}
    .what-is-main h2 + p {max-width: 85%;}
    .what-is-step-mobile {width: 100%;}
    .what-is-step-mobile-text {font-size: 16px;line-height: 20px;margin-bottom: 50px;}
    /*--blog--*/
    .resource-library-top {margin: 35px 0;}
    .resource-library-top h4 {margin-bottom: 10px;margin-top: 0;}
    .blog-menu-wrapper {box-shadow: none;padding: 0;}
    .blog-menu-buttons.row,.blog-menu-wrapper>.row.flex-box-center>span {display: none;}
    .blog-menu-wrapper .selectbox {max-width: 100%;margin: auto;}
    .blog-top-image {max-width: 100%;height: 160px;margin-top: 50px;margin-bottom: 30px;}
    .blog-top-text {max-width: 100%;padding: 0;}
    .blog-top-post {margin-top: 0;}
    .blog-top-text .btn.primary {margin-top: 40px;}
    /*--blog inner---*/
    .top-hero-medium {height: 67vw;}
    .hero-medium-main-wrapper {margin-top: 40px;box-shadow: none;padding: 0;}
    .hero-medium-main-wrapper h4 {max-width: 100%;}
    .hero-medium-main-form input, .blog-post-inner-form-wrapper form>input, .hero-medium-main-form textarea, .blog-subscribe-form input {height: 40px;padding:  0 20px;font-size: 13px;margin-bottom: 20px;}
    .hero-medium-main-wrapper p {max-width: 100%;}
    .top-hero-medium.collaborate .hero-content {flex-direction: column;}
    .top-hero-medium.collaborate .hero-content h1 {display: flex;flex-direction: column;}
    .hero-medium-main-wrapper p {margin-bottom: 5vw;}
    .collaborate-main .hero-medium-main-wrapper {padding: 2.5vw;}
    .collaborate-main {padding-bottom: 10vw;}
    .hero-medium-main-form>.row>div:last-child>div {width: 100%;}
    .hero-medium-main-form textarea {height: 100px;padding-top: 10px;}
    .hero-medium-main-form input[type="checkbox"] + p {max-width: 87%;margin-bottom: 45px;}
    .hero-medium-main-form>button {margin: auto;margin-bottom: 45px;}
    .blog-post-inner-top .two-third-div > a {margin: 30px 0;display: flex;}
    .blog-post-inner-author {margin-top: 0;}
    .blog-post-inner-top-text {margin: 20px 0;}
    .blog-post-inner-top-img {margin: 30px 0;}
    .blog-post-inner-main-content,.blog-post-inner-aside {max-width: 100%;}
    .blog-post-inner-main-content h3 {margin: 30px 0 20px;}
    .blog-post-inner-aside {margin-top: 60px;}
    .blog-post-socials a {margin-right: auto;}
    .blog-post-socials a:last-child {margin-right: 0;}
    .row.blog-post-socials {margin-bottom: 60px;max-width: 90%;margin-right: auto;margin-left: auto;}
    .learn-more-side-articles,.blog-post-inner-form-wrapper + h4,.blog-post-inner-form-wrapper,.blog-post-inner-top .two-third-div > br  {display: none;}
    .blog-post-inner-form-wrapper { display: block; }
    .blog-post-inner-author-avatar, .blog-post-inner-author-text,.blog-post-inner-author-text>p {max-width: 100%;}
    .blog-post-inner-next-text {margin-left: 0;margin-top: 15px;width: 100%;}
    .blog-post-inner-next-article>a>img {max-width: 100%;}
    .blog-post-inner-main {padding: 10vw 0;}
    .blog-post-inner-next-article {margin-top: 30px;padding-top: 40px;}
    .blog-post-inner-next-text img {margin-left: auto;margin-right: 20px;}
    .footer-bottom-nav img {
    margin: 10px auto 0;
}
    /*--impact---*/
    .impact-main > .grid-wide > p,.impact-bottom-galleries .text-center>p {max-width: 100%;}
    .top-hero-big.impact {height: 470px;}
    .top-hero-big.impact .hero-content h1 {margin-bottom: 50px;text-align: center;width: 100%;}
    .impact-main-calculator h3 {margin-top: 10vw;text-align: center;}
    .impact-main-calculator-stat span {font-size: 30px;min-height: auto;}
    .impact-calculator-mobile-gallery .slick-list.draggable {padding-top: 0;}
    .impact-main-calculator-stat-desc {font-size: 13px;}
    .impact-main-calculator-stat {max-width: calc(33.733% - 5px);margin-right: 5px;min-height: auto;margin-bottom: 5vw;}
    .impact-main-calculator-stat.green {margin-right: 0;}
    .impact-main-calculator-stats {margin-top: 10vw;}
    .impact-main-calculator {min-height: auto;}
    .impact-bottom-environmental-gallery {padding-bottom: 0;margin-bottom: 10vw;}
    .impact-bottom-title {margin-bottom: 5vw;}
    .impact-bottom-environmental-gallery .blog-post {margin-bottom: 0;}
    .impact-bottom-affiliation-gallery {margin-bottom: 0;padding-bottom: 0;}
    .impact-bottom-title {margin: 10vw 0;}
    .impact-bottom-galleries>.text-center {max-width: 90%;margin: auto;}
    .impact-bottom-galleries .slick-slide {margin: auto;}
    /*--about---*/
    .top-hero-big {height: 100vh;}
    .top-hero-big.about .hero-content h1 {max-width: 100%;margin-bottom: 15vw;text-align: center;}
    .main-top h2 {max-width: 100%;text-align: left;margin-bottom: 10vw;}
    .main-top h3,.main-bottom h3 {text-align: left;width: 100%;padding-left: 0;}
    .main-top h3:before,.main-bottom h3:before {width: 40px;left: 0;right: unset;top: -35px;height: 3px;content: "";position: absolute;background-color: var(--color-main-orange);}
    .main-top-text {max-width: 100%;text-align: left;}
    .main-top-text br {display: none;}
    .main-top {padding: 10vw 0;}
    .about-gallery-wrapper .about-gallery {max-width: 90%;margin: auto;}
    .about-gallery-slide {background-position: bottom;}
    .about-gallery-slide:before {height: 190px;}
    .about-gallery-slide .about-inner p {font-size: 16px;line-height: 20px;max-width: 90%;}
    .about-gallery-slide .about-inner {padding: 15px;height: calc(100% - 30px);width: calc(90% - 30px);margin: auto;}
    .about-gallery-slide .about-inner span,.about-gallery-slide .about-inner h6 {margin-bottom: 10px;}
    .main-bottom h3 {padding-top: 0;}
    .main-bottom .row {margin-top: 0;}
    .main-bottom p br,.about-bottom-certification-text p br{display: none;}
    .main-bottom p,.main-bottom {margin-bottom: 10vw;}
    .about-bottom-certification {max-width: 90%;text-align: left;}
    .cta-banner .grid.bg-gray p {max-width: 90%;}
    .cta-banner .grid {max-width: 100%;}
    .cta-banner h2 {text-align: center;max-width: 70%;}
    .cta-banner {margin-bottom: 0;}
    .about-bottom {margin-top: 5vw;}
    .about-bottom-certification{margin-top:10vw;}
    .cta-banner {height: 350px;}
    .cta-banner .flex-box-column p {display: none;}
    .cta-banner .flex-box-column .btn.primary {margin-block-end: 3.5vw;margin-block-start: 0;}
    .cta-banner h2 {max-width: 100%;margin-bottom: 2vw;font-size: 16px;}
    .cta-banner .flex-box-column {max-width: 80%;}
    .bottom-text {margin-bottom: 10vw;}
    /*--seek---*/
    .seek-sunrise-top .row {flex-direction: column-reverse;height: auto;}
    .seek-sunrise-top p {max-width: 100%;text-align: center;}
    .seek-sunrise-top {padding: 10vw 0;height: auto;}
    .seek-sunrise-top .btn.primary {margin: auto;}
    .seek-sunrise-main {padding: 10vw 0;}
    .seek-sunrise-main-gallery .slick-slide img {max-height: 100%;max-width: 75%;}
    .seek-sunrise-main .text-center>p {margin-bottom: 10vw;}
    .seek-sunrise-main .slick-dotted.slick-slider {margin-bottom: 0;}
    .seek-sunrise-main-gallery .slick-dots {bottom: -35px;}
    .seek-sunrise-main-item {max-width: 100%;min-height: 65vh;margin-right: 0;margin-bottom: 10vw;}
    .seek-sunrise-main-item-image>img {max-height: 32vh;}
    .ubq-items .what-is-bottom-gallery-item {margin-right: 0;max-width: 100%;max-height: 340px;}
    .ubq-items>.grid {max-width: 90%;margin: auto;}
    .ubq-items .what-is-bottom-image {max-height: 100%;max-width: 55%;}
    .what-is-bottom-logo-wrappper {margin-top: 15vw;}
    .ubq-items-cta-slide {display: none;}
    .ubq-items {padding: 10vw 0 15vw 0;}
    .seek-bottom-share {padding-top: 10vw;}
    .seek-sunrise-bottom img {transform: translate(0);}
    .seek-bottom-share-img {margin-top: 0;}
    .seek-sunrise-bottom-form h2, .seek-sunrise-bottom-form p {max-width: 100%;}
    .seek-sunrise-bottom .half-div.flex-box-center {display: block;}
    .seek-sunrise-bottom {padding: 10vw 0;}
    .seek-sunrise-bottom-form button {margin-top: 5vw;}
    .seek-sunrise-bottom-form {text-align: center;margin-top: 5vw;}
    .seek-bottom-share-item {max-width: 70%;border: none;margin: auto;}
    .seek-bottom-share h2 {text-align: center;margin: auto;max-width: 100%;}
    .seek-bottom-share-image {max-width: 100%;margin-bottom: 5vw;}
    .seek-bottom-share-item .flex-box-column {flex-direction: row;flex-wrap: wrap;justify-content: flex-start;max-width: 85%;}
    .seek-bottom-share-item .flex-box-column + img {display: inline-flex;}
    /*---faq---*/
    .faq h1 {max-width: 100%;margin-bottom: 50px;}
    .faq {padding-top: 30px;}
    .faq h4 {text-align: left;}
    .faq-title p {font-size: 13px;}
    .faq-title {padding: 20px;}
    .faq-text-inner {padding: 20px;}
    .faq-title>span:before {right: 0;}
    .faq {padding: 15vw 0;}
    /*--newsletter--*/
    .newsletter-wrapper {box-shadow: none;padding: 7.5vw 0;}
    .bg-light-gray.newsletter {background-color: white;}
    /*--footer---*/
    form button, .blog-post-inner-form-wrapper form>button, .hero-medium-main-form>button, .blog-subscribe-form button,.btn {height: 40px;font-size: 14px;max-width: 100%;width: auto;padding: 0 25px;margin: auto;}
    .hero-medium-main-form input, .blog-post-inner-form-wrapper form>input, .hero-medium-main-form textarea, .blog-main .blog-subscribe-form input, .hbspt-form form textarea, .hbspt-form form input, .hbspt-form form select,footer form input:not(form input[type="submit"]) {height: 40px;font-size: 14px;width: 100% !important;max-width: 100%;margin-bottom: 20px;}
    .hbspt-form form input[type=checkbox] {width: 15px !important;height: 15px;margin-bottom: 0;-webkit-appearance: checkbox;padding: 0;margin: 0;margin-right: 15px;}
     li.hs-form-booleancheckbox {margin-bottom: 20px;}
     .blog-subscribe-form form input[type="submit"] {height: 40px;padding: 0 20px;max-width: 130px;font-size: 14px;}
     form input[type="submit"] {margin-left: 0;}fieldset.form-columns-1 .input select {margin-bottom: 20px;}
     .footer-form form {flex-direction: column;align-items: flex-start;}
     .hbspt-form form textarea {height: 100px;}
    .footer-form>form button {margin: auto;margin-top: 25px;}
    .footer-form>form input {width: 100%;max-width: 100%;}
    .footer-form>form {flex-direction: column;width: 100%;}
    .footer-form {max-width: 100%;align-items: flex-start;}
    .footer-texts p {font-size: 16px;line-height: 20px;max-width: 75%;}
    .grid,.seek-sunrise-bottom>.grid {max-width: 90%;}
    .footer-loc.row {flex-direction: column;margin: auto;max-width: 70%;}
    .footer-loc-item {margin-bottom: 30px;margin-right: auto;margin-left: auto;min-width: 260px;}
    .footer-email {margin-right: auto;}
    .footer-email span {display: flex;flex-direction: column;}
    .footer-email span {font-size: 16px;text-align: center;margin-bottom: 35px;}
    .footer-bottom-nav,.footer-bottom-nav ul li:last-child {margin-right: auto;}
    .footer-loc-item p {max-width: 82%;font-size: 13px;align-self: center;line-height: 15px;}
    .footer-socials {justify-content: center;}
    .footer-socials a {margin-right: auto;}
    .footer-nav li a{opacity: 1;width: 75%;display: flex;line-height: 18px;}
    .footer-nav .flex-box-column {max-width: 50%;width: 100%;margin-block-end: 40px;}
    .footer-bottom-nav ul li {margin: auto;margin-bottom: 15px;}
    .new-footer .footer-texts {
    max-width: 100%;
    flex-wrap: wrap;
}
.footer-nav li {
    margin-block-end: 15px;
}

.footer-nav h6 {
    margin-block-end: 30px;
    text-transform: uppercase;
}
.new-footer .footer-texts h3, .new-footer .footer-texts p,.new-footer.footer-top .footer-form {
    max-width: 100%;
    margin-block-end: 15px;
    text-align: center;
    width: 100%;
}
.footer-form-en {
    width: 100%;
}
.new-footer .footer-texts h3 {
    font-size: 26px;
    max-width: 55%;
    text-align: center;
    margin: auto;
    margin-block-end: 15px;
    line-height: 1.2;
}

.new-footer.footer-top {
    height: auto;
    padding: 25px 0;
}


.new-footer .footer-form .hbspt-form form .hs_email {
    width: 100%;
}

footer.new-footer-wrapper form input[type="submit"] {
    margin: auto;
    width: 250px !important;
}
.footer-bottom-wrapper.new-footer-bottom .footer-bottom-nav .footer-bottom li:last-child {
    width: 100%;
}

.footer-bottom-wrapper.new-footer-bottom .footer-bottom-nav .footer-bottom {
    justify-content: center;
    text-align: center;
    margin-block-end: 15px;
}

.footer-bottom-wrapper.new-footer-bottom .footer-bottom-nav .footer-bottom li:before {
    right: -8px;
}

.footer-bottom-wrapper.new-footer-bottom .footer-bottom-nav .footer-bottom li:nth-child(2):before {
    display: none;
}
.new-footer .footer-form .hbspt-form form .hs_submit.hs-submit {
    width: 100%;
}

footer.new-footer-wrapper .footer-nav .flex-box-column:last-child {
    max-width: 100%;
    width: 100%;
}


.footer-bottom-wrapper.new-footer-bottom .footer-bottom-nav {
    flex-direction: column;
}

.footer-bottom-wrapper.new-footer-bottom .footer-menu-wrapper {
    margin: auto;
    max-width: 100%;
}

.footer-bottom-wrapper.new-footer-bottom .footer-bottom-nav>.row {
    max-width: 100%;
}

.footer-bottom-wrapper.new-footer-bottom .footer-bottom-nav span {
    flex-direction: column;
    width: 100%;
    line-height: 1.4;
}
.footer-bottom-nav img {
    margin: 10px auto 0;
}
}

@media(min-width:820px){
    .header-mobile-menu-wrapper {
		display:none !important;
	}
	.header-mobile{
		display:none !important;
	}	
}
@media(max-width:819px){
    .header-main-menu-wrapper.desktop {
		display:none !important;
	}
	.header-right-menu-wrapper{
		display:none !important;
	}	
}

@media(max-width:819px){
    .header-mobile-menu-wrapper {height: 100vh;top: -140vh;}
    #menu-header-mobile-menu>li:first-child, #menu-header-mobile-menu-nl>li:first-child , #menu-header-mobile-menu-es>li:first-child  {margin-top: 70px;}
    .hp-processes {margin: 7.5vw 0;}
    #menu-header-mobile-menu>li, #menu-header-mobile-menu-nl>li, #menu-header-mobile-menu-es>li {margin-bottom: 30px;}
    #menu-header-mobile-menu>li>a, #menu-header-mobile-menu-nl>li>a, #menu-header-mobile-menu-es>li>a {font-size: 18px;}
    #menu-header-mobile-menu-nl>li>a{color: #fff !important;}

}
@media(max-width:420px){
    .header-mobile-menu-wrapper {height: calc(100vh - 60px);top: -100vh;}
    .popup-body video, .popup-body iframe {height: 230px;}
    .popup-close {margin-top: 45%;margin-right: 2.5%;padding-bottom: 10%;}
    .case-studies-top.hero h1 {
    margin-block-start: 0;
    margin-block-end: 50px;
}
.faq-top.top-hero-small {
    background-position: 20%;
}

}
@media(max-width:375px){
   
}




/* 06-02-2024 */

.new-footer.footer-top{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.new-footer.footer-top .footer-form{
	max-width:initial;
	display:flex;
	justify-content:flex-end;
	width:initial;
}
form input[type="submit"]{
	font-size:15px;
}
form input::placeholder{
	font-size:14px;
}
.hp-the-process{
		padding-top:50px;
}
.companies.row:before {
    top: 74%;
}
.hp-the-process .half-div{
		max-width: 48%;
	}
	.hp-the-process .row{
		margin-bottom:20px;
	}
	.hp-companies h4 {
    margin-top:50px;
	}
.grid-narrow{
	position:relative;
	z-index:10;
}
.blog-subscribe-form form input[type="submit"]{
	margin-top:0 !important;
}

/* new css 18-04-24 */
.homeHeroSec {
	background: #ffffff;
	position: relative;
}
.homeHeroSec::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 50%;
	z-index: 1;
	background: #fff;
}
.homeHeroSec::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 50%;
	z-index: 1;
	background: #096DA8;
}
.homeHeroIn {
	display: flex;
	align-items: stretch;
	position: relative;
	z-index: 2;
	
}
.hhLeft {
	flex: 0 0 55%;
	max-width: 55%;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 2;
}
.hhLeftImg {
	width: 101%;
}
.hhRt {
	flex: 0 0 45%;
    max-width: 45%;
	padding: 60px 30px 60px 30px;
    display: flex;
	gap: 20px;
    justify-content: center;
    flex-direction: column;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
}
.hhRHeading {
	font-size: 80px !important;
	color: #fff;
	line-height: 130% !important;
	font-weight: 400;
}
.hhrDesc {
	font-size: 40px;
	color: #FDCB31;
	font-weight: 400;
}
.textRight {
	text-align: right;
	width: 100%;
}
.textRight a {
	display: inline-flex;
}

.btnFlexBetween {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px;
}
.btnFlexBetween .ubqBadge {
	height: 78px;
}

.earthDaySec {
	background-size: 130%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
    padding: 90px 0;
    background-color: #0F1A2E;
}
.earthDaySec::before {
	content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 300px;
    background: linear-gradient(to bottom, #0F1A2E 50%, rgb(22 33 53 / 0%));
    z-index: 1;
}
.earthDaySec::after {
	content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 300px;
    background: linear-gradient(to top, #0F1A2E 30%, rgba(48, 84, 148, 0));
    z-index: 1;
}
.earthDayIn {
	display: flex;
    flex-direction: column;
    min-height: 650px;
    justify-content: space-between;
    align-items: center;
    width: 1168px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.edTop {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	top: -50px;
}
.edTop img {
	max-width: 90%;
}
.edBtm {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: rgba(0,65,103,0.7);
	padding: 20px;
	gap: 20px;
	position: relative;
	bottom: -50px;
}
.edBtmHd {
	font-weight: 500;
	font-size: 40px;
	color: #fff;
	margin: 0 !important;
	flex: 0 0 60%;
	max-width: 60%;
}
.edBtmCTA {
	flex: 0 0 22%;
	max-width: 22%;
	padding: 15px 50px;
	height: auto;
}
.edBtmCTA span {
	text-align: center !important;
	line-height: 130%;
}
.textBig {
	font-size: 24px;
	line-height: 130% !important;
	font-weight: 400;
}
.bigDesc {
	color: #0069A7;
	font-weight: 500;
	font-size: 24px;
	margin-bottom: 20px;
	line-height: 130% !important;
}
.bigHeading {
	font-size: 45px !important;
	line-height: 130% !important;
	
}
.videoThumHeading {
	text-align: center;
	font-size: 32px !important;
	font-weight: 500;
	line-height: 130%;
	text-transform: capitalize;
}
.videoThumbSec {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
.borderRadiusImg {
	border-radius: 10px;
	position: relative;
	z-index: 1;
}
.vidThumbWrap {
	position: relative;
	border-radius: 10px;
	cursor: pointer;
}
.vidThumbWrap:hover .thumbPlay {
	transform: translatex(-50%) translatey(-50%) scale(1.1);
}
.thumbPlay {
	width: 120px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translatex(-50%) translatey(-50%);
	z-index: 2;
	transition: all 0.2s ease;
}
.modalWrap {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999999;
	display: none;
}
.modalOuter {
	position: relative;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
.modalOverlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.4);
	z-index: 1;
}
.modalBody {
	width: 1200px;
	max-width: 95%;
	max-height: 90vh;
	overflow: auto;
	position: relative;
	z-index: 2;
}
.modalBody iframe {
	width: 1200px;
	aspect-ratio: 2/1.1;
	max-width: 100% !important;
}
.modalCloser {
	position: absolute;
    right: 8px;
    top: 8px;
    z-index: 2;
	cursor: pointer;
}
.modalCloser img {
	width: 14px;
}
.ubqWinCTA {
	margin-top: 30px;
	display: inline-flex;
}


@media (max-width:1440px) {
	.hhRHeading {
		font-size: 70px !important;
	}
}


@media (max-width:1366px){
	.process-img{
		width:100%;
	}
	.earthDayIn {
		min-height: 490px;
	}
	.edTop img {
		max-width: 70%;
	}
}

@media (max-width:1199px) {
	.hhRHeading {
		font-size: 64px !important;
	}
	hhrDesc {
		font-size: 26px;
	}
	.hhRt {
		padding-right: 0;
		padding-left: 60px;
	}
	.btnFlexBetween .ubqBadge {
		height: 48px;
	}
	.hhrDesc {
		font-size: 28px;
	}
	.hhRHeading {
		font-size: 50px !important;
    }

    .cnc-hevent-banner .cnc-hevent-banner-overlay{bottom:-60px;left:-60px;}
    .cnc-hevent-banner .cnc-hevent-details{max-width:570px;height:617px;}
    .cnc-hevent-banner .cnc-hevent-details .inner-details {max-width: 540px;}
    .cnc-hevent-banner .cnc-hevent-details .inner-details h2{font-size: 44px;}
    .cnc-hevent-banner .cnc-hevent-details .inner-details .cnc-banner-desc{font-size:20px;margin-bottom:40px;max-width:470px;}
    .cnc-event-section h2{font-size: 32px;line-height: 1.3;}
}

@media (max-width:1080px){
	.btn{
		padding-left:25px;
		padding-right:25px;
	}
	.header-right-menu-wrapper{
		width:initial;
	}
	.header #menu-header-nav>li {
			margin-right: 3vw;
	}
	.hp-top-gall.row {
		justify-content: center;
		align-items: center;
	}
	.the-process-img {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.the-process-img img{
		width:100%;
	}
	.hp-the-process .half-div{
		max-width: 48%;
	}
	.hp-the-process .row{
		margin-bottom:20px;
	}
	.hp-companies h4 {
    margin-top:50px;
	}
	.companies.row {
		margin: 45px 0;
	}
	.companies.row:before {
		top: 62%;
	}
	.process-txt {
    	padding-inline-start: 70px;
	}
	.the-process-txt:before{
		top:60px;
	}
	footer.new-footer-wrapper>.bg-light-blue {
		padding-top: 20px;
	}
	.two-third-div {
		flex: 0 0 62.666666%;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.team-member {
		max-width: 44%;
	}
	.grid-narrow .the-team.row-wrap{
		justify-content:center;
	}
	.two-third-div {
		max-width:100%;
		flex: 0 0 100%;
	}

	.third-div {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.blog-post-inner-aside {
    max-width: 100%;
    margin-left: 0;
	}
		.blog-post-inner-main-content img {
		margin: 50px auto;
	}
	.blog-post-socials a {
		margin-inline-end: initial;
		margin-right: 30px;
	}
	.hs_email.hs-email.hs-fieldtype-text.field.hs-form-field{
		width:100%;
	}
	.edBtmHd {
		flex: 0 0 40%;
		max-width: 40%;
	}
	.edBtmCTA {
		flex: 0 0 28%;
		max-width: 28%;
	}

	
}

@media (max-width:992px){
	.tech.row-wrap{
		justify-content:center !important;
	}
	.et_pb_heading_3 {
    	margin-top: 0px !important;
		padding-top:0px !important;
	}
	.et_pb_image_3{
		margin:0 auto !important;
	}
	.impact-process{
		justify-content:center;
	}
	
	.earthDayIn {
		min-height: 470px;
	}
	.edTop img {
		max-width: 70%;
	}
	.homeHeroIn {
		flex-direction: column;
		gap: 0;
	}
	.hhLeft {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 20px 20px;
		justify-content: center;
	}
	.hhRt {
		flex: 0 0 100%;
		max-width: 100%;
		padding-left: 30px;
	}
	.homeHeroSec::before {
		width: 100%;
		height: 50%;
		right: 0;
	}
	.homeHeroSec::after {
		width: 100%;
		height: 54%;
		right: 0;
		left: 0;
		top: unset;
		bottom: 0;
	}
	.hhLeftImg {
		width: 70%;
	}
	.textRight {
		text-align: left;
	}
}

@media (max-width:768px){
	.footer-nav .flex-box-column{
		width:initial;
	}
	.footer-bottom-wrapper.new-footer-bottom .footer-bottom-nav .footer-bottom li:last-child{
		width:initial;
	}
	.hp-the-process .row-reverse img {
    transform: translateX(0px);
	}
	.hp-the-process .row img {
    	transform: translateX(0px);
	}
	.hp-bottom{
		padding-bottom:300px;
	}
	.new-footer.footer-top{
		justify-content:center;
	}
	.header .row.flex-box-center{
		justify-content:space-between;
	}
	.header{
		padding-top:5px;
		padding-bottom:5px;
	}
	li#menu-item-4918{
		margin-bottom:50px;
		max-width:100%;
		background:transparent;
	}
	#menu-header-mobile-menu>li:last-child a{
		color:#fff;
	}
	.humburger.open > .humburger-elem.line3 {
		display:none;
	}
	.bigHeading {
		font-size: 40px !important;
	}
	.videoThumbSec {
		margin-top: 30px;
	}
	.earthDaySec {
		background-size: 160%;
		background-color: #0F1A2E;
	}
	.earthDaySec::before {
		top: 70px;
        height: 200px;
	}
	.earthDaySec::after {
		bottom: 70px;
        height: 200px;
	}
	.hhLeftImg {
		width: 68%;
	}
	.hhLeft {
		padding-bottom: 0;
	}
	.homeHeroSec::after {
		height: 60%;
	}
	.edBtmCTA {
        flex: 0 0 35%;
        max-width: 35%;
        margin: 0 !important;
    }
	.hp-about .bigHeading {
		margin-block-end: 15px;
	}
	
}


@media (max-width:600px){
	.hp-companies h4 {
    	margin-top: 0px;
	}
	.hp-bottom {
    	padding-bottom: 130px;
	}
	.hp-bottom-posts h2 {
		margin-bottom: 30px;
		text-align: center;
	}
	.new-footer.footer-top .footer-form{
		width:100%;
	}
	.blog-post-inner-aside{
		margin-top:0px;
	}
	.row.blog-post-socials{
		margin-bottom:0px;
	}
	.earthDayIn {
		min-height: 300px;
	}
	.earthDaySec::before{
		height: 160px;
        top: 65px;
	}
	.edBtm {
		flex-direction: column;
		position: relative;
	    top: 145px;
		padding: 10px;
	}
	.edTop {
		position: relative;
		top: 20px;
	}
	.edTop img {
        max-width: 90%;
    }
	.edBtmHd {
		font-size: 17px !important;
		text-align: center;
		flex: 0 0 100%;
        max-width: 100%;
	}
	.edBtmCTA {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 !important;
    }
	.earthDaySec {
		padding: 20px 0 160px;
        background-size: 180%;
		background-color: #0F1A2E;
	}
	.bigHeading {
		font-size: 30px !important;
	}
	.bigDesc {
		font-size: 20px;
	}
	.textBig {
		font-size: 20px;
	}
	.videoThumHeading {
		font-size: 26px;
	}
	.thumbPlay {
		width: 60px;
	}
	.hhrDesc {
		font-size: 18px;
	}
	.hhRHeading {
		font-size: 30px !important;
		margin: 0;
	}
	.hhRt {
		padding-bottom: 40px;
	}
	.earthDaySec::after {
		bottom: 100px;
        height: 90px;
	}
	.homeHeroSec::after {
		height: 58%;
	}
	.btnFlexBetween .ubqBadge {
		height: 40px;
	}
	.btnFlexBetween {
		margin-top: 10px;
	}
	.hhLeftImg {
		width: 70%;
	}
}

@media (max-width: 479px) {
	.hhLeftImg {
        width: 86%;
    }
	.homeHeroSec::after {
        height: 60%;
    }
}


@media (min-width:769px) {
	.hp-top-gall.row {
		flex-wrap: nowrap !important;
	}
}

/* 07-08-2024 */
/* 06-02-2024 */

/* 10-09-2024 */
  .subscribeSection{
    width: calc(100% - 40px);
    padding: 50px 20px;
    background-color: #004795;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
	margin: 0px 0px;
}
.subscribeCont{
    width: 100%;
    max-width: 600px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 40px;
    position: relative;
    z-index: 10;
}
.logoIcon{
    width: 185px;
    height: 160px;
    object-fit: contain;
}
.subscribeText{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
}
.subscribeText p{
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    color: #F7F7F7;
}
.ubqlighttext{
		font-weight:500 !important;
}
	.subscribeText p b{
		font-weight:700 !important;
	}
.subscribebtn{
	justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
    margin: 0;
}

.subscribebtn:hover{
	img{
		filter: brightness(0) invert(1);
	}
}

.subscribebtnblue{
	justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
    margin: 0;
	border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
	img{
		filter: brightness(0) invert(1);
	}
}
.subscribebtnblue:hover{
	background-color: #fff;
	color:#004795;
	img{
		filter: none;
	}
}
	
.subLeftIcon{
    position: absolute;
    left: -100px;
    top: 100px;
    width: 415px;
    height: 415px;
	z-index:5;
}
.subRightIcon{
    position: absolute;
    right: -200px;
    bottom: 0px;
    width: 636px;
    height: 714px;
	z-index:5;
}

@media (max-width:1440px){
    .subRightIcon{
        position: absolute;
        right: -200px;
        bottom: 0px;
        width: 636px;
        height: 714px;
    }  
}
@media (max-width:1080px){
    .subLeftIcon{
        display: none;
    }
    .subscribeText p{
        font-size: 16px;
    }
}
@media (max-width:600px){
    .subscribeText p{
        font-size: 14px;
        line-height: 20px;
    }
    .subscribeText{
        gap: 10px;
    }
    .logoIcon{
        width: 120px;
        height: initial;
    }
    .subscribeCont{
        gap:25px;
    }
    .subRightIcon{
        position: absolute;
        right: -50px;
        top: 0px;
        width: 300px;
        height: 350px;
    }
}
/* 10-09-2024 /
/* 11-09-2024 */

  .modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100000;
  }

  .modal {
    display: none;
    position: fixed;
    top: 100px;
    left: 50%;
    transform: translate(-50%, 0%);
    background-color: white;
    width: 600px;
    max-width: 90%;
    z-index: 100001;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 0;
    max-height: calc(100vh - 150px);
    overflow: auto;
  }

  .modal.active {
    display: block;
    opacity: 1;
  }

  .modal-content {
    padding: 20px;
  }

  .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
  }

/*   #openModalBtn {
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
  } */

.btnsection{
	display:flex;
	gap:20px;
}
@media (max-width:600px){
	.btnsection{
	    display:flex;
		flex-direction:column;
		gap:20px;
	}
}



/* 23-09-2024 */

.subscribeText{
	max-width:1200px;
}
.subscribeText h3{
    font-size: 24px;
    line-height: 36px;
    font-weight: bold;
    color: #000;
	margin-bottom:0px;
}
.subscribeText p{
    font-size: 22px;
    line-height: 36px;
    font-weight: 500;
    color: #000;
}
.logoIcon{
    width: 260px;
    height: initial;
}
.subscribeCont{
	flex-direction:row;
	max-width:1200px;
}
.subscribeText {
    width: calc(100% - 300px);
}
.subscribeSection {
    background-color: #fff !important;
}
.btnsection .btn{
	gap:10px;
}
.btnsection .btn img{
	filter: brightness(0) invert(1);
    
}
@media (max-width:992px) {
	.subscribeCont{
		flex-direction:column;
	}
	.subscribeText{
		width:100%;
		text-align:center;
		align-items:center;
	}
	.subscribeCont{
		justify-content:center;
		align-items:center;
	}
}
@media (max-width:600px) {
	.logoIcon {
    	width: 180px;
    	height: initial;
	}
	.subscribeText h3 {
		font-size: 20px;
	}
	.subscribeText p{
		font-size:16px;
		line-height:28px;
	}
}



.homneBannerSection{
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color: #0069a7;
}
.homebannerBg{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    background-image: url("https://ubqmaterialscom.stage.site/wp-content/uploads/2024/09/banner-bg-1.png");
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
}
.homeBannertextCont{
    max-width: 1520px;
    width: 100%;
    position: relative;
    z-index: 50;
}
.homeBannertextDiv{
    width: 100%;
/*     max-width: 420px; */
	max-width: 600px;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 40px;
}
.homeBannertextDiv h1{
    font-size: 44px;
    line-height: 50px;
    color: #fff;
    margin: 0;
    width: 100%;
/*     max-width: 360px; */
}
.homeBannertextDiv p{
    font-size: 19px;
    line-height: 28px;
    color: #fff;
    margin: 0;
}
.homeBannertextDiv a{
    font-size: 22px;
    line-height: 28px;
    color: #FFCE1C;
    border: solid 1px #FFCE1C;
    display: flex;
    border-radius: 6px;
    align-items: center;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 50px;
    max-width: fit-content;
    padding: 0 50px;
    cursor: pointer;
    font-size: 16px;
    font-family: var(--font-second);
    text-transform: uppercase;
    transition: all .4s;
    margin: 0;
    text-decoration: none;
	font-weight:700 !important;
}
.homeBannertextDiv a:hover{
    background-color: #FFCE1C;
    color: #000;
}
.homeBannerVideo{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 8;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.homeBannerVideo video{
    height: 100%;
}
.desktopVideo{
    display: block;
}
.mobileVideo{
    display: none;
}


.videoModalWrapper{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
    background-color: #111;
}
.videoModalContent{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.modalClose{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 15px;
    opacity: .2;
    transition: all 0.2s;
}
.modalClose:hover{
    opacity: .7;
}
.modalClose img{
    width: 90%;
    height: 90%;
    object-fit: contain;
}
.videoModalContent .videoFrame{
    max-height: 90%;
    aspect-ratio: 16/9;
	width: 100%;
}

  
@media (max-width:1600px) {
	.homeBannertextCont{
		max-width:1440px;
	}
}	

@media (max-width:1440px) {
	.homeBannertextCont{
		max-width:1296px;
	}
	
}
@media (max-width:1366px) {
	.homeBannertextCont{
		max-width:1229px;
	}
	
}
@media (max-width:1280px) {
    .videoModalContent .videoFrame{
        width: 100%;
        height: initial;
        aspect-ratio: 16/9;
    }
	.homeBannertextCont{
		max-width:1200px;
	}
}
@media (max-width:1200px) {
	.homeBannertextCont{
		max-width:1140px;
	}
}

@media (max-width:1080px) {
    .homneBannerSection{
        height: initial;
    }
    .homeBannerVideo{
        position: relative;
    }
    .homeBannertextCont{
        position: absolute;
        padding: 0 30px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: calc(100% - 60px);
    }
    .homeBannertextDiv{
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 100%;
    }
    .homeBannertextDiv p{
        text-align: center;
    }
    .homeBannertextDiv h1{
        text-align: center;
    }
    .homebannerBg{
        display: none;
    }
    .homeBannertextCont{
        position: relative;
    }
    .homneBannerSection{
        flex-direction: column;
    }
    .homeBannertextCont{
        width: calc(100% - 40px);
        background-color: #0069a7;
        padding: 60px 20px;
    }
    .desktopVideo{
        width: 100%;
    }
}

@media (max-width:600px){
    .homeBannerVideo video{
        width: 100%;
        height: initial;
    }
    .homeBannertextCont{
        width: calc(100% - 40px);
        background-color: #0069a7;
        padding: 30px 20px;
    }
    .desktopVideo{
        display: none;
    }
    .mobileVideo{
        display: block;
    } 
}



/* 23-09-2024 */

/* 24-09-2024 */

.jtfBannerSection{
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.jtfMainBanner{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 10;
}
.fundWrpper{
    position: absolute;
    padding: 5px;
    border-radius: 10px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 21px;
    z-index: 20;
}
.fundWrpper h2{
    font-size: 50px !important;
    line-height: 120%;
    color: #444444;
    font-weight: 500;
    margin: 0;
}
.bannerLogoWrap{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.bannerLogoWrap img{
    height: 88px;
}
.materialsSection{
    width: calc(100% - 40px);
    background-color: #004795;
    padding: 120px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 50;
	overflow-x:clip;
}
.materialsCont{
    max-width: 840px;
    width: 100%;
    position: relative;
    z-index: 20;
}
.materialsCont h1{
    font-size: 40px;
    line-height: 1.35;
    color: #fff;
    margin: 0;
    font-weight: normal;
}
.materialsCont h1 span{
    font-weight: 500;
    text-decoration: underline;
}
.materialsLeftIcon{
    position: absolute;
    left: -100px;
    top: 100px;
    width: 320px;
    height: 320px;
    object-fit: contain;
    z-index: 10;
}
.materialsRightIcon{
    position: absolute;
    right: -180px;
    bottom: -100px;
    width: 590px;
    aspect-ratio: 1/1;
    object-fit: contain;
    z-index: 10;
}
.introductionSection{
    width: calc(100% - 40px);
    padding: 100px 20px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 10;
}
.gridContainer{
    width: 100%;
    max-width: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}
.gridImgCont{
    width: calc(50% - 20px);
}
.gridImgCont img{
    width: 100%;
}
.gridTextCont{
    width: calc(50% - 20px);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 50px;
}
.gridTextCont h2{
    font-size: 50px !important;
    font-weight: normal;
    color: #006699;
    margin: 0;
	line-height:120%;
}
.gridTextCont h3{
    font-size: 24px;
    line-height: 1.5;
    color: #0069a7;
    margin: 0;
    font-weight: 500;
}
.gridTextCont p{
    font-size: 20px;
    color: #020E1F;
    line-height: 1.35;
    margin: 0;
}
.gridTextCont p span{
    color: #0069A7;
	font-weight:500;
}
.regionSection{
    width: calc(100% - 40px);
    padding: 200px 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
.regionTextWrap{
    width: 100%;
    max-width: 1200px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.regionTextCont{
    max-width: 560px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 50px;
}
.regionTextCont h2{
    font-weight: 500;
    font-size: 40px !important;
    line-height: 1.36;
    color: #fff;
    margin: 0;
}
.regionTextCont p{
    font-weight: normal;
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
    margin: 0;
}
.uniquenessSection{
    width: calc(100% - 40px);
    padding: 140px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 140px;
}

.goalSection{
    width: calc(100% - 40px);
    padding: 140px 20px;
    padding-bottom: 400px;
    background-color: #F7F7F7;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 30px;
}
.goalSection h2{
    font-size: 50px !important;
    color: #444444;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
}
.goalContainer{
    width: 100%;
    max-width: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.goalBox{
    width: 33.33%;
    aspect-ratio: 1/1;
    background-image: url("https://ubqmaterialscom.stage.site/wp-content/uploads/2024/09/goal-bg.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 30px;
    position: relative;
}
.goalBox:nth-child(2){
    background-image: url("https://ubqmaterialscom.stage.site/wp-content/uploads/2024/09/goal-bg-1.svg");
    top: 230px;
}
.goalBox img{
    width: 80px;
    aspect-ratio: 1/1;
    object-fit: contain;
}
.goalBox p{
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    margin: 0;
}
.resultSection{
    width: calc(100% - 40px);
    padding: 140px 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.resultContainer{
    width: 100%;
    width: 1200px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.resultTextWrap{
    max-width: 560px;
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 40px;
}
.resultTextWrap::before{
    content: "";
    width: 1200px;
    height: 1200px;
    border-radius: 60%;
    background-image:url("https://ubqmaterialscom.stage.site/wp-content/uploads/2024/09/result-shadow.png") ;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: -350px;
    top: -250px;
    z-index: -1;
}
.resultTextWrap h2{
    font-size: 40px !important;
    font-weight: bold;
    color: #fff;
    line-height: 1.36;
    margin: 0;
}
.resultTextWrap p{
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 1.5;
    margin: 0;
}
.resultLeftIcon{
    position: absolute;
    left: -100px;
    bottom: 10px;
    width: 320px;
    aspect-ratio: 1/1;
}
.resultRightIcon{
    position: absolute;
    right: -250px;
    top: 0px;
    width: 620px;
    aspect-ratio: 1/1;
}
.resfundWrpper{
    display: none;
    padding: 20px 20px;
    width: calc(100% - 40px);
}
.resImageBg{
    display: none;
    width: 100%;
}
.resImageBg img{
    width: 100%;
}
.resresultSection{
    width: 100%;
    display: none;
}
.resresultSection img{
    width: 100%;
}
.mega-submenu {
	height:150px;
}

@media (max-width:1680px){
	.mega-submenu {
		height:185px;
	}
}

@media (max-width:1440px) {
	.regionSection{
		background-position:40%;
	}
	.resultContainer{
		max-width:970px;
	}
	.resultRightIcon {
		right: -204px;
		top: 65px;
		width: 473px;
	}
	.resultTextWrap{
		max-width:500px;
	}
	.resultLeftIcon {
		left: -92px;
		bottom: 10px;
		width: 300px;
	}
	.mega-submenu {
		height:225px;
	}
}

@media (max-width:1080px){
    .materialsRightIcon{
       width: 300px;
       right: 0;
       bottom: -250px;
		background-position:center;
    }
    .materialsLeftIcon{
        width: 180px;
    }
    .bannerLogoWrap img {
        height: 60px;
    }
    .goalBox {
        gap: 6px;
    }
    .resultLeftIcon {
        display: none;
    }
    .resultRightIcon{
        display: none;
    }
    .goalBox img {
        width: 65px;
    }
	.mega-submenu {
        height: 400px;
    }
}

@media (max-width:600px){
    .fundWrpper h2 {
        font-size: 28px !important;
    }
    .bannerLogoWrap{
        
    }
    .bannerLogoWrap img {
        height: 35px;
    }
    .resfundWrpper{
        display: block;
    }
    .resfundWrpper .fundWrpper{
        display: flex;
        position: relative;
    }
    .jtfBannerSection .fundWrpper{
        display: none;
    }
    .materialsSection{
        padding: 60px 20px;
    }
    .materialsCont h1{
        font-size: 26px;
    }
    .materialsRightIcon {
        width: 159px;
        right: 8px;
        bottom: -263px;
    }
    .materialsRightIcon {
        display: none;
    }
    .materialsLeftIcon {
        display: none;
    }
    .introductionSection{
        padding: 50px 20px;
    }
    .gridTextCont{
        width: 100%;
        gap: 20px;
    }
    .gridImgCont{
        width: 100%;
    }
    .gridTextCont h2 {
        font-size: 36px !important;
    }
    .introductionSection .gridContainer{
        flex-direction: column-reverse;
        gap: 20px   ;
    }
    .regionSection{
        padding: 0;
        flex-direction: column;
        background-image: none !important;
        background-color: #0069A7;
        width: 100%;
    }
    .resImageBg{
        display: block;
    }
    .regionTextCont{
        padding: 50px 20px;
        gap: 20px;
    }
    .regionTextCont h2 {
        font-size: 30px !important;
    }
    .uniquenessSection{
        padding: 50px 20px;
        gap: 50px;
    }
    .uniquenessSection .gridContainer{
        flex-direction: column-reverse;
    }
    .uniquenessSection .gridContainer:last-child{
        flex-direction: column;
    }
    .gridContainer{
        gap: 30px;
    }
    .goalSection{
        padding: 50px 20px;
    }
    .goalSection h2{
        text-align: center;
        font-size: 36px !important;
    }
    .goalContainer{
        flex-direction: column;
    }
    .goalBox{
        width: calc(100% - 100px);
    }
    .goalBox:nth-child(2){
        top: 0;
        background-image: url('https://ubqmaterialscom.stage.site/wp-content/uploads/2024/09/goal-bg.svg');
    }
    .resultSection{
        padding: 0px;
        background-image: none !important;
        background-color: #fff;
        flex-direction: column;
        width: 100%;
    }
    .resultTextWrap{
        padding: 20px 20px 50px;
        gap: 20px;
    }
    .resultTextWrap::before{
        display: none;
    }
    .resultTextWrap h2 {
        font-size: 32px !important;
    }
    .resresultSection{
        display: block;
    }
    .resultContainer{
        width: 100%;
    }
    .resultTextWrap h2{
        color: #0069A7;
    }
    .resultTextWrap p{
        color: #0069A7;
		font-size:18px;
    }
	.gridTextCont p{
		font-size:18px;
	}
	.gridTextCont h3{
		font-size:20px;
	}
	.goalBox p{
		font-size:18px;
	}
	.regionTextCont p{
		font-size:18px;
	}
	.materialsCont h1{
		max-width:100%;
		text-align:center;
	}
}


/* 24-09-2024 */
/* 25-09-2024 */
@media (max-width:768px){
	#ubq_desktop_procress{
		display:none !important;
	}
	#ubq_mobile_procress{
		display:grid;
	}
}
@media (min-width:769px){
	#ubq_desktop_procress{
		display:grid !important;
	}
	#ubq_mobile_procress{
		display:none;
	}
}
/* 26-09-2024 */
@media (max-width: 1680px) {
    .mega-submenu {
        height: 150px;
    }
}
@media (max-width: 1440px) {
    .mega-submenu {
        height: 150px;
    }
}
@media (max-width: 1280px) {
    .mega-submenu {
        height: 160px;
    }
}
@media (max-width: 1200px) {
    .mega-submenu {
        height: 200px;
    }
}
@media (max-width: 1080px) {
	.mega-submenu {
        height: 200px;
    }
    .materialsRightIcon {
        width: 300px;
        right: 0;
        bottom: -110px;
        background-position: center;
    }
}

/* 27-09-2024 */

.jtfMainBanner{
	max-height:600px;
	object-fit:cover;
}
.gridContainer{
	max-width:1520px;
}
.gridTextCont{
	width: calc(60% - 20px);
}
.gridImgCont{
	width: calc(40% - 20px);
}
/* .resultTextWrap{
	padding:30px 20px;
	border-radius:20px;
	background-color:rgba(0, 105, 167, .9);
} */
.resultTextWrap:before{
	display:none;
}
.resultOverlay{
	position:absolute;
	z-index:1;
	right:0;
	top:0;
	bottom:0;
	left:0;
	background: rgb(0,65,103);
	background: linear-gradient(273deg, rgba(0,65,103,1) 0%, rgba(0,65,103,0.7203256302521008) 48%, rgba(255,255,255,0) 85%);
}
.resultContainer{
	position:relative;
	z-index:5;
}
.resultLeftIcon{
	z-index:2;
}
.resultRightIcon{
	z-index:2;
}

.resultTextWrap{
	gap:25px;
}
.regionSection{
	background-position: 9%;
	position:relative;
}
.regionTextWrap{
	position:relative;
	z-index:5;
}


@media (max-width:1680px){
	.gridContainer{
		max-width:1512px;
	}
	.regionSection{
		background-position: 18%;
	}
}
@media (max-width:1600px){
	.gridContainer{
		max-width:1440px;
	}
	.regionSection{
		background-position: 16%;
	}
}
@media (max-width:1440px){
	.gridContainer{
		max-width:1260px;
	}
	.regionSection{
		background-position: 16%;
	}
		.regionSection{
		background-position: 15%;
	}
}
@media (max-width:1366px){
	.gridContainer{
		max-width:1229px;
	}
		.regionSection{
		background-position: 14%;
	}
}
@media (max-width:1280px){
	.regionSection{
		background-position: 17%;
	}
}
@media (max-width:1200px){
	.gridContainer{
		max-width:1140px;
	}
	.regionSection{
		background-position: 16%;
	}
}
@media (max-width:1080px){
	.gridContainer{
		max-width:963px;
	}
	.regionSection{
		padding:100px 20px;
		background-position: 18%;
	}
}
@media (max-width:992px){
	.gridContainer{
		max-width:920px;
	}
	.resImageBg {
        display: block;
    }
	.regionTextCont {
        padding: 50px 20px;
        gap: 20px;
    }
	.regionSection{
		background-image:none !important;
		background-color:#0069A7;
		padding:0px;
		flex-direction:column;
		width:100%;
	}
	.regionTextCont {
        width: 100%;
        max-width: 100%;
    }
}
@media (max-width:600px){
	.gridTextCont{
		width: 100%;
	}
	.gridImgCont{
		width: 100%;
	}
	.resultOverlay{
		display:none;
	}
	.resultTextWrap {
    	gap: 18px;
	}
}

@media (max-width: 992px) {
	.materialsCont h1{
		max-width:100%;
	}
	.materialsCont{
		max-width:100%;
	}
}


/* 27-09-2024 */





/* 1-10-2024 */

.jtfBannerSectionNew{
    width: calc(100% - 40px);
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 578px;
    z-index: 1;
    overflow: hidden;
}
.jtfBannerSectionNew::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgb(0,0,0);
    background: linear-gradient(100deg, rgba(0,0,0,0.6867121848739496) 0%, rgba(0,0,0,0.3757878151260504) 32%, rgba(0,0,0,0.10127801120448177) 55%, rgba(255,255,255,0) 100%);
}
.jtfMainBannerNew{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
	height: 100%;
	object-fit:cover;
}
.fundWrpperNew{
    display: flex;
    justify-content:flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 1493px;
    position: relative;
    z-index: 5;
}
.fundWrpperNew h2{
    font-size: 60px !important;
    line-height: 120%;
    color: #fff;
    font-weight: 500;
    margin: 0;
}
.bannerLogoNew{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
}
.bannerLogoNew img{
    width: 170px;
    height: 60px;
    padding: 6px;
    background-color: #fff;
    object-fit: contain;
}
@media (max-width: 1600px) {
	.fundWrpperNew{
		max-width:1440px;
	}
}
@media (max-width: 1440px) {
	.fundWrpperNew{
		max-width:1296px;
	}
}
@media (max-width: 1366px) {
	.fundWrpperNew{
		max-width:1229px;
	}
}
@media (max-width: 1366px) {
	.fundWrpperNew{
		max-width:1229px;
	}
}
@media (max-width: 1280px) {
	.fundWrpperNew{
		max-width:1216px;
	}
}
@media (max-width: 1200px) {
	.fundWrpperNew{
		max-width:1140px;
	}
}
@media (max-width: 1080px) {
	.fundWrpperNew{
		max-width:972px;
	}
}
@media (max-width: 992px) {
	.fundWrpperNew{
		max-width:680px;
	}
}
@media (max-width: 600px) {
    .fundWrpperNew{
        display: none;
    }
    .jtfBannerSectionNew::before{
        display: none;
    }
	.jtfBannerSectionNew{
        height: initial;
        width: 100%;
        padding: 0px;
    }
    .jtfBannerSectionNew{
        height: initial;
    }
    .jtfMainBannerNew{
        position: relative;
        height: initial;
    }
}




/* 1-10-2024 */
/* 07-10-2024 */

.talksSection{
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color: #0069A7;
	gap:50px;
	min-height:578px;
}
.talksCont{
	width:100%;
	max-width:1200px;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:50px;
}
.talksSectionText{
	width:calc(100% - 550px);
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	flex-direction:column;
	gap:50px;
}
.talksSectionText p{
    font-size: 20px;
    line-height: 36px;
    font-weight: 700;
    color: #fff;
}
.talksSectionText p b{
	font-weight:700 !important;
}
.talksLogo{
	width:100%;
	max-width:500px;
}
.talksLogo img{
	width:100%
}
.talksFormSection{
	width:calc(100% - 40px);
	padding:50px 20px;
	overflow-x:hidden;
	background-color:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
}
.talks_cont{
	max-width:600px;
	width:100%;
}
.mainSection{
	max-width:1520px;
}

@media (max-width:1600px){
	.mainSection{
		max-width:1440px;
	}
}
@media (max-width:1440px){
	.mainSection{
		max-width:1296px;
	}
}
@media (max-width:1366px){
	.mainSection{
		max-width:1229px;
	}
}
@media (max-width:1280px){
	.mainSection{
		max-width:1216px;
	}
}
@media (max-width:1200px){
	.mainSection{
		max-width:1140px;
	}
}
@media (max-width:1080px){
	.mainSection{
		max-width:963px;
	}
}

@media (max-width:992px){
	.talksSection{
		min-height:initial;
	}
	.talksCont{
		flex-direction:column-reverse;
		gap:20px;
	}
	.talksLogo{
		max-width:280px;
	}
	.talksSectionText{
		width:100%;
		gap:20px;
	}
	.talksSectionText p{
		text-align:center;
	}
	.talksSection{
		padding:50px 20px;
	}
}
@media (max-width:600px){
	.talksLogo{
		width:200px;
	}
	.talksSection{
		width:calc(100% - 40px);
	}
}

/* 07-10-2024 */



/* 16-10-2024 */

.certifiedSection{
    width: 100%;
    background-color: #006ba6;
    padding: 50px 0px 140px;
    display: flex;
    justify-content: center;
    align-items: center;
	margin-top:120px;
}
.certifiedCont{
    max-width: 1520px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	flex-direction:column;
    gap: 100px;
}
.cirtiTextWrap{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 24px;
}
.cirtiTextWrap h2{
    margin: 0;
    font-size: 50px !important;
    color: #fff;
    font-weight: 400;
}
.cirtiTextWrap p{
    margin: 0;
    color: #fff;
    font-weight: 400;
}
.cirtiBoxWrap{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    position: relative;
}
.cirtiBox{
	width: calc(20% - 30px);
    aspect-ratio: 1 / 1;
}
.cirtiBox img{
    width: 100%;
	height:100%;
	object-fit:contain;
}
.cirtifricateButtonWrap{
    position: absolute;
    bottom: -100px;
}
.btnYellow{
    background-color: #ffce1c;
	border: solid 1px #ffce1c;
    color: #000;
}
.btnYellow:hover{
    background-color: transparent !important;
}

@media (max-width: 1600px) {
    .certifiedCont {
        max-width: 1440px;
    }
}
@media (max-width: 1440px) {
    .certifiedCont {
        max-width: 1296px;
    }
}
@media (max-width: 1366px) {
    .certifiedCont {
        max-width: 1229px;
    }
	.hp-bottom-posts h2{
		font-size:40px !important;
	}
}
@media (max-width: 1280px) {
    .certifiedCont {
        max-width: 1216px;
    }
}
@media (max-width: 1200px) {
    .certifiedCont {
        max-width: 1140px;
    }
}
@media (max-width: 1080px) {
    .certifiedCont {
        max-width: 972px;
    }
}
@media (max-width: 992px) {
    .certifiedCont {
        max-width: 888px;
    }
    .cirtiBox{
        max-width: 150px;
    }
	.certifiedSection{
		margin-top:80px;
	}
}
@media (max-width: 768px) {
    .certifiedCont {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        gap: 50px;
        flex-direction: column;
    }
    .cirtiTextWrap{
        width: 100%;
    }
    .cirtiBoxWrap{
        width: 100%;
    }
    .certifiedSection{
        padding: 80px 0 80px;
    }
    .cirtifricateButtonWrap{
        position: relative;
        top: 0;
        margin-top: 40px;
    }
    .cirtiTextWrap p{
        max-width: 100%;
    }
    .cirtiTextWrap h2{
       font-size: 40px !important;
    }
	.hp-bottom-posts h2{
		font-size:30px !important;
	}
}

@media (max-width: 600px) {
    .cirtiBox img{
        max-width: 100%;
        vertical-align: middle;
    }
    .cirtiBox{
        max-width: 180px;
		width:100%;
    }
    .cirtiBoxWrap{
        gap: 0px;
    }
    .certifiedCont{
        gap: 40px;
    }
    .cirtiTextWrap h2{
        font-size: 30px !important;
     }
	.cirtiTextWrap p{
        font-size: 16px;
     }
	.cirtifricateButtonWrap {
        margin-top: 0px;
    }
}

.homeaboutSection{
    width: 100%;
    padding: 50px 0px;
    background-color: #f7f7f7;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 50px;
}
.homeaboutCont{
    max-width: 1520px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
}
.homeaboutTextWrap{
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 24px;
}
.homeaboutTextWrap h2{
    margin: 0;
    font-size: 50px !important;
    color: #0774A4;
    font-weight: 400;
}
.homeaboutTextWrap p{
    margin: 0;
    max-width: 80%;
    color: #020E1F;
    font-weight: 400;
}
.homeaboutTextWrap p b{
    font-weight: 700;
    display: block;
}
.homeaboutImgWrap{
    width: calc(50% - 50px);
}
.homeaboutImgWrap img{
    width: 100%;
}
.homeaboutBtnWrap{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    max-width: 1520px;
    width: 100%;
}
@media (max-width: 1600px) {
    .homeaboutCont {
        max-width: 1440px;
    }
	.homeaboutBtnWrap{
	   max-width: 1440px;
	}
}
@media (max-width: 1440px) {
    .homeaboutCont {
        max-width: 1296px;
    }
	.homeaboutBtnWrap{
	   max-width: 1296px;
	}
}
@media (max-width: 1366px) {
    .homeaboutCont {
        max-width: 1229px;
    }
	.homeaboutTextWrap p{
    	max-width: 100%;
	}
	.homeaboutBtnWrap{
	   max-width: 1229px;
	}
}
@media (max-width: 1280px) {
    .homeaboutCont {
        max-width: 1216px;
    }
	.homeaboutTextWrap h2{
        font-size: 40px !important;
    }
	.homeaboutBtnWrap{
	   max-width: 1216px;
	}
}
@media (max-width: 1200px) {
    .homeaboutCont {
        max-width: 1140px;
    }
	.homeaboutBtnWrap{
	   max-width: 1140px;
	}
}
@media (max-width: 1080px) {
    .homeaboutCont {
        max-width: 972px;
    }
	.homeaboutBtnWrap{
	   max-width: 972px;
	}
}
@media (max-width: 992px) {
    .homeaboutCont {
        max-width: 888px;
    }
	.homeaboutBtnWrap{
	   max-width: 888px;
	}
}
@media (max-width: 768px) {
    .homeaboutCont {
        max-width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
        gap: 50px;
        flex-direction: column;
    }
    .homeaboutTextWrap{
        width: 100%;
    }
    .homeaboutSection{
        width: 100%;
        padding: 50px 0px;
    }
	.homeaboutBtnWrap{
	   max-width: calc(100% - 40px);
	   padding-left: 20px;
       padding-right: 20px;	
	}
}
@media (max-width: 600px) {
    .homeaboutTextWrap h2{
        font-size: 30px !important;
    }
    .homeaboutImgWrap{
        width: 100%;
    }
}

.homeProductSection{
    width: 100%;
    padding: 150px 0;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 50px;
}
.homeProductCont{
    width: 100%;
    max-width: 1520px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 50px;
}
.homeProductCont h2{
    margin: 0;
    font-size: 50px !important;
    color: #0774A4;
    font-weight: 400;
    max-width: 820px;
    width: 100%;
}
.homeProductWrapper{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 100px;
    position: relative;
}
.homeProductCard{
    width: calc(33.33% - 17px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.homeProductCard img{
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: contain;
    margin-bottom: 30px;
}
.homeProductCard h3{
    font-size: 24px !important;
    margin: 0;
    font-weight: 600;
    margin-bottom: 10px;
    color: #006ba6;
    text-align: center;
    width: 100%;
    max-width: 300px;
}
.homeProductCard p{
    text-align: center;
    margin: 0;
    width: 100%;
    max-width: 320px;
}
.arrowUp{
    width: 240px;
    position: absolute;
    bottom: 33%;
    left: 26%;
}
.arrowUp img{
    width: 100%;
}
.arrowDown{
   width: 240px;
    position: absolute;
    top: -12%;
    right: 27%;
}
.arrowDown img{
    width: 100%;
}

@media (max-width: 1600px) {
    .homeProductCont {
        max-width: 1440px;
    }
}
@media (max-width: 1440px) {
    .homeProductCont {
        max-width: 1296px;
    }
}
@media (max-width: 1366px) {
    .homeProductCont {
        max-width: 1229px;
    }
    .homeProductCont h2{
        font-size: 40px !important;
		line-height:120%;
    }
    .homeProductCard h3{
        font-size:24px !important;
    }
    .arrowDown {
        width: 200px;
        position: absolute;
        top: -10%;
        right: 25%;
    }
    .arrowUp {
        width: 200px;
        position: absolute;
        bottom: 26%;
        left: 25%;
    }
}
@media (max-width: 1280px) {
    .homeProductCont {
        max-width: 1216px;
    }
}
@media (max-width: 1200px) {
    .homeProductCont {
        max-width: 1140px;
    }
}
@media (max-width: 1080px) {
    .homeProductCont {
        max-width: 972px;
    }
    .arrowDown {
        width: 160px;
    }
    .arrowUp {
        width: 160px;
        bottom: 34%;
    }
}
@media (max-width: 992px) {
    .homeProductCont {
        max-width: 888px;
    }
    .homeProductWrapper{
        gap: 40px;
    }
    .arrowDown {
        width: 120px;
        right: 27%;
    }
    .arrowUp {
        width: 120px;
        bottom: 45%;
    }
}
@media (max-width: 768px) {
    .homeProductCont {
        max-width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
        gap: 50px;
        flex-direction: column;
    }
    .homeProductSection{
        width: 100%;
        padding: 80px 0px;
    }
    .homeProductCont {
        max-width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
        gap: 50px;
        flex-direction: column;
    }
    .homeProductCont{
        gap: 55px;
    }
}
@media (max-width: 600px) {
    .homeProductCard h3{
        font-size: 16px !important;
    }
    .homeProductCont h2{
        font-size: 30px !important;
    }
    .homeProductWrapper{
        flex-direction: column;
    }
    .homeProductCard{
        width: calc(100% - 180px);
        position: relative;
        padding-left: 180px;
    }
    .homeProductCard img{
        position: absolute;
        left: 0;
        width: 160px;
    }
    .homeProductCard h3{
        max-width: 100%;
        text-align: left;
        font-size: 16px;
    }
    .homeProductCard p{
        max-width: 100%;
        text-align: left;
    }
    .homeProductCont {
        gap: 50px;
    }
    .arrowUp {
        width: 67px;
        bottom: initial;
        top: 19%;
        left: 0%;
        transform: rotate(87deg);
    }
    .arrowDown {
        width: 67px;
        right: initial;
        left: 30%;
        top: initial;
        bottom: 36%;
        transform: rotate(97deg);
    }
}

/* 16-10-2024 */
/* 21-10-2024 */
.homeproductsecsup{
	font-size:21px;
}

/* 23-10-2024 */

.btn.hollow{
	border: 1px solid var(--bg-color-main-blue) !important;
	background: var(--bg-color-main-blue) !important;
}
.btn.hollow a{
	color: #fff !important;
}
.btn.hollow:hover{
	border: 1px solid var(--bg-color-main-blue) !important;
	background: transparent !important;
}
.btn.hollow:hover a{
	color:var(--bg-color-main-blue) !important;
}

.homeBannertextDiv a{
	background: #FFCE1C;
	color:#000;
}
.homeBannertextDiv a:hover{
	background: transparent;
	color:#FFCE1C;
}
.btn.primary{
	border: solid 1px  var(--bg-color-main-blue) !important;
}
.btn.primary:hover{
	background-color: transparent !important;
	color:  var(--bg-color-main-blue);
}
.btnsection .btn:hover img {
    filter: brightness(1) invert(0);
}
.btn.primary.btnYellow {
    background-color: #ffce1c;
    border: solid 1px #ffce1c !important;
    color: #000;
}
.post-btn{
	background: 	var(--bg-color-main-blue);
	color: #fff;
}
.post-btn:hover{
	background: transparent !important;
	color: var(--bg-color-main-blue) !important;
}
.environmental-impact-form-wrapper .form .hs_submit.hs-submit .actions input{
	border: solid 1px var(--bg-color-main-blue);
	transition: all .2s;
}
.environmental-impact-form-wrapper .form .hs_submit.hs-submit .actions input:hover{
	background: transparent;
	color: var(--bg-color-main-blue);
}
.homebannerBg{
	right:0;	
}
.homneBannerSection{
	height:75vh
}
.homeaboutTextWrap p b{
	margin-bottom:20px;
	font-size:24px;
}
.cirtifricateButtonWrap a{
	border: solid 1px #FFCE1C !important;
	background: #FFCE1C;
	color: #000;
}
.cirtifricateButtonWrap a:hover{
	background: transparent;
	border: solid 1px #FFCE1C !important;
	color: #FFCE1C !important;
}


.footer-socials img{
    width: 15px;
    height: 15px;
    object-fit: contain;
}

.company-socials img{
	width: 22px;
    height: 22px;
    object-fit: contain;
}
#menu-header-mobile-menu>li{
	position:relative;
	z-index:0;
}
#menu-header-mobile-menu>li>a{
	position:relative;
	z-index:-1;
}
.viewarticle{
	text-decoration: underline !important; 
	color: blue !important;
}
.industries-inner-main li{
	padding-bottom:10px;
}

.homebannerBg{
	background-image:none;
}
.homeBannertextCont {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.homeBannertextDiv{
	height:initial;
}
.homeBannerVideo {
    width: initial;
    right: 0;
}
.homeBannerVideo:before{
	content:"";
	display:inline-block;
	width:40%;
	height:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:-1px;
background: rgb(0,105,167);
background: linear-gradient(90deg, rgba(0,105,167,1) 0%, rgba(0,105,167,0.10968137254901966) 92%, rgba(0,105,167,0) 100%);
}
@media (max-width:1680px){
	.homeBannerVideo:before{width:40%;}
}
@media (max-width:1280px){
	.homeBannerVideo:before{width:50%;}
}
@media (max-width:1080px){
	.homeBannerVideo:before{display:none;}
}


.menu-submenu5-container {
        height: 285px;
        position: relative;
    }

/* 23-10-2024 */
/* 28-10-2024 */
.hpcom-title{
	font-size: 50px !important;
    color: #0774A4;
    font-weight: 400;
/* 	text-transform: capitalize; */
	text-align:left !important;
	max-width: 805px;
    width: 100%;
	font-family: var(--font-main);
}
@media (max-width: 1366px) {
	.hpcom-title{
	    font-size: 40px !important;
        line-height: 120%;}
    }
@media (max-width: 768px) {
	.hpcom-title{
	font-size: 30px !important;
	line-height: 120%;	
}
}
@media (max-width:1080px) {.homneBannerSection {
    height: initial;
}}

/* 27-11-2024 */
.affiliations{
	justify-content: flex-start !important;
    gap: 20px !important;
}	

/* 06-12-2024 */
	
.affiliations-main{
	margin-top:100px !important;
}


@media (min-width:1540px){
    .affiliations-top .grid-narrow  {
        width: 100%;
        margin: 0 auto;
        max-width: 80% !important;
    }
}

@media (max-width:600px){
    .homeBannertextDiv a{
        font-size:14px !important;
        text-align:center !important;
        padding: 0 20px !important;
        line-height: 18px !important;
    }
}
/* 02-01-2025 */

@media (max-width: 991px) {
    .cnc-hevent-banner .cnc-hevent-banner-overlay{width: 230px;}
    .cnc-hevent-banner .cnc-hevent-banner-overlay img{width: 100%;}
}

@media (max-width: 768px) {
	.blog-top-text h2{font-size:20px !important;}

}

@media (max-width: 767px) {
    .cnc-hevent-banner .cnc-hevent-details{max-width: 320px; height: 346px; margin: 0 auto;}
    .cnc-hevent-banner .cnc-hevent-details .inner-details {max-width: 304px;}
    .cnc-hevent-banner .cnc-hevent-details .inner-details h2{font-size: 24px;}
    .cnc-hevent-banner .cnc-hevent-details .inner-details .cnc-banner-desc { font-size: 15px; margin-bottom: 20px; max-width: 250px; letter-spacing: 0;}
    .cnc-hevent-banner .cnc-hevent-details .inner-details img{width: 80%;}
    .cnc-hevent-banner .cnc-hevent-banner-overlay{width: 130px;}
    .cnc-event-section{padding:30px 0;}
    .cnc-event-section h2{font-size: 20px; margin-bottom: 10px;}
    .cnc-event-lists .cnc-event{max-width: 100%;}
    .cnc-event-lists {gap: 15px;}
    .login-hubspot-form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field { width: 100%; }    
    .login-hubspot-form .hs-custom-style fieldset { flex-wrap: wrap; }
    .login-hubspot-form .hs_newsletter ul { margin-bottom: 0; }
    .hubspot-download-list { padding: 30px 20px;  }
    .hubspot-download-list ul { margin-left: 40px; }    
    .hubspot-download-list ul li .last-download-date { font-size: 11px; }
    .hubspot-download-list .hb-video-info-btn { position: absolute; top: 30px; z-index: 1; }
    .hubspot-download-list .hb-video-info-btn p { margin-left: -4px; margin-top: 10px; }
    #hb-video-modal-inner { height: 250px; }
    .hubspot-download-list .hb-video-info-btn p::before { border-top: inherit; border-bottom: 7px solid #fff; bottom: inherit; top: -7px; }
    .blog-post-block { padding: 40px 0; }
    .blog-post-inner-top.blog-admin-user-top .breadcrumbs { padding-bottom: 20px; flex-wrap: wrap; gap: 5px 0; }
    .blog-post-inner-top.blog-admin-user-top .blog-post-wrap { padding: 20px 0; }
    .blog-post-inner-top.blog-admin-user-top .blog-post-wrap .content-box h1 { font-size: 24px; }
    .blog-post-inner-top.blog-admin-user-top .blog-post-wrap .content-box .author-details { flex-wrap: wrap; gap: 10px; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap { gap: 0; }
    .blog-post-inner-top.blog-admin-user-top .blog-post-wrap .image-box { height: 175px; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-left-side .blog-left-box { position: inherit; top: 0; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-left-side, .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-main-content, .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside { max-width: 100%; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-main-content { margin-bottom: 25px; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .learn-more-side-article .learn-more-side-article-img { height: 160px; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .learn-more-side-article { margin-bottom: 20px; }
    .blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .learn-more-side-article h5 { font-size: 16px; }
}

.blog-post-inner-main-content h3 {
	margin: 30px 0px !important;
}
.blog-post-inner-main-content h2 {
	margin: 30px 0px !important;
}
/* 15-02-2025	 */
.mega-submenu>li>a>.row{
    display: flex;
    flex-wrap: nowrap !important;
    height: inherit;
}