/* Product page */

* {
    -webkit-tap-highlight-color: transparent;
  }
.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;
}

.blog-post-inner-main-content h2 {
    margin: 30px 0px;
}

.mega-submenu>li>a>.row {
    display: flex;
    flex-wrap: nowrap !important;
    height: inherit;
}

/* Header Search Styles */
.header-wrap {
    position: relative;
}

.header-search-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    margin-right: 20px;
    position: absolute;
    right: 230px;
}

.header-search-toggle {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    transition: transform 0.3s ease;
}

.header-search-toggle:hover {
    transform: scale(1.1);
}

.header-search-field-container {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    overflow: hidden;
    background: #fff;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s;
    z-index: 100;
    display: flex;
    align-items: center;
    border-radius: 4px;
}

.header-search-wrapper.active .header-search-field-container {
    width: 200px;
    padding: 9px 10px;
    /* border: 1px solid #ddd; */
    border: none;
    box-shadow: none;
    background-color: #f7f7f7;
    border-radius: 7px;
    box-sizing: border-box;
}

.header-search-wrapper.active .header-search-toggle {
    display: none;
}

.header-search-field-container form {
    display: flex;
    width: 100%;
}

.header-search-field-container input {
    border: none;
    outline: none;
    width: 100%;
    padding: 5px;
    font-size: 14px;
    background-color: transparent;
}

.header-search-submit {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
}

.header-search-submit img {
    width: 15px;
    height: 15px;
}

/* Search Results Page Styles */
.search-results-section {
    padding: 80px 0;
    background-color: #fff;
}

.search-results-container {
    max-width: 1100px;
    margin: 0 auto;
    width: 100%;
}

.search-page-input-wrapper {
    margin-bottom: 20px;
    position: relative;
    border: 1px solid #E5E5E5;
    background: #F8F8F8;
    border-radius: 4px;
    padding: 10px 20px;
}

.search-page-input-wrapper form {
    display: flex;
    align-items: center;
}

.search-page-input-wrapper input {
    width: 100%;
    border: none;
    background: transparent;
    font-size: 18px;
    color: #454444;
    outline: none;
    padding: 10px 0;
}

.search-page-input-wrapper button {
    background: none;
    border: none;
    cursor: pointer;
}

.search-page-input-wrapper button img {
    width: 20px;
}

.search-results-count {
    margin-bottom: 40px;
    font-size: 16px;
    color: #454444;
}

.search-results-count strong {
    font-weight: 700;
}

.search-result-item {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #E5E5E5;
}

.search-result-item:last-child {
    border-bottom: none;
}

.search-result-title {
    font-size: 24px;
    color: #263880;
    margin-bottom: 15px;
    font-weight: 700;
}

.search-result-excerpt {
    font-size: 16px;
    line-height: 1.6;
    color: #454444;
    margin-bottom: 20px;
}

.search-result-link {
    font-size: 14px;
    font-weight: 700;
    color: #263880;
    text-decoration: underline;
    text-transform: uppercase;
}

.search-result-link:hover {
    color: #0066A4;
}

/* Pagination Styles */
.search-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
    gap: 15px;
}

.search-pagination .page-numbers {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    font-size: 16px;
    color: #454444;
    text-decoration: none;
    transition: all 0.3s ease;
}

.search-pagination .page-numbers.current {
    background-color: #263880;
    color: #fff;
}

.search-pagination .page-numbers:not(.current):not(.dots):hover {
    background-color: #f0f0f0;
}

.search-pagination .prev,
.search-pagination .next {
    width: auto;
    padding: 0 15px;
    font-weight: 500;
}

.search-pagination .dots {
    width: 20px;
}

@media (max-width: 991px) {
    .header-search-wrapper {
        margin-right: 15px;
    }

    /* .header-search-wrapper.active .header-search-field-container {
        width: 180px;
    } */

    .search-result-title {
        font-size: 20px;
    }
}

.products-banner {
    display: flex;
    flex-direction: column;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.products-banner .grid {
    height: auto;
}

.products-banner h1 {
    font-size: 67px;
    line-height: 1;
}

.products-banner h1 span {
    margin-top: 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;
    display: block;
    color: #fff;
    margin-left: 0;
    margin-bottom: 0;
}

.page-template-single-product-page .products-banner h1 span,
.affiliations-top.products-banner h1 span {
    font-size: 50px;
    display: block;
    margin-top: 27px;
}

.page-template-affiliations .hero .grid-narrow {
    align-items: flex-start;
    max-width: 1520px !important;
}

.product-breadcrumbs .breadcrumbs,
.product-breadcrumbs .breadcrumbs a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.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;
}

/* .page-id-11288 .cta-sec-with-desc .btn {height:60px; padding: 0 60px; font-size:22px;} */
@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: 95% !important;
    }
}

@media (max-width:1400px) {

    .page-template-single-product-page .products-banner h1,
    .affiliations-top.products-banner h1 {
        font-size: 78px;

    }

    .page-template-single-product-page .products-banner h1 span,
    .affiliations-top.products-banner h1 span {
        font-size: 52px;
        margin-top: 10px;
    }

    .products-banner .cnc-product-banner-img {
        max-width: 400px;
        max-height: 140px;
    }

}

@media (max-width:1365px) {
    .products-banner {
        height: 345px;
    }

    .products-banner h1 {
        font-size: 50px;
    }

    .products-banner h1 span {
        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) {
    .page-template-affiliations .hero .grid-narrow {
        max-width: 95% !important;
    }

    .renewing-section .renew-wrap .renew-box {
        width: 22%;
    }
}

@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 {
        margin-top: 0;
        line-height: 1;
        font-size: 40px;
    }

    .products-banner h1 span {
        font-size: 30px;
        margin-top: 15px;
    }

    .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,
    .material-integration-section h2 {
        font-size: 30px;
        line-height: 36px;
    }

    .sustainability .content-box p,
    .compatible-technologies p,
    .future-in .content-box p,
    .material-section .content-box p {
        font-size: 16px;
    }

    .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 h1 span,
    .affiliations-top.products-banner h1 span,
    .cnc-certificate-banner h1 span {
        font-size: 40px;
        line-height: normal;
    }

    .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;
    }

    .hubspot-page-banner::after {
        background-color: transparent;
    }

    .products-banner .grid {
        position: relative;
        z-index: 1;
    }

    .products-banner h1 {
        font-size: 36px;
    }

    .products-banner h1 span {
        font-size: 27px;
        margin-top: 10px;
    }

    .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 h1 span,
    .affiliations-top.products-banner h1 span {
        font-size: 27px;
    }

    .affiliactionbaneer.hero-res-stitle {
        width: 60%;
    }

    .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;
    margin-bottom: 0;
} */

.hero {
    height: 545px;
}

/* .blog-hero-banner {
    height: 545px;
} */

/*     .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: 100%;
}

/* @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: 100%;
        /*         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: 100%;
        /* 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;
} */


.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;
}

.cta-section.cta-sec-with-desc h3 {
    margin-bottom: 20px;
    line-height: 1;
}

.cta-section.cta-sec-with-desc p {
    color: #fff;
    font-size: 18px;
    line-height: 400px;
    line-height: normal;
    margin: 0 auto 15px;
    width: 80%;
}

.cta-section.cta-sec-with-desc .btn {
    height: 60px;
    padding: 0 60px;
    font-size: 22px;
}

.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: 10px;
    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: 60px;
    font-weight: bold;
    border: 1px solid transparent;
    box-sizing: border-box;
}

.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: 545px;
}

.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;
}

/* .header ul li.ubq-current-menu-parent a,
.header ul li.current-menu-item a {
    color: var(--bg-color-main-blue);
} */

#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 {
    height: auto !important;
    padding: 0;
}

.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-header-right-nav-container .header-right-nav .btn.hollow a {
    white-space: nowrap;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 50px;
}

.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-header-right-nav-container .header-right-nav .btn.hollow a {
    white-space: nowrap;
}

.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;
}

.header #menu-header-nav>li:last-child .sub-menu>li {
    padding: 0;
}

.header #menu-header-nav>li:last-child .sub-menu>li>a {
    padding: 21px 40px;
}

/*--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-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: -20px;
    width: 100%;
    height: 30px;
}

.mega-submenu>li>a>.row {
    align-items: center;
    font-size: 14px;
    opacity: 1;
    font-weight: 500;
    /* padding-block-start: 15px; */
    /* text-transform: uppercase; */
    flex-wrap: nowrap;
}

.mega-submenu>li>a>.row>img {
    margin-inline-end: 10px;
    display: none !important;
}

.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;
    display: none;
}

.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,
.blog-post-text h3 {
    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,
.blog-post-text h3+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,
.blog-post-text h3+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: 380px;
    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: 16px;
    line-height: 22px;
}

.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;*/
    padding-top: 30px;
}

.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;
    line-height: 1;
}

.collaborate-main .hero-medium-main-wrapper h6 {
    margin-bottom: 0;
}

.hero-medium-main-wrapper .hbspt-form form fieldset ul.no-list.hs-error-msgs.inputs-list {
    text-align: left;
}

.hero-medium-main-wrapper .hbspt-form form fieldset:first-child ul.no-list.hs-error-msgs.inputs-list {
    text-align: left;
    max-width: 100%;
    margin: 0 auto;
}

.hero-medium-main-wrapper .hbspt-form form fieldset .input>select,
.hero-medium-main-wrapper .hbspt-form form fieldset .input input {
    margin-bottom: 5px;
}

.hero-medium-main-wrapper .hbspt-form form fieldset .input input::placeholder,
.hero-medium-main-wrapper .hbspt-form form fieldset .input select.is-placeholder {
    color: #757575;
    font-size: 16px;
}

.hero-medium-main-wrapper .hbspt-form form fieldset .input select {
    font-size: 16px;
    font-family: var(--font-main);
}

.hero-medium-main-wrapper .hbspt-form form fieldset .input select option {
    color: #020e1f;
}

.hero-medium-main-wrapper .hbspt-form form fieldset:first-child {
    margin-bottom: 40px;
    justify-content: center;
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.hero-medium-main-wrapper .hbspt-form form fieldset:first-child .hs_i_m_interested_to_learn_more_about_ {
    width: 100%;
}

.hero-medium-main-wrapper .hbspt-form form fieldset:first-child select {
    margin-left: 0;
    margin-right: 0;
}

.hero-medium-main-wrapper .hbspt-form form fieldset label {
    display: flex;
    align-items: flex-start;
    gap: 5px;
}

.hero-medium-main-wrapper .hbspt-form form fieldset .input span {
    font-size: 16px;
    text-align: left;
    line-height: 1.25;
}

.hero-medium-main-wrapper .hs_submit.hs-submit input[type="submit"] {
    margin: auto;
    display: flex;
    justify-content: center;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 700;
    font-family: var(--font-second);
    letter-spacing: 0;
    max-width: 225px;
    height: 50px;
    border: 1px solid var(--bg-color-main-blue);
    transition: all 0.4s ease-in-out;
}

.hero-medium-main-wrapper .hs_submit.hs-submit input[type="submit"]:hover,
.hero-medium-main-wrapper .hs_submit.hs-submit input[type="submit"]:focus {
    background-color: #fff;
    color: var(--bg-color-main-blue);
}

.hero-medium-main-wrapper .hbspt-form form fieldset .hs_msg {
    width: 100%;
}

.hero-medium-main-wrapper .hbspt-form form fieldset .hs-richtext {
    margin: 0 auto 40px;
}

.hbspt-form form select {
    padding: 0;
}

.collaborate-main .hs-error-msgs label {
    color: #d00000;
}

.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: 40px;
}

.hero-medium-main-wrapper p {
    max-width: 50%;
    text-align: center;
    margin: auto;
    margin-bottom: 40px;
}


/*--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: 100%;
}

.hero-medium-main-wrapper .hbspt-form form fieldset {
    max-width: 100%;
    display: flex;
    gap: 50px;
}

.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);
    background: #fff;
}

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: 100%;
    width: 100%;
    outline: none;
}

.hero-medium-main-form form fieldset {
    max-width: 100%;
}

.hbspt-form .hs_email input[type="email"] {
    width: 100%;
    max-width: 100%;
    /* max-width: 340px; */
}

.hero-medium-main-form textarea,
.hbspt-form form textarea {
    resize: none;
    width: 100%;
    padding-top: 20px;
    height: 150px;
    font-size: 16px;
    color: #020E1F;
    display: flex;
    max-width: 100%;
    margin-bottom: 5px;
}

.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 list */
.ubq-blog-redesign-wrap {
    padding: 50px 0;
}

.ubq-blog-redesign-wrap .breadcrumbs {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
}

.ubq-blog-redesign-wrap .breadcrumbs {
    padding-bottom: 30px;
}

.ubq-blog-redesign-wrap .breadcrumbs li {
    position: relative;
    font-size: 18px;
    line-height: 1.67;
    color: #000;
}

.ubq-blog-redesign-wrap .breadcrumbs li:last-child:after {
    display: none;
}

.ubq-blog-redesign-wrap .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;
}

.ubq-blog-redesign-wrap .breadcrumbs li a {
    color: #0066A4;
    font-weight: 700;
}

.ubq-blog-redesign-wrap .breadcrumbs li a:after {
    display: none;
}

.ubq-blog-redesign-wrap .breadcrumbs li a.home-icon {
    width: 19px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.ubq-blog-redesign-wrap .breadcrumbs li a:hover,
.ubq-blog-redesign-wrap .breadcrumbs li a:focus {
    text-decoration: underline;
}

.ubq-blog-redesign-wrap .title-box {
    margin-bottom: 50px;
}

.ubq-blog-redesign-wrap .title-box h1 {
    font-size: 50px;
    line-height: normal;
    margin: 0 0 10px;
    max-width: 100%;
    color: var(--bg-color-main-blue);
}

.ubq-blog-redesign-wrap .title-box .sub-title {
    color: #000;
    font-weight: 500;
    font-size: 24px;
}

.ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-box {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid var(--bg-color-main-blue);
}

.ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 50px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    gap: 30px;
}

.ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .image-box {
    max-width: calc(50% - 15px);
    width: 100%;
    height: 390px;
    border-radius: 10px;
    overflow: hidden;
    border-radius: 10px;
    box-sizing: border-box;
}

.ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box {
    max-width: calc(50% - 15px);
    box-sizing: border-box;
}

.ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box .blog-top-text {
    max-width: 100%;
    margin-left: 0;
    margin-bottom: 30px;
    max-height: inherit;
    display: block;
}

.ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box .blog-top-text h2,
.ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box .blog-top-text h2 a {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--bg-color-main-blue);
}

.ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box .blog-top-text p {
    font-size: 18px;
    line-height: 1.61;
    color: #000;
    margin-bottom: 10px;
}

.ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box .author-details {
    display: flex;
    gap: 60px;
}

.ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box .author-details .author-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box .author-details .author-box p {
    font-size: 16px;
    font-weight: 500;
    color: #7b7b7b;
    padding-right: 0;
}

.ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box .author-details .author-box a,
.ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box .author-details .author-box .blog-date {
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
    color: #0066A4;
    display: block;
}

.ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box .author-details .author-box .icon-box {
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    flex: 0 0 auto;
    background-color: #f7f7f7;
    border: 1px solid #0066A4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box .author-details .author-box .icon-box .icon {
    height: 18px;
}

.ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box .author-details .author-box .icon-box .icon.ubq {
    height: 16px;
    width: 27px;
}

.ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box .author-details .author-box .icon-box .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.ubq-blog-redesign-wrap .blog-main {
    margin-top: 0;
}

.ubq-blog-redesign-wrap .blog-main .blog-list-wrap {
    gap: 30px;
}

.ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post {
    max-width: calc(33.33% - 20px);
    display: flex;
}

.ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #E4E4E4;
    background: #FFF;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease-in-out;
}

.ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post:hover,
.ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post:focus {
    background-color: #f5f5f5;
}

.ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .blog-post-img a {
    height: 230px;
    max-width: 100%;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .blog-post-img a img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    vertical-align: middle;
}

.ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .blog-post-text {
    background: transparent;
    padding: 0;
    min-height: inherit;
}

.ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .blog-post-text>a {
    display: block;
}

.ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .blog-post-text h5,
.ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .blog-post-text h5 a {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 600;
    color: var(--bg-color-main-blue);
    margin: 0 0 10px;
    min-height: inherit;
    max-height: inherit;
}

.ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .blog-post-text p {
    font-size: 14px;
    line-height: 1.57;
    font-weight: 400;
    color: #000;
    margin: 0;
}

.ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .author-details .author-box {
    display: flex;
    align-items: center;
    gap: 5px;
}

.ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .author-details {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 20px;
}

.ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .author-details .author-box p {
    font-size: 12px;
    font-weight: 500;
    color: #7b7b7b;
    padding-right: 0;
}

.ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .author-details .author-box a,
.ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .author-details .author-box .blog-date {
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
    color: #0066A4;
    display: block;
}

.ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .author-details .author-box .icon-box {
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    flex: 0 0 auto;
    background-color: #f7f7f7;
    border: 1px solid #0066A4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.ubq-blog-redesign-wrap .blog-main .resources-pagination {
    padding: 50px 0;
    justify-content: space-between;
}

.ubq-blog-redesign-wrap .blog-main .resources-pagination .pagination-numbers {
    display: flex;
}

.ubq-blog-redesign-wrap .blog-main .resources-pagination .page-numbers:not(.prev.page-numbers):not(.next.page-numbers) {
    margin-right: 22px;
    background: transparent;
    width: auto;
    height: auto;
    padding: 5px 12px;
    line-height: normal;
    border-radius: 5px;
    border: 1px solid #e4e4e4;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    min-width: 34px;
    height: 32px;
    padding: 5px;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
}

.ubq-blog-redesign-wrap .blog-main .resources-pagination .page-numbers:not(.prev.page-numbers):not(.next.page-numbers):hover,
.ubq-blog-redesign-wrap .blog-main .resources-pagination .page-numbers:not(.prev.page-numbers):not(.next.page-numbers):focus {
    background-color: var(--bg-color-main-blue);
    border-color: var(--bg-color-main-blue);
    color: #fff;
}

.ubq-blog-redesign-wrap .blog-main .resources-pagination .page-numbers.current {
    background-color: var(--bg-color-main-blue) !important;
    color: #fff !important;
    border-color: var(--bg-color-main-blue);
}

.ubq-blog-redesign-wrap .blog-main .resources-pagination .pagination-next,
.ubq-blog-redesign-wrap .blog-main .resources-pagination .pagination-prev {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.ubq-blog-redesign-wrap .blog-main .resources-pagination .pagination-prev>img {
    transform: rotate(-180deg);
}

.ubq-blog-redesign-wrap .blog-main .resources-pagination .pagination-prev.disabled,
.ubq-blog-redesign-wrap .blog-main .resources-pagination .pagination-next.disabled {
    opacity: 0.6;
    pointer-events: none;
}

.ubq-blog-redesign-wrap .blog-main .resources-pagination .next.page-numbers:before,
.ubq-blog-redesign-wrap .blog-main .resources-pagination .prev.page-numbers:before {
    display: none;
}


.ubq-blog-cat-mdesign .blog-top-list-box .blog-top-post-wrap {
    box-shadow: none;
    gap: 0;
}

.ubq-blog-cat-mdesign .blog-top-list-box .blog-top-post-wrap {
    padding: 30px 0;
    margin-left: -15px;
    padding-left: 15px;
}

.ubq-blog-cat-mdesign .blog-top-list-box .blog-top-post-wrap .image-box {
    order: 2;
    max-width: 58.33333333%;
    height: 528px;
    margin-left: -125px;
}

.ubq-blog-cat-mdesign .blog-top-list-box .blog-top-post-wrap .content-box {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    border: 1px solid #E4E4E4;
    background: #FFF;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
    padding: 30px;
    max-width: 750px;
    width: 100%;
}

.ubq-blog-cat-mdesign .blog-top-list-box .blog-top-post-wrap .content-box .blog-top-text {
    order: 2;
    margin-top: 30px;
    margin-bottom: 0;
    width: calc(100% - 125px);
}

.ubq-blog-cat-mdesign .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .blog-post-text {
    order: 2;
}

.ubq-blog-cat-mdesign .blog-top-list-box .blog-top-post-wrap .content-box .blog-top-text p {
    margin-bottom: 0;
}

.ubq-blog-cat-mdesign .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .author-details {
    margin-top: 0;
    margin-bottom: 20px;
}


/*--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;
    height: 32px;
}

.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);
    justify-content: flex-start;
}

.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;
}

.blog-post-inner-main .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;
    position: relative;
}

.ubq-blog-redesign-wrap .blog-sform-admin-wrapper {
    max-width: calc(33.33% - 20px);
    display: flex;
    align-items: flex-start;
}

.ubq-blog-redesign-wrap .blog-subscribe-form.blog-post {
    margin-bottom: 0;
    border-radius: 5px;
    border: 1px solid rgba(0, 102, 164, 0.20);
    background: #F7F7F7;
    padding: 30px;
    position: relative;
    box-sizing: border-box;
    max-width: 100%;
}

.ubq-blog-redesign-wrap .blog-subscribe-form.blog-post h4 {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.27;
    margin-bottom: 7px;
}

.ubq-blog-redesign-wrap .blog-subscribe-form.blog-post p {
    font-size: 18px;
    line-height: 1.38;
    margin-bottom: 15px;
}

.ubq-blog-redesign-wrap .blog-subscribe-form.blog-post form {
    margin-bottom: 0;
}

.ubq-blog-redesign-wrap .blog-subscribe-form.blog-post .hbspt-form .hs_email .input {
    width: calc(100% + 45px);
    position: relative;
}

.ubq-blog-redesign-wrap .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%);
}

.ubq-blog-redesign-wrap .blog-subscribe-form.blog-post .hbspt-form .hs_email input[type="email"] {
    margin-bottom: 0;
    height: 56px;
    border-bottom: none;
    border: 1px solid #0066A4;
    border-radius: 35px;
    padding: 10px 50px 10px 40px;
}

.ubq-blog-redesign-wrap .blog-subscribe-form.blog-post .hs_submit.hs-submit {
    margin-left: 0;
}

.ubq-blog-redesign-wrap .blog-subscribe-form.blog-post .blog-subscribe-form form input[type="submit"] {
    min-width: 133px;
    height: 56px;
    border-radius: 35px;
    font-size: 14px;
    line-height: 1.78;
    padding: 10px 14px;
}

.ubq-blog-redesign-wrap .blog-subscribe-form.blog-post .blog-subscribe-form .hs-error-msgs label,
.ubq-blog-redesign-wrap .blog-subscribe-form.blog-post .blog-subscribe-form .hs-error-msgs {
    color: #d00000;
    font-size: 13px;
    position: absolute;
    bottom: 20px;
}

.ubq-blog-redesign-wrap .blog-subscribe-form form input[type="submit"] {
    height: 56px;
    min-width: 130px;
    border-radius: 30px;
}

.ubq-blog-redesign-wrap .blog-subscribe-form form .hs-error-msgs label {
    color: #d00000;
    width: calc(100% + 130px);
    display: inline-block;
}


/*-- new blog inner---*/
.blog-post-block {
    padding: 100px 0;
}

.blog-post-inner-top .breadcrumbs {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
}

.blog-post-inner-top .breadcrumbs {
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(0, 105, 167, 0.4);
}

.blog-post-inner-top .breadcrumbs li {
    position: relative;
    font-size: 18px;
    line-height: 1.67;
    color: #000;
}

.blog-post-inner-top .breadcrumbs li:last-child:after {
    display: none;
}

.blog-post-inner-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 .breadcrumbs li a {
    color: #0066A4;
    font-weight: 700;
}

.blog-post-inner-top .breadcrumbs li a:after {
    display: none;
}

.blog-post-inner-top .breadcrumbs li a.home-icon {
    width: 19px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.blog-post-inner-top .breadcrumbs li a:hover,
.blog-post-inner-top .breadcrumbs li a:focus {
    text-decoration: underline;
}

.blog-post-inner-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-post-wrap .content-box {
    max-width: 50%;
    width: 100%;
}

.blog-post-inner-top .blog-post-wrap .content-box h1 {
    font-size: 36px;
    font-weight: 700;
    color: #0066A4;
}

.blog-post-inner-top .blog-post-wrap .content-box .author-details .author-box {
    display: flex;
    align-items: center;
    gap: 5px;
}

.blog-post-inner-top .blog-post-wrap .content-box .author-details {
    display: flex;
    gap: 60px;
    margin-bottom: 20px;
}

.blog-post-inner-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-post-wrap .content-box .author-details .author-box a,
.blog-post-inner-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-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-post-wrap .content-box .author-details .author-box .icon-box .icon {
    height: 12px;
}

.blog-post-inner-top .blog-post-wrap .content-box .author-details .author-box .icon-box .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.blog-post-inner-top .blog-post-wrap .content-box p {
    font-size: 18px;
    line-height: 1.67;
    padding-right: 50px;
    color: #000;
}

.blog-post-inner-top .blog-post-wrap .image-box {
    max-width: 50%;
    width: 100%;
    height: 322px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.blog-post-inner-top .blog-post-wrap .image-box .blog-post-inner-top-img {
    margin: 0;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.blog-post-inner-top .blog-post-wrap .content-box .ubq-atlasvoice-listen {
    margin-top: 25px;
}

.blog-post-inner-top .blog-post-wrap .content-box .ubq-atlasvoice-listen .plyr__control[data-plyr="mute"],
.blog-post-inner-top .blog-post-wrap .content-box .ubq-atlasvoice-listen .plyr--full-ui input[type=range][data-plyr="volume"],
.blog-post-inner-top .blog-post-wrap .content-box .ubq-atlasvoice-listen .plyr__control[data-plyr="download"],
.blog-post-inner-top .blog-post-wrap .content-box .ubq-atlasvoice-listen .plyr__control[data-plyr="settings"],
.blog-post-inner-top .blog-post-wrap .content-box .ubq-atlasvoice-listen .plyr__controls__item.plyr__volume {
    display: none;
}

.blog-post-inner-top .blog-post-wrap .content-box .ubq-atlasvoice-listen .plyr--audio .plyr__control.plyr__tab-focus,
.blog-post-inner-top .blog-post-wrap .content-box .ubq-atlasvoice-listen .plyr--audio .plyr__control,
.blog-post-inner-top .blog-post-wrap .content-box .ubq-atlasvoice-listen .plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true],
.blog-post-inner-top .blog-post-wrap .content-box .ubq-atlasvoice-listen .plyr--audio .plyr__controls,
.blog-post-inner-top .blog-post-wrap .content-box .ubq-atlasvoice-listen .plyr--full-ui input[type=range] {
    color: #0066A4;
}

.blog-post-inner-top .blog-post-wrap .content-box .ubq-atlasvoice-listen .plyr--audio .plyr__controls {
    width: max-content;
    border: 1px solid #0066A4;
    border-radius: 5px;
    padding: 5px;
}

.blog-post-inner-top .blog-post-wrap .content-box .ubq-atlasvoice-listen .plyr--audio .plyr__control,
.blog-post-inner-top .blog-post-wrap .content-box .ubq-atlasvoice-listen .plyr--audio .plyr__control:hover,
.blog-post-inner-top .blog-post-wrap .content-box .ubq-atlasvoice-listen .plyr--audio .plyr__control:focus {
    background: #0066a4;
    color: #fff;
}

.blog-post-inner-top .blog-post-wrap .content-box .ubq-atlasvoice-listen .plyr--audio {
    z-index: 9;
}

/* .blog-post-inner-main { padding: 50px 0 0; } */
.blog-post-inner-main.blog-admin-user-wrap {
    padding-top: 50px;
    padding-bottom: 0;
}

.blog-post-inner-main .blog-post-inner-wrap {
    display: flex;
    gap: 30px;
}

.blog-post-inner-main .blog-post-inner-wrap .blog-post-left-side {
    max-width: calc(25% - 20px);
    width: 100%;
}

.blog-post-inner-main .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-post-inner-wrap .blog-post-inner-main-content h2 {
    font-size: 36px;
    font-weight: 700;
}

.blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-main-content :is(h1, h2, h3, h4, h5, h6) {
    font-weight: 700;
    color: #0066A4;
    margin: 30px 0 15px;
}

.blog-post-inner-main .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-post-inner-wrap .blog-post-inner-main-content :is(p):not(:last-child) {
    margin-bottom: 10px;
}

.blog-post-inner-main.blog-admin-user-wrap .blog-post-inner-wrap .blog-post-inner-main-content ul li ul {
    list-style-type: disc;
}

.blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-main-content img {
    margin: 30px 0;
    border-radius: 10px;
}

.blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-main-content .cnc-blog-taway-text {
    margin-bottom: 10px;
}

.blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-main-content .cnc-blog-taway-text h2,
.blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-main-content .cnc-blog-taway-text h3 {
    font-size: 24px;
    line-height: 1.25;
    margin: 0 0 24px;
}

.blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-main-content .cnc-blog-taway-text ul {
    padding: 0;
    margin: 0;
}

.blog-post-inner-main .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-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-post-inner-wrap .blog-post-inner-main-content a {
    color: #000000;
    text-decoration: underline;
}

.blog-post-inner-main .blog-post-inner-wrap .blog-post-left-side .blog-left-box {
    position: sticky;
    top: 130px;
}

.blog-post-inner-main .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-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-post-inner-wrap .blog-post-left-side .table-of-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.blog-post-inner-main .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-post-inner-wrap .blog-post-left-side .table-of-content ul li:last-child {
    border-bottom: none;
}

.blog-post-inner-main .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-post-inner-wrap .blog-post-left-side .table-of-content ul li.active a {
    color: #0066A4;
    font-weight: 700;
}

.blog-post-inner-main .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-post-inner-wrap .blog-post-inner-aside {
    max-width: calc(25% - 20px);
    width: 100%;
}

.blog-post-inner-main .blog-post-inner-wrap .blog-post-left-side .blog-subscribe-form.blog-post {
    max-width: 100%;
}

.blog-post-inner-main .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;
    position: relative;
}

.blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-form-wrapper .blog-subscribe-form.blog-post {
    margin-bottom: 0;
}

.blog-post-inner-main .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-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-post-inner-wrap .blog-post-inner-form-wrapper .blog-subscribe-form.blog-post form {
    margin-bottom: 0;
}

.blog-post-inner-main .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-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-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-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-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-post-inner-wrap .blog-post-inner-form-wrapper .blog-subscribe-form .hs-error-msgs label {
    color: #d00000;
    font-size: 13px;
    position: absolute;
    bottom: 20px;
}

.blog-post-inner-main .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-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-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;
    box-sizing: border-box;
}

.blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-aside .social-box a:last-child {
    margin-right: 0;
}

.blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-aside .social-box .blog-post-socials {
    margin-bottom: 0;
}

.blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-aside .social-box a:hover,
.blog-post-inner-top .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-post-inner-wrap .blog-post-inner-aside .social-box a i {
    color: #0066A4;
    font-size: 20px;
}

.blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-aside .social-box a:hover i,
.blog-post-inner-top .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-aside .social-box a:focus i {
    color: #fff;
}

.blog-post-inner-main .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-post-inner-wrap .blog-post-inner-aside .article-wrap .title-box {
    background-color: #0066A4;
    padding: 15px 30px;
}

.blog-post-inner-main .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-post-inner-wrap .blog-post-inner-aside .article-wrap .learn-more-side-articles {
    padding: 30px;
}

.blog-post-inner-main .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-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-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-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-post-inner-wrap .blog-post-inner-aside .blog-right-box {
    position: sticky;
    top: 120px;
}

.blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-aside .blog-right-box .blog-post-inner-form-wrapper.blog-sform-for-res {
    display: none;
}

.blog-post-inner-main .blog-post-inner-next-text {
    width: calc(100% - 335px);
}

.blog-post-inner-main .blog-post-inner-next-text .title-box {
    flex-wrap: nowrap;
}

.blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-main-content .cnc-post-main-content table.table-responsive {
    display: block;
    overflow-x: auto;
    width: 100%;
}


/*--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%;
}

/* Renewing */
.renewing-section {
    padding: 100px 0;
}

.renewing-section .title-box {
    margin-bottom: 20px;
}

.renewing-section .title-box h2 {
    font-size: 50px;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 10px;
    color: var(--bg-color-main-blue);
}

.renewing-section .title-box p {
    font-size: 26px;
    line-height: 1.46;
    font-weight: 400;
    color: #454444;
}

.renewing-section .title-box p strong {
    font-weight: 700;
}

.renewing-section .title-box p:not(:last-child) {
    margin-bottom: 20px;
}

.renewing-section .renew-wrap {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 30px;
}

.renewing-section .renew-wrap:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 80px;
    transform: translateX(-50%);
    width: calc(100% - 250px);
    background-image: linear-gradient(to right, var(--bg-color-main-blue) 50%, transparent 50%);
    background-repeat: repeat-x;
    background-size: 24px 3px;
    background-position: 0 100%;
    padding-bottom: 3px;
}

.renewing-section .renew-wrap .renew-box {
    width: 20%;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.renewing-section .renew-wrap .renew-box .icon {
    margin: 0 auto 10px;
}

.renewing-section .renew-wrap .renew-box .text {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.46;
    color: #454444;
    letter-spacing: 0.52px;
    text-align: center;
}

.renewing-section .renew-wrap .renew-box .btn {
    margin-top: 30px;
}

/* Patnership Purpose */
.partnership-purpose {
    background-color: var(--bg-color-main-blue);
    padding: 100px 0;
}

.partnership-purpose .row {
    gap: 30px;
}

.partnership-purpose .content-box {
    width: calc(58.33333333% - 15px);
    box-sizing: border-box;
}

.partnership-purpose .content-box .title-box {
    color: #fff;
    margin-bottom: 40px;
}

.partnership-purpose .content-box .title-box h2 {
    font-size: 50px;
    line-height: normal;
    margin-bottom: 10px;
}

.partnership-purpose .content-box .title-box p {
    font-size: 26px;
    line-height: 1.46;
    margin-bottom: 40px;
}

.partnership-purpose .content-box p {
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    color: #fff;
}

.partnership-purpose .image-box {
    width: calc(41.66666667% - 15px);
    box-sizing: border-box;
}

.partnership-purpose .image-box .inner-content {
    max-width: 450px;
    margin-left: auto;
}

.partnership-purpose .image-box .inner-content .image {
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 40px;
}

.partnership-purpose .image-box .inner-content .image img {
    vertical-align: middle;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.partnership-purpose .image-box .inner-content p {
    font-size: 16px;
    line-height: normal;
    color: #fff;
}

.partnership-purpose .image-box .inner-content p strong {
    font-weight: 700;
}

/* Quote Slider */
.quote-slider {
    background-color: var(--bg-color-main-blue);
    padding: 100px 0;
    position: relative;
}

.quote-slider .grid {
    position: initial;
}

.quote-slider .quote-box {
    position: initial;
}

.quote-slider .quote-box .wrap-slider {
    display: flex;
    align-items: center;
    gap: 30px;
}

.quote-slider .quote-box .wrap-slider .slider-content {
    width: calc(58.33333333% - 15px);
    box-sizing: border-box;
    color: #fff;
}

.quote-slider .quote-box .wrap-slider .slider-content .quote {
    font-size: 30px;
    line-height: 1.33;
    margin-bottom: 20px;
}

.quote-slider .quote-box .wrap-slider .slider-content .text-box .name {
    font-size: 30px;
    line-height: 1.33;
    font-weight: 700;
}

.quote-slider .quote-box .wrap-slider .slider-content .text-box .designation,
.quote-slider .quote-box .wrap-slider .slider-content .text-box .state {
    font-size: 30px;
    line-height: 1.33;
    font-weight: 400;
}

.quote-slider .quote-box .wrap-slider .slider-image {
    width: calc(41.66666667% - 15px);
    box-sizing: border-box;
}

.quote-slider .quote-box .wrap-slider .slider-image .inner-image {
    max-width: 420px;
    margin-left: auto;
}

.quote-slider .quote-box .wrap-slider .slider-image .inner-image .image {
    width: 420px;
    height: 420px;
    border-radius: 50%;
    overflow: hidden;
}

.quote-slider .quote-box .wrap-slider .slider-image .inner-image .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.quote-slider .quote-box .slick-prev,
.quote-slider .quote-box .slick-next {
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    right: inherit;
    bottom: 0;
    box-shadow: none;
}

.quote-slider .quote-box .slick-next {
    right: 30px;
    bottom: 0;
    left: inherit;
    box-shadow: none;
}

.quote-slider .quote-box .slick-prev:before,
.quote-slider .quote-box .slick-next:before {
    content: "";
    width: 50px;
    height: 50px;
    background-color: transparent;
    background-image: url(/wp-content/themes/ubq/images/slide-arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
}

.quote-slider .quote-box .slick-dots {
    left: 50%;
    transform: translateX(-50%);
    bottom: 100px;
}

.quote-slider .quote-box .slick-dots li button {
    border-radius: 50%;
    background-color: #fff;
    border: 3px solid #fff;
}

.quote-slider .quote-box .slick-dots li button:before {
    font-size: 0;
}

.quote-slider .quote-box .slick-dots li.slick-active button {
    background-color: transparent;
}

.tcart-page-form form {
    display: flex;
    align-items: center;
}

.tcart-page-form form .no-list.hs-error-msgs {
    position: absolute;
    top: 100%;
    color: #fff;
    margin-bottom: 0;
}

.tcart-page-form form .hs_email input::placeholder {
    color: #fff;
}

.tcart-page-form form .hs_email input[type="email"] {
    background-color: transparent;
    border-bottom: 1px solid #fff;
    height: 52px;
    margin-bottom: 0;
    color: #fff;
}

.tcart-page-form form .hs_submit input[type="submit"] {
    background-color: #fff;
    color: var(--bg-color-main-blue);
    height: 52px;
    margin-top: 0;
}

/* Certification */
.certified-section {
    padding: 100px 0;
}

.certified-section .certified-wrap {
    display: flex;
    gap: 30px;
}

.certified-section .certified-wrap .icon-box {
    width: 116px;
    height: 116px;
    flex: 0 0 auto;
}

.certified-section .certified-wrap .icon-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.certified-section .certified-wrap .content-box h2 {
    font-size: 50px;
    line-height: normal;
    color: var(--bg-color-main-blue);
    margin-bottom: 10px;
}

.certified-section .certified-wrap .content-box p {
    color: #454444;
    font-size: 26px;
    line-height: 1.46;
    width: 90%;
}

.certified-section .certified-wrap .content-box p strong {
    font-weight: 700;
    color: var(--bg-color-main-blue);
}

.upholding-standards {
    padding: 100px 0;
    background-color: #f7f7f7;
}

.upholding-standards .title-box {
    margin-bottom: 40px;
}

.upholding-standards .title-box h2 {
    font-size: 50px;
    line-height: normal;
    color: var(--bg-color-main-blue);
    margin-bottom: 10px;
}

.upholding-standards .title-box p {
    color: #454444;
    font-size: 26px;
    line-height: 1.46;
}

.upholding-standards .image-wrap {
    display: flex;
    gap: 20px;
}

.upholding-standards .image-wrap .image-box {
    max-width: 50%;
    width: 100%;
    position: relative;
}

.upholding-standards .image-wrap .image-box .image {
    max-width: 750px;
    width: 100%;
    margin-top: 20px;
}

.upholding-standards .image-wrap .image-box .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.upholding-standards .image-wrap .image-box p {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33;
    color: var(--bg-color-main-blue);
    width: 90%;
}

.cnc-fox-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.certification,
.cnc-certificate-wrap {
    padding: 100px 0;
}

.cnc-certificate-wrap .certification {
    padding: 0;
}

.cnc-certificate-wrap .divider {
    border-bottom: 1px solid #e4e4e4;
    margin: 50px auto;
}

.certification h2 {
    font-size: 50px;
    line-height: normal;
    color: var(--bg-color-main-blue);
    margin-bottom: 40px;
}

.certification .certification-wrap,
.certification .cnc-certification-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 70px;
}

.certification .certification-wrap .certification-box,
.certification .cnc-certification-wrap .cnc-certification-box {
    max-width: calc(25% - 53px);
    width: 100%;
    text-align: center;
}

.certification .certification-wrap .certification-box .image-box,
.certification .cnc-certification-wrap .cnc-certification-box .image-box {
    width: 278px;
    height: 278px;
    padding: 25px;
    border: 3px solid #ededed;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
}

.certification .certification-wrap .certification-box .image-box:hover,
.certification .certification-wrap .certification-box .image-box:focus,
.certification .certification-wrap .certification-box.active .image-box,
.certification .cnc-certification-wrap .cnc-certification-box .image-box:hover,
.certification .cnc-certification-wrap .cnc-certification-box .image-box:focus,
.certification .cnc-certification-wrap .cnc-certification-box.active .image-box {
    background: rgba(69, 68, 68, 0.10);
    cursor: pointer;
}

.certification .certification-wrap .certification-box .image-box .image,
.certification .cnc-certification-wrap .cnc-certification-box .image-box .image {
    width: 100%;
    height: 100%;
}

.certification .certification-wrap .certification-box .image-box img,
.certification .cnc-certification-wrap .cnc-certification-box .image-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.certification .certification-wrap .certification-box .certificate-name,
.certification .cnc-certification-wrap .cnc-certification-box .certificate-name {
    font-size: 20px;
    font-weight: 700;
    color: #454444;
}

.certification .certificate-texts-wrapper .certificate-text,
.certification .cnc-certificate-text-row .cnc-certificate-text {
    /*display: none;*/
    color: #454444;
    font-size: 26px;
    line-height: 1.46;
    padding: 0 50px;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out;
    box-sizing: border-box;
}

.certification .certificate-texts-wrapper .certificate-text.active,
.certification .cnc-certificate-text-row.active .cnc-certificate-text {
    /*display: block;*/
    max-height: 2000px;
}

.certification-full-content {
    background-color: var(--bg-color-main-blue);
}

.certification-full-content .certification-full-content-wrap {
    display: flex;
}

.certification-full-content .certification-full-content-wrap .image-box {
    max-width: 794px;
    width: 100%;
}

.certification-full-content .certification-full-content-wrap .image-box .image {
    height: 485px;
}

.certification-full-content .certification-full-content-wrap .image-box .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.certification-full-content .certification-full-content-wrap .content-box {
    max-width: 1116px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 100px;
    box-sizing: border-box;
}

.certification-full-content .certification-full-content-wrap .content-box h2 {
    font-size: 50px;
    line-height: normal;
    color: var(--bg-color-main-blue);
    margin-bottom: 10px;
    color: #fff;
}

.certification-full-content .certification-full-content-wrap .content-box p {
    color: #fff;
    font-size: 26px;
    line-height: 1.46;
    width: 87%;
}

.certifications-compliances {
    padding: 100px 0;
}

/* .certifications-compliances .wrap-box { display: flex; gap: 50px; } */
.certifications-compliances .wrap-box .certifications-block {
    max-width: 100%;
    width: 100%;
}

.certifications-compliances .wrap-box .divider {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 50px;
}

.certifications-compliances .wrap-box h2 {
    font-size: 50px;
    line-height: normal;
    color: var(--bg-color-main-blue);
    margin-bottom: 40px;
}

/* .certifications-compliances .wrap-box .certifications-block .block-wrap { display: flex; flex-wrap: wrap; gap: 0 50px; } */
.certifications-compliances .wrap-box .certifications-block .block-wrap .certification-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 70px;
}

.certifications-compliances .wrap-box .certifications-block .block-wrap .certification-box {
    max-width: calc(25% - 53px);
    width: 100%;
    text-align: center;
}

/* .certifications-compliances .wrap-box .certifications-block .certificate-texts-wrapper { padding: 25px 0; } */
.certifications-compliances .wrap-box .certifications-block .certificate-text {
    /*display: none;*/
    padding: 0 50px;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.certifications-compliances .wrap-box .certifications-block .certificate-text p {
    color: #454444;
    font-size: 26px;
    line-height: 1.46;
}

.certifications-compliances .wrap-box .certifications-block .certificate-text.active {
    /*display: block;*/
    max-height: 100%;
}

.certifications-compliances .wrap-box .certifications-block .certificate-text p:last-child {
    margin-bottom: 30px;
}

.certifications-compliances .wrap-box .certifications-block .block-wrap .certification-box .image-box {
    width: 278px;
    height: 278px;
    padding: 25px;
    border: 3px solid #ededed;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
    cursor: pointer;
}

.certifications-compliances .wrap-box .certifications-block .block-wrap .certification-box .image-box:hover,
.certifications-compliances .wrap-box .certifications-block .block-wrap .certification-box .image-box:focus,
.certifications-compliances .wrap-box .certifications-block .block-wrap .certification-box.active .image-box {
    background: rgba(69, 68, 68, 0.10);
}

.certifications-compliances .wrap-box .certifications-block .block-wrap .certification-box .image-box .image {
    width: 100%;
    height: 100%;
}

.certifications-compliances .wrap-box .certifications-block .block-wrap .certification-box .image-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.certifications-compliances .wrap-box .certifications-block .block-wrap .certification-box .certificate-name {
    font-size: 20px;
    font-weight: 700;
    color: #454444;
}

.certi-cta-btn .grid-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.certi-cta-btn.cta-section.cta-sec-with-desc h3 {
    text-transform: uppercase;
}

.certi-cta-btn.cta-section.cta-sec-with-desc p {
    width: 100%;
    margin-bottom: 0;
}

.certi-cta-btn .text-box {
    max-width: 50%;
    width: 100%;
}

.certi-cta-btn.cta-section.cta-sec-with-desc .btn {
    height: 50px;
    padding: 0 26px;
    font-size: 16px;
}

.cnc-certificate-banner h2 span {
    font-size: 50px;
}

/* 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,
.cnc-hb-form-modal .modal-content textarea {
    border: none;
    border-radius: 0;
    border-block-end: 1px solid #020E1F;
    font-size: 16px;
    margin-bottom: 20px;
    color: #020E1F;
    height: 44px;
    width: 100%;
    padding: 0;
    resize: none;
}

.cnc-hb-form-modal .modal-content input::placeholder {
    font-size: 16px;
}

.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;
}

/* Leadership Detail page */
.leadership-banner {
    background-color: #0066A4;
    position: relative;
    overflow: hidden;
}

.leadership-banner:before {
    content: "";
    position: absolute;
    left: -260px;
    top: -50px;
    width: 435px;
    height: 397px;
    background-image: url(/wp-content/uploads/2026/01/banner-shape.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.leadership-banner+.breadcrumbs-row .breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.leadership-banner+.breadcrumbs-row .breadcrumbs {
    font-size: 18px;
    line-height: 1.67;
}

.leadership-banner+.breadcrumbs-row .breadcrumbs a {
    display: flex;
    align-items: center;
    color: #0066A4;
    font-weight: 700;
}

.leadership-banner+.breadcrumbs-row .breadcrumbs a:hover,
.leadership-banner+.breadcrumbs-row .breadcrumbs a:focus {
    text-decoration: underline;
}

.leadership-banner+.breadcrumbs-row .breadcrumbs a: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;
}

.leadership-wrap {
    display: flex;
    align-items: center;
}

.leadership-wrap .content-box,
.leadership-wrap .image-box {
    max-width: 50%;
    width: 100%;
}

.leadership-wrap .content-box h1 {
    font-size: 50px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    margin: 0 0 20px;
}

.leadership-wrap .content-box .designation {
    /*border-radius: 8px; background: rgba(255, 255, 255, 0.10);*/
    color: #fff;
    /*padding: 15px;*/
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
    display: inline-block;
}

.leadership-wrap .content-box .designation span {
    display: block;
}

.leadership-wrap .content-box .education-wrap {
    margin-bottom: 20px;
}

.leadership-wrap .content-box .education {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 5px;
}

.leadership-wrap .content-box .education span {
    display: block;
}

.leadership-wrap .content-box .education-wrap .education:last-child {
    margin-bottom: 0;
}

.leadership-wrap .content-box .social-icons {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 10px;
}

.leadership-wrap .content-box .social-icons li {
    list-style: none;
}

.leadership-wrap .content-box .social-icons li a {
    width: 36px;
    height: 36px;
    background-color: #0077B5;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.leadership-wrap .content-box .social-icons li a::before {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.leadership-wrap .content-box .social-icons li a.linkedin::before {
    background-image: url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.13637 3.06818C6.13637 3.67501 5.95642 4.26821 5.61928 4.77277C5.28215 5.27733 4.80296 5.67059 4.24233 5.90281C3.68169 6.13504 3.06478 6.1958 2.46961 6.07741C1.87444 5.95902 1.32774 5.66681 0.898651 5.23771C0.469559 4.80862 0.177342 4.26192 0.0589557 3.66675C-0.0594307 3.07159 0.00132911 2.45468 0.233553 1.89404C0.465776 1.3334 0.859033 0.854218 1.36359 0.517082C1.86815 0.179945 2.46135 0 3.06818 0C3.88192 0 4.66232 0.323254 5.23772 0.89865C5.81311 1.47405 6.13637 2.25445 6.13637 3.06818Z" fill="white"/><path d="M5.4409 8.18181V21.737C5.44143 21.837 5.4222 21.9362 5.38431 22.0287C5.34641 22.1212 5.2906 22.2054 5.22008 22.2763C5.14956 22.3472 5.06572 22.4034 4.97338 22.4418C4.88105 22.4802 4.78203 22.5 4.68203 22.5H1.44817C1.34817 22.5003 1.2491 22.4808 1.15666 22.4426C1.06422 22.4045 0.980233 22.3484 0.909522 22.2777C0.838811 22.207 0.782774 22.123 0.74463 22.0306C0.706487 21.9381 0.686989 21.8391 0.687259 21.7391V8.18181C0.687259 7.98 0.767426 7.78646 0.910124 7.64376C1.05282 7.50107 1.24636 7.4209 1.44817 7.4209H4.68203C4.88348 7.42144 5.0765 7.50185 5.21875 7.64449C5.36101 7.78713 5.4409 7.98036 5.4409 8.18181Z" fill="white"/><path d="M22.3446 15.2387V21.8005C22.3448 21.8924 22.3269 21.9835 22.2919 22.0685C22.2568 22.1535 22.2053 22.2307 22.1403 22.2957C22.0753 22.3607 21.998 22.4123 21.913 22.4473C21.8281 22.4824 21.737 22.5003 21.645 22.5H18.1678C18.0758 22.5003 17.9847 22.4824 17.8997 22.4473C17.8147 22.4123 17.7375 22.3607 17.6725 22.2957C17.6075 22.2307 17.556 22.1535 17.5209 22.0685C17.4858 21.9835 17.4679 21.8924 17.4682 21.8005V15.4411C17.4682 14.4921 17.7464 11.2848 14.9871 11.2848C12.8496 11.2848 12.4139 13.4796 12.328 14.4655V21.8005C12.328 21.9842 12.2557 22.1606 12.1267 22.2915C11.9977 22.4224 11.8224 22.4973 11.6387 22.5H8.28002C8.18825 22.5 8.09739 22.4819 8.01263 22.4467C7.92787 22.4115 7.85089 22.36 7.78609 22.295C7.7213 22.23 7.66996 22.1529 7.63503 22.068C7.6001 21.9832 7.58225 21.8922 7.58252 21.8005V8.12251C7.58225 8.03074 7.6001 7.93982 7.63503 7.85496C7.66996 7.7701 7.7213 7.69297 7.78609 7.62798C7.85089 7.563 7.92787 7.51144 8.01263 7.47626C8.09739 7.44108 8.18825 7.42297 8.28002 7.42297H11.6387C11.8242 7.42297 12.0021 7.49667 12.1333 7.62786C12.2645 7.75905 12.3382 7.93698 12.3382 8.12251V9.30479C13.1318 8.11433 14.308 7.19592 16.8178 7.19592C22.3773 7.19592 22.3446 12.3873 22.3446 15.2387Z" fill="white"/></svg>');
    width: 23px;
    height: 23px;
}

.leadership-wrap .content-box .social-icons li a.email::before {
    background-image: url('data:image/svg+xml,<svg width="25" height="17" viewBox="0 0 25 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.9648 1.2146L16.6322 8.49999L23.9648 15.7854C24.0974 15.5083 24.1778 15.202 24.1778 14.875V2.125C24.1778 1.79789 24.0974 1.49165 23.9648 1.2146Z" fill="white"/><path d="M22.0528 0H2.125C1.79789 0 1.49165 0.0804195 1.2146 0.212972L10.5865 9.53761C11.4151 10.3663 12.7627 10.3663 13.5913 9.53761L22.9632 0.212972C22.6861 0.0804195 22.3799 0 22.0528 0Z" fill="white"/><path d="M0.212972 1.2146C0.0804195 1.49165 0 1.79789 0 2.125V14.875C0 15.2021 0.0804195 15.5084 0.212972 15.7854L7.54559 8.49999L0.212972 1.2146Z" fill="white"/><path d="M15.6306 9.50159L14.5929 10.5392C13.2122 11.9199 10.9655 11.9199 9.58479 10.5392L8.54722 9.50159L1.2146 16.787C1.49165 16.9195 1.79789 17 2.125 17H22.0528C22.3799 17 22.6861 16.9195 22.9632 16.787L15.6306 9.50159Z" fill="white"/></svg>');
    width: 24px;
    height: 17px;
}

.leadership-wrap .content-box .social-icons li a.facebook::before {
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="512" height="512" x="0" y="0" viewBox="0 0 155.139 155.139" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M89.584 155.139V84.378h23.742l3.562-27.585H89.584V39.184c0-7.984 2.208-13.425 13.67-13.425l14.595-.006V1.08C115.325.752 106.661 0 96.577 0 75.52 0 61.104 12.853 61.104 36.452v20.341H37.29v27.585h23.814v70.761h28.48z" style="" fill="%23fdfdfd" data-original="%23010002" class="" opacity="1"></path></g></svg> ');
    width: 23px;
    height: 23px;
}

.leadership-wrap .content-box .social-icons li a.twitter::before {
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="512" height="512" x="0" y="0" viewBox="0 0 1226.37 1226.37" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M727.348 519.284 1174.075 0h-105.86L680.322 450.887 370.513 0H13.185l468.492 681.821L13.185 1226.37h105.866l409.625-476.152 327.181 476.152h357.328L727.322 519.284zM582.35 687.828l-47.468-67.894-377.686-540.24H319.8l304.797 435.991 47.468 67.894 396.2 566.721H905.661L582.35 687.854z" fill="%23fdfdfd" opacity="1" data-original="%23000000"></path></g></svg>');
    width: 20px;
    height: 20px;
}

.leadership-wrap .content-box .social-icons li a.insta::before {
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="512" height="512" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M12.004 5.838a6.157 6.157 0 0 0-6.158 6.158 6.157 6.157 0 0 0 6.158 6.158 6.157 6.157 0 0 0 6.158-6.158 6.157 6.157 0 0 0-6.158-6.158zm0 10.155a3.996 3.996 0 1 1 3.997-3.997 3.995 3.995 0 0 1-3.997 3.997z" fill="%23fdfdfd" opacity="1" data-original="%23000000" class=""></path><path d="M16.948.076c-2.208-.103-7.677-.098-9.887 0-1.942.091-3.655.56-5.036 1.941C-.283 4.325.012 7.435.012 11.996c0 4.668-.26 7.706 2.013 9.979 2.317 2.316 5.472 2.013 9.979 2.013 4.624 0 6.22.003 7.855-.63 2.223-.863 3.901-2.85 4.065-6.419.104-2.209.098-7.677 0-9.887-.198-4.213-2.459-6.768-6.976-6.976zm3.495 20.372c-1.513 1.513-3.612 1.378-8.468 1.378-5 0-7.005.074-8.468-1.393-1.685-1.677-1.38-4.37-1.38-8.453 0-5.525-.567-9.504 4.978-9.788 1.274-.045 1.649-.06 4.856-.06l.045.03c5.329 0 9.51-.558 9.761 4.986.057 1.265.07 1.645.07 4.847-.001 4.942.093 6.959-1.394 8.453z" fill="%23fdfdfd" opacity="1" data-original="%23000000" class=""></path><circle cx="18.406" cy="5.595" r="1.439" fill="%23fdfdfd" opacity="1" data-original="%23000000" class=""></circle></g></svg> ');
    width: 23px;
    height: 23px;
}

.leadership-wrap .content-box .social-icons li a.youtube::before {
    background-image: url('data:image/svg+xml,<svg width="23" height="16" viewBox="0 0 23 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22.5191 2.49806C22.3885 2.01526 22.132 1.57468 21.7753 1.22023C21.4185 0.865783 20.9738 0.609849 20.4857 0.477935C18.6927 -1.84582e-07 11.5 0 11.5 0C11.5 0 4.30727 -1.84582e-07 2.51432 0.477935C2.02615 0.609849 1.58152 0.865783 1.22475 1.22023C0.86797 1.57468 0.611504 2.01526 0.480909 2.49806C3.1157e-08 4.28181 0 8 0 8C0 8 3.1157e-08 11.7182 0.480909 13.5019C0.611344 13.9849 0.867739 14.4257 1.22453 14.7804C1.58131 15.135 2.02603 15.3911 2.51432 15.5231C4.30832 16 11.5 16 11.5 16C11.5 16 18.6927 16 20.4857 15.5231C20.974 15.3911 21.4187 15.135 21.7755 14.7804C22.1323 14.4257 22.3887 13.9849 22.5191 13.5019C23 11.7203 23 8 23 8C23 8 23 4.28181 22.5191 2.49806ZM9.14773 4.62348V11.3765L15.1591 8L9.14773 4.62348Z" fill="white"/></svg>');
    width: 23px;
    height: 16px;
}

.leadership-wrap .content-box .social-icons li a:hover,
.leadership-wrap .content-box .social-icons li a:focus {
    background-color: var(--bg-color-dark-blue);
}

.leadership-wrap .content-box .social-icons li:first-child a img {
    width: 23px;
}

.leadership-wrap .img-box .image {
    max-width: 683px;
    min-height: 615px;
    margin: 0 auto;
}

.leadership-wrap .img-box .shape-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    -webkit-mask-image: url(/wp-content/uploads/2026/01/shape-img.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url(/wp-content/uploads/2026/01/shape-img.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

.leadership-wrap .img-box .shape-bg {
    position: absolute;
    inset: 0;
    background: url(/wp-content/uploads/2026/01/shape-img.svg) center / contain no-repeat;
}

.leadership-wrap .img-box {
    position: relative;
    width: 683px;
    height: 615px;
}

.professional-background {
    background-color: #F8F8F8;
    padding: 50px 0;
    position: relative;
    overflow: hidden;
}

.professional-background:before {
    content: "";
    position: absolute;
    right: -80px;
    bottom: -50px;
    width: 288px;
    height: 299px;
    background-image: url(/wp-content/uploads/2026/01/bg-shape.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.professional-background h2 {
    font-size: 50px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -1px;
    color: var(--bg-color-main-blue);
    margin: 0 0 30px;
}

.professional-background p {
    font-size: 18px;
    line-height: 1.67;
    color: #454444;
    margin-bottom: 20px;
}

.professional-background p:last-child {
    margin-bottom: 0;
}

.expertise-area {
    padding: 50px 0;
}

.expertise-area h2 {
    font-size: 50px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -1px;
    color: #0066A4;
    margin: 0 0 50px;
}

.expertise-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 10px;
}

.expertise-wrap .expertise-box {
    max-width: calc(50% - 5px);
    width: 100%;
    display: flex;
    align-items: center;
    gap: 40px;
}

.expertise-wrap .expertise-box .icon-box {
    width: 100px;
    height: 100px;
    background-color: #0066A4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.expertise-wrap .expertise-box .text-box p {
    font-size: 24px;
    line-height: normal;
    color: #454444;
    font-weight: 500;
    letter-spacing: -1px;
}

.expertise-wrap .expertise-box .text-box p span {
    display: block;
}

.team-member-wrapper {
    position: relative;
}

.team-member-wrapper a.faux-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1;
}

/* Search Results Section */
.search-results-section {
    padding: 40px 0 60px;
}

.search-results-section .search-page-input-wrapper {
    border: none;
    padding: 12px 15px;
    border-radius: 7px;
    background-color: #f7f7f7;
    margin-bottom: 15px;
}

.search-results-section .search-page-input-wrapper button {
    width: 15px;
    height: 15px;
    padding: 0;
}

.search-results-section .search-page-input-wrapper button img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.search-results-section .search-page-input-wrapper input {
    padding: 0;
    border: none;
    color: #242A41;
}

.search-results-section .search-page-input-wrapper input::placeholder {
    font-size: 18px;
}

.search-results-section .search-results-count {
    margin-bottom: 50px;
}

.search-results-section .search-results-count p {
    font-size: 14px;
    color: #242A41;
}

.search-results-section .search-results-count p strong {
    font-weight: 600;
}

.search-results-section .search-result-item {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(36, 42, 65, 0.50);
}

.search-results-section .search-result-item .search-result-title {
    font-size: 21px;
    line-height: 1.38;
    color: #242A41;
    font-weight: 700;
    margin-bottom: 30px;
}

.search-results-section .search-result-item .search-result-title a {
    transition: all 0.3s ease-in-out;
}

.search-results-section .search-result-item .search-result-title a:hover,
.search-results-section .search-result-item .search-result-title a:focus {
    color: #0066A4;
}

.search-results-section .search-result-item .search-result-excerpt {
    color: rgba(36, 42, 65, 0.70);
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
}

.search-results-section .search-result-item .search-result-excerpt .search-result-link {
    color: #0066A4;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
}

.search-results-section .search-result-item .search-result-excerpt .search-result-link:hover,
.search-results-section .search-result-item .search-result-excerpt .search-result-link:focus {
    text-decoration: underline;
}

.search-results-section .search-result-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}



/* Pagination */
.resources-pagination {
    padding: 50px 0;
    justify-content: space-between;
}

.resources-pagination .pagination-numbers {
    display: flex;
}

.resources-pagination .page-numbers:not(.prev.page-numbers):not(.next.page-numbers) {
    margin-right: 22px;
    background: transparent;
    width: auto;
    height: auto;
    padding: 5px 12px;
    line-height: normal;
    border-radius: 5px;
    border: 1px solid #e4e4e4;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    min-width: 34px;
    height: 32px;
    padding: 5px;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
}

.resources-pagination .page-numbers:not(.prev.page-numbers):not(.next.page-numbers):hover,
.ubq-blog-redesign-wrap .blog-main .resources-pagination .page-numbers:not(.prev.page-numbers):not(.next.page-numbers):focus {
    background-color: var(--bg-color-main-blue);
    border-color: var(--bg-color-main-blue);
    color: #fff;
}

.resources-pagination .page-numbers.current {
    background-color: var(--bg-color-main-blue) !important;
    color: #fff !important;
    border-color: var(--bg-color-main-blue);
}

.resources-pagination .pagination-next,
.resources-pagination .pagination-prev {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.resources-pagination .pagination-next:hover,
.resources-pagination .pagination-prev:hover,
.resources-pagination .pagination-next:focus,
.resources-pagination .pagination-prev:focus {
    text-decoration: underline;
}

.resources-pagination .pagination-prev>img {
    transform: rotate(-180deg);
}

.resources-pagination .pagination-prev.disabled,
.resources-pagination .pagination-next.disabled {
    opacity: 0.6;
    pointer-events: none;
}

.resources-pagination .next.page-numbers:before,
.resources-pagination .prev.page-numbers:before {
    display: none;
}

/* Back to Top Button */
.back-to-top {
    position: fixed;
    bottom: 80px;
    right: 25px;
    width: 46px;
    height: 46px;
    background: var(--bg-color-main-blue);
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(125, 107, 250, 0.15);
    z-index: 999;
}

.back-to-top.visible {
    opacity: 1;
    visibility: visible;
}

.back-to-top .progress-circle {
    position: absolute;
    top: 0;
    left: 0;
}

.back-to-top .progress-circle-path {
    stroke-dasharray: 132;
    stroke-dashoffset: 132;
    transition: stroke-dashoffset 0.3s ease;
}

.back-to-top .arrow-up {
    position: relative;
    z-index: 1;
    transition: transform 0.3s ease;
}

.back-to-top:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(125, 107, 250, 0.25);
}

.back-to-top:hover .arrow-up {
    transform: translateY(-2px);
}

/* About */
.company-top .hero .grid-narrow {
    height: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.company-top h1 {
    max-width: 45%;
}

.company-top-txt .bg-gray {
    min-height: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.company-main h2 {
    color: #006699;
    font-size: 50px;
    text-align: center;
    margin-block-end: 50px;
}

.company-top {
    position: relative;
}

.company-top .bg-blue:before {
    content: "";
    position: absolute;
    background: url(/wp-content/uploads/2022/11/Mask-Group-51.svg) 0 0 no-repeat;
    width: 388px;
    height: 620px;
    right: 0;
    bottom: -180px;
}

.company-top .bg-blue:after {
    content: "";
    position: absolute;
    background: url(/wp-content/uploads/2022/11/Mask-Group-50.svg) 0 0 no-repeat;
    width: 270px;
    height: 353px;
    left: 0;
    bottom: 100px;
}

.company-top-txt .bg-gray .text {
    padding-inline-start: 30px;
}

.company-top-txt .bg-gray .text h4 {
    font-family: var(--font-second);
    color: #0669a7;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
}

.company-top-txt>.grid-narrow .half-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.company-top-txt>.grid-narrow {
    padding: 100px 0;
}

.company-top-txt>.grid-narrow .half-div h2,
.seek-bottom-share h2 {
    color: #006699;
    font-size: 50px;
}

.company-top-txt .bg-gray .text ul li::marker {
    color: #06639e;
}

.company-top .text {
    padding: 100px 0;
    color: white;
}

.seek-bottom-share .seek-bottom-share-item {
    max-width: 100%;
}

.seek-bottom-share .seek-bottom-share-img {
    position: absolute;
    right: 0;
    max-width: 50vw;
    bottom: 0;
}

.company-main .grid-narrow {
    max-width: 1300px;
}

.seek-bottom-share .half-div.flex-box-center {
    padding: 100px 0 250px 0;
}

.company-main .team-member span {
    display: block;
    color: rgb(68 68 68 / 70%);
    margin-block-end: 10px;
}

.read-more-btn {
    color: #006699;
    font-family: var(--font-second);
    font-weight: bold;
    margin-block-start: 15px;
}

.company-main {
    padding: 50px 0;
}

.company-top-txt>.grid-narrow .half-div h2,
.seek-bottom-share h2 {
    font-size: 50px;
    max-width: 90%;
}

.company-main .team-member-txt {
    background-color: #f1f0f5;
    transform: rotateY(180deg);
    height: 390px;
}

.company-main .team-member-txt .text {
    max-width: 85%;
    height: 100%;
    margin: auto;
    display: flex;
    align-items: center;
}

.seek-bottom-share {
    position: relative;
}

.seek-bottom-share .company-socials a i {
    color: white;
    font-size: 35px;
}

.seek-bottom-share .company-socials a {
    display: flex;
    width: 60px;
    height: 60px;
    background-color: var(--bg-color-main-blue);
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    margin-inline-end: 20px;
}

.seek-bottom-share .company-socials {
    display: flex;
    flex-wrap: wrap;
    margin-block-start: 35px;
}

.seek-bottom-share .company-socials a:hover {
    background-color: var(--color-main-green);
}

/* New About */
.about-content {
    padding: 100px 0;
}

.about-content .text-box h2 {
    font-size: 50px;
    color: #0066A4;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -1px;
}

.about-content .text-box p {
    font-size: 26px;
    font-weight: 400;
    line-height: 1.53;
}

.about-content .text-box p strong {
    color: #0066A4;
    font-weight: 700;
}

.our-story {
    background-color: #0066A4;
    padding: 50px 0;
    position: relative;
    overflow-x: hidden;
}

.our-story:before {
    content: "";
    position: absolute;
    right: -150px;
    bottom: 20px;
    width: 388px;
    height: 418px;
    background-image: url(/wp-content/uploads/2026/02/our-story-icon-2.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.our-story h2 {
    font-size: 50px;
    color: #fff;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -1px;
}

.our-story .story-box {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 30px;
}

.our-story .story-box:last-child {
    margin-bottom: 0;
}

.our-story .story-box .content-box {
    max-width: calc(50% - 15px);
    width: 100%;
}

.our-story .story-box .content-box p {
    font-size: 24px;
    line-height: 1.25;
    color: #fff;
    margin-bottom: 30px;
    max-width: 90%;
}

.our-story .story-box .content-box p:last-child {
    margin-bottom: 0;
}

.our-story .story-box .image-box {
    max-width: calc(50% - 15px);
    width: 100%;
}

.our-story .story-box .image-box .image {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    max-height: 314px;
}

.our-story .story-box .image-box .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.our-story .story-box .image-box .image .text-caption {
    position: absolute;
    left: 20px;
    bottom: 20px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.60);
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    padding: 7px 10px;
}

.our-story .story-box:nth-child(even) .image-box {
    order: -1;
}

.ubiquitous {
    padding: 100px 0;
}

.ubiquitous .ubiquitous-box {
    border-radius: 40px;
    background: #F6F6F6;
    gap: 30px;
    align-items: center;
}

.ubiquitous .ubiquitous-box .content-box {
    max-width: calc(50% - 15px);
    width: 100%;
    padding: 50px 40px;
    box-sizing: border-box;
}

.ubiquitous .ubiquitous-box .content-box h2 {
    font-size: 50px;
    color: #0066A4;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -1px;
}

.ubiquitous .ubiquitous-box .content-box p {
    font-size: 20px;
    line-height: 1.5;
    color: #020E1F;
    margin-bottom: 30px;
}

.ubiquitous .ubiquitous-box .content-box p:last-child {
    margin-bottom: 0;
}

.ubiquitous .ubiquitous-box .content-box p strong {
    color: #0066A4;
}

.ubiquitous .ubiquitous-box .image-box {
    max-width: calc(50% - 15px);
    width: 100%;
    box-sizing: border-box;
    /*margin-top: -50px;*/
}

.ubiquitous .ubiquitous-box .image-box .image {
    max-width: 629px;
    min-height: 506px;
    margin-left: auto;
    margin-right: 30px;
}

.ubiquitous .ubiquitous-box .image-box .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.company-main.cmember-sec-btheme {
    background-color: #0066A4;
    padding: 50px 0;
}

.company-main.cmember-sec-btheme h2 {
    color: #fff;
}

.company-main h2 {
    font-size: 50px;
    text-align: left;
    margin-block-end: 40px;
}

.company-main .the-team {
    gap: 10px;
}

.company-main .team-member {
    max-width: calc(25% - 8px);
    width: 100%;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.10);
    box-sizing: border-box;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.company-main .team-member:hover,
.company-main .team-member:focus {
    background: #004167;
}

.company-main .team-member-wrapper {
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}

.company-main .team-img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    aspect-ratio: 1/1;
    overflow: hidden;
    box-sizing: border-box;
}

.company-main .team-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.company-main .team-member .faux-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1;
}

.company-main .team-member .name,
.company-main .team-member .name a {
    margin-block-start: 0;
    margin-block-end: 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 32px;
    letter-spacing: -1px;
}

.company-main .team-member span {
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px;
}

.company-main.cmember-sec-wtheme {
    background-color: #f8f8f8;
}

.company-main.cmember-sec-wtheme .team-member .name,
.company-main.cmember-sec-wtheme .team-member .name a {
    color: #020E1F;
}

.company-main.cmember-sec-wtheme .team-member span {
    color: rgba(2, 14, 31, 0.70);
    font-size: 18px;
    letter-spacing: -1px;
}

.company-main.cmember-sec-wtheme .team-member {
    background-color: #fff;
}

.company-main.cmember-sec-wtheme .team-member:hover,
.company-main.cmember-sec-wtheme .team-member:focus {
    background-color: #e6e6e6;
}

.contact_info .contact-box.custom-location {
    gap: 200px;
}

.custom-location .right-location .address {
    font-size: 30px;
    color: var(--bg-color-main-blue);
}

.custom-location .left-location .address {
    font-size: 16px;
}

.custom-location .left-location .address {
    font-size: 20px;
    line-height: 1.5;
    color: #020E1F;
    margin-bottom: 30px;
}

.custom-location .left-location .address .title {
    font-weight: 600;
    margin-bottom: 30px;
}

.custom-location .left-location .address .sub-title {
    color: #0066A4;
    font-weight: 600;
}

.custom-location .left-location .address:last-child {
    margin-bottom: 0;
}

.custom-location .right-location .address .sub-title {
    font-size: 32px;
    line-height: 1.6;
    font-weight: 600;
    color: #0066A4;
    margin-bottom: 10px;
}

.custom-location .right-location .address p {
    font-size: 24px;
    line-height: 1.6;
    font-weight: 500;
}

.custom-location .right-location .address p a {
    color: #0066A4;
}

.contact_info {
    padding: 50px 0;
}

.contact_info .contact-heading {
    text-align: center;
    margin-bottom: 30px;
    font-size: 50px;
    font-weight: 400;
}

.contact_info .contact-box {
    display: flex;
    flex-direction: row;
    height: inherit;
    justify-content: center;
    gap: 20px;
}

/* Material */
/* .affiliations-top.hero{height:545px;} */
.ubq-top .grid-narrow {
    max-width: 1350px;
}

/* .hero.big h1{max-width:55%;} */
.hero .grid-narrow {
    height: inherit;
    max-width: 1350px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ubq-top {
    background-color: #F7F7F7;
    padding: 85px 0;
}

.ubq-top .text {
    max-width: 84%;
    line-height: 32px;
}

.ubq-top .third-div img {
    margin-inline-start: auto;
}

.ubq-main .main-item {
    max-width: 15%;
    width: 100%;
    min-height: 380px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ubq-main h2 {
    max-width: 650px;
    margin: auto;
}

.ubq-main {
    padding: 135px 0;
}

.ubq-main .ubq-main-items {
    justify-content: center;
    margin-block-start: 35px;
    margin-block-end: 150px;
}

.ubq-main .main-item .text {
    line-height: 27px;
    max-width: 80%;
    max-height: 0;
    overflow: hidden;
    text-align: center;
    transition: all .4s ease;
}

.ubq-main .main-item h6 {
    color: #444444;
    margin: 15px 0;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: var(--font-second);
}

.ubq-main .ubq-main-items~img {
    margin: auto;
}

.ubq-main .ubq-main-items~.text {
    max-width: 23%;
    line-height: 32px;
    text-align: center;
    margin: auto;
    margin-block-start: 15px;
}

.ubq-main .main-item:hover>.text {
    max-height: 100%;
}

.ubq-main .ubq-main-items~.btn.primary {
    margin: auto;
    margin-block-start: 50px;
    max-width: max-content;
}

/* Compatibility Applications */
/* .compatability-application-top.hero{height:545px;} */
.compatability-application-top.hero .grid-narrow {
    height: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1200px;
}

.compatability-application-top.hero h1 {
    max-width: 50%;
}

.industries .industry {
    justify-content: end;
    max-width: 245px;
    width: 100%;
    height: 340px;
    margin: 0 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.industries .industry:first-child {
    margin-inline-start: 0;
}

.industries .industry:last-child {
    margin-inline-end: 0;
}

.industries .industry h3 {
    margin-block-end: 40px;
    font-size: 20px;
    font-weight: bold;
    font-family: var(--font-second);
    txt-transform: uppercase;
    text-align: center;
}

.industries {
    margin: 50px 0;
}

.industries.row-wrap {
    justify-content: center !important;
}

.compatability-application-main .text {
    text-align: center;
    max-width: 50%;
    margin: auto;
}

.compatability-application-main {
    padding: 100px 0;
}

.compatability-application-main h2,
.compatability-application-tech h2,
.compatability-application-materials h2 {
    font-weight: bold;
    font-family: var(--font-second);
    text-transform: uppercase;
}

.compatability-application-tech {
    background-color: #F7F7F7;
    padding: 75px 0;
}

.compatability-application-tech .text,
.compatability-application-materials .text {
    max-width: 50%;
    margin: auto;
    text-align: center;
}

.tech .tech-item h5 {
    font-family: var(--font-second);
    color: #444444;
    text-transform: uppercase;
    font-weight: bold;
    max-width: 80%;
    text-align: center;
    margin: auto;
    min-height: 50px;
    margin-block-start: 15px;
}

.tech.row-wrap {
    max-width: 1000px;
    width: 100%;
    margin: auto;
    justify-content: space-between;
    margin-block-start: 30px;
}

.tech .tech-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.compatability-application-materials {
    padding: 75px 0;
}

.materials.row-wrap {
    max-width: 1300px;
    width: 100%;
    justify-content: space-between;
    margin: auto;
    margin-block-start: 30px;
}

.industry-text .text {
    display: none;
    opacity: 0;
    transition: opacity .4s ease;
}

.industry-text .text.active {
    display: block;
    opacity: 1;
}

/* waste Conversion Process */
/* .waste-conversion-top{height:545px;} */
.waste-conversion-top .grid {
    height: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.waste-conversion-top h1 {
    max-width: 50%;
}

.waste-conversion-main {
    padding: 85px 0;
}

.waste-conversion-main h2 {
    font-family: var(--font-second);
}

.waste-conversion-bottom {
    background-color: #273674;
}

.waste-conversion-bottom .impact-process {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.waste-conversion-bottom {
    padding: 100px 0;
}

.waste-conversion-bottom .impact-item {
    color: white;
}

.waste-conversion-bottom .impact-item h5 {
    font-family: var(--font-second);
    text-transform: uppercase;
    font-weight: bold;
    margin-block-start: 40px;
    text-align: center;
}

.waste-conversion-bottom2 {
    padding: 100px 0;
}

.waste-conversion-bottom2 .text {
    max-width: 40%;
    margin: auto;
    text-align: center;
    margin-block-end: 15px;
}

.waste-conversion-bottom2 h2 {
    font-family: var(--font-second);
}

.waste-conversion-bottom h2 {
    margin-block-end: 45px;
    font-family: var(--font-second);
}

/* Environmental Impact */
/* .environmental-impact-top.hero{height:545px;} */
.environmental-impact-top.hero .grid {
    height: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.environmental-impact-main-graph .bg-light-grey {
    background-color: #F7F7F7;
}

.environmental-impact-top.hero h1 {
    max-width: 50%;
}

/* .certificates{padding:100px 0;}*/
.environmental-impact-inf .top-inf-item {
    max-width: 420px;
    width: 100%;
    height: 560px;
    margin: 0 3px;
    transition: all .4s ease;
    overflow: hidden;
    border-radius: 10px;
}

.environmental-impact-inf .top-inf-item:hover {
    max-width: 615px;
}

.environmental-impact-inf h2 {
    margin-block-end: 60px;
}

.environmental-impact-inf .row.inf-wrapper {
    justify-content: center;
}

.environmental-impact-inf .top-inf-item-wrapper {
    background-color: rgb(0 0 0 / 60%);
    color: white;
    height: calc(100% - 100px);
    padding: 50px;
    transform: translateY(76%);
    transition: all .4s ease .2s;
}

.environmental-impact-inf .top-inf-item-wrapper h4 {
    font-size: 22px;
    font-weight: bold;
    font-family: var(--font-second);
    text-transform: uppercase;
    max-width: 250px;
}

.environmental-impact-inf .top-inf-item:hover .top-inf-item-wrapper {
    transform: translateY(0);
}

.environmental-impact-inf .top-inf-item-wrapper p {
    opacity: 0;
    transition: all .4s ease .2s;
}

.environmental-impact-inf .top-inf-item:hover .top-inf-item-wrapper p {
    opacity: 1;
}

.environmental-impact-inf,
.environmental-impact-main,
.environmental-impact-bottom {
    padding: 100px 0;
}

.environmental-impact-inf .top-inf-item a {
    color: white;
    padding: 15px 25px;
    border: 1px solid white;
    border-radius: 4px;
    display: flex;
    max-width: fit-content;
    margin-block-start: 50px;
}

.environmental-impact-main h2 {
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: var(--font-second);
    margin-block-end: 60px;
}

.environmental-impact-main-graph img {
    margin: 50px auto;
}

.environmental-impact-main-graph h4 {
    font-size: 22px;
    font-weight: bold;
    font-family: var(--font-second);
    text-transform: uppercase;
}

.environmental-impact-main-graph>.grid,
.environmental-impact-main-graph>.bg-light-grey {
    padding: 50px 0;
    text-align: center;
}

.environmental-impact-main-graph h2 {
    line-height: 1.2;
    margin-block-end: 85px;
}

.environmental-impact-main-graph p {
    max-width: 50%;
    margin: auto;
    text-align: center;
}

.environmental-impact-main-graph .img.bg-img-settings {
    height: 550px;
}

.environmental-impact-bottom h2,
.environmental-impact-form-wrapper .form h4 {
    font-family: var(--font-second);
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    margin-block-end: 0;
}

.environmental-impact-form-wrapper .form .hs_submit.hs-submit .actions input {
    margin-inline-start: 0;
}

.environmental-impact-form-wrapper .form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.environmental-impact-bottom h2+p {
    color: white;
    margin-block-end: 50px;
}

.environmental-impact-form-wrapper .bg-img-settings {
    height: 850px;
}

/* B Corp */
/* .b-corp-top.hero.hero{height:65vh;} */
.hero .grid-narrow {
    height: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* .b-corp-top h1{max-width:65%;color:#b8b8b8;} */
.b-corp-main .grid-narrow {
    max-width: 90%;
}

.b-corp-main .text h5 {
    color: var(--bg-color-main-blue);
    font-family: var(--font-second);
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
}

.b-corp-main {
    padding: 15px 0px 50px 0px;
}

.b-corp-main .text ul {
    margin: 0;
    padding: 0;
    margin: 20px 0;
    padding-inline-start: 25px;
    line-height: 1.5;
}

.b-corp-main .text ul li::marker {
    color: var(--bg-color-main-blue);
    font-size: 25px;
}

/* 09-12-2024 */
.affiliactionbaneer span {
    font-size: 64px;
}

.b-corp-text-flex {
    display: flex;
    gap: 20px;
    margin-top: 60px;
}

.box-section {
    padding: 0px 20px;
    background-color: #f2f2f2ee;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 50%;
    border-bottom: 12px solid #0069a7;
    height: max-content !important;
}

.list-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.box-section img {
    width: 30%;
}

.newfourcolomn .list-sectiontwo a.yBtn {
    margin-top: 50px;
}

.bluetextcustom {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 50px;
    padding-top: 0px;
    padding-bottom: 10px;
}

.bluetextcustom img {
    width: 90px;
}

.newthreecolomn {
    background-color: #E6E6E6;
    padding: 50px 0px;
}

.newthreecolomn .b-corp-text-flex {
    margin-top: 0px !important;
}

.newthreecolomn .list-section {
    width: 55%
}

.newthreecolomn .box-section {
    width: 45%
}

.newthreecolomn h2 {
    font-size: 50px;
    line-height: 100%;
}

.box-sectiontwo {
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px;
    border-color: #FECB30;
    flex-direction: row;
}

.pdiv {
    padding: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
}

.newthreecolomn .box-section {
    width: 45%;
}

.newthreecolomn .box-sectiontwo img {
    width: 48% !important;
}

.newfourcolomn {
    background-color: #006BA5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.newthreecolomn .grid-narrow .b-corp-text-flex {
    margin-top: 0px !important;
}

.newfourcolomn .list-sectiontwo .yBtn {
    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-top: 0px;
    text-decoration: none;
    font-weight: 700 !important;
    background: #FFCE1C;
    color: #000;
}

.newfourcolomn .list-sectiontwo .yBtn:hover {
    background: transparent;
    color: #FFCE1C !important;
}

.newfourcolomn .list-sectiontwo {
    padding: 20px;
    justify-content: center;
}

.newfourcolomn .list-sectiontwo p {
    color: white !important;
}

.newfourcolomn .new-grid-narrow .b-corp-text-flex {
    margin-top: 0px;
}

.newfourcolomn .new-grid-narrow img {
    width: 100%;
    max-width: 450px;
}

.cert_b_corp_title {
    padding: 50px 0px 20px 0px;
}

.bluetextcustom p {
    font-size: 22px;
}

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

/* UBQ Contribution */
/* .b-corp-top.hero{height:65vh;} */
.hero .grid-narrow {
    height: inherit;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

/* .b-corp-top h1{max-width:65%;} */
.ubq-contribution .grid-narrow {
    max-width: 90%;
}

.ubq-contribution .text h5 {
    color: var(--bg-color-main-blue);
    font-family: var(--font-second);
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
}

.ubq-contribution {
    padding: 15px 0px 50px 0px;
}

.ubq-contribution .grid-narrow .text h2 {
    font-size: 50px;
    color: #0069a7;
    margin-top: 60px;
}

.goalsSection.sustainable-development {
    width: 100%;
    padding: 56px 0px;
    background-color: #E6E6E6;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sustainable-development .goalsSectionCont {
    width: 100%;
    max-width: calc(1475px + 40px);
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.sustainable-development .goalsSectionCont .flip-card {
    background-color: transparent;
    width: calc(25% - 15px);
    height: 368px;
    perspective: 1000px;
}

.sustainable-development .goalsSectionCont .flip-card:hover .flip-card-front {
    backface-visibility: hidden;
}

.sustainable-development .goalsSectionCont .goalsLogoCard {
    background-color: #D8D8D8;
    width: calc(25% - 15px);
    height: 368px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    transition: all .2s;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
}

.sustainable-development .goalsSectionCont .goalsLogoCard:hover {
    background-color: #A2BAC9;
}

.sustainable-development .goalsSectionCont .goalsLogoCard img {
    width: 232px;
}

.sustainable-development .goalsSectionCont .goalsLogoCard a {
    width: 232px;
    background-color: #0066A4;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 24px;
    text-transform: uppercase;
    width: 232px;
    height: 46px;
    transition: all .2s;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'poppins';
}

.sustainable-development .goalsSectionCont .goalsLogoCard a:hover {
    background-color: rgba(0, 102, 64, .5);
}

.sustainable-development .goalsSectionCont .goalsLogoCard p {
    text-align: center;
    color: white;
    font-weight: 400;
    font-size: 27px;
}

.sustainable-development .goalsSectionCont .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    border-radius: 10px;
}

.sustainable-development .goalsSectionCont .flip-card:focus {
    outline: 0;
}

.sustainable-development .goalsSectionCont .flip-card:hover .flip-card-inner,
.sustainable-development .goalsSectionCont .flip-card:focus .flip-card-inner {
    transform: rotateY(180deg);
}

.sustainable-development .goalsSectionCont .flip-card-front,
.sustainable-development .goalsSectionCont .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.sustainable-development .goalsSectionCont .flip-card-front {
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

.sustainable-development .goalsSectionCont .goalsFrontTop {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    width: 142px;
    height: 142px;
    border-radius: 10px;
    overflow: hidden;
}

.sustainable-development .goalsSectionCont .goalsCenterText {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.sustainable-development .goalsSectionCont .goalsCenterText {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-weight: bold;
    gap: 10px;
}

.sustainable-development .goalsSectionCont .goalsCenterText h3 {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    margin: 0;
}

.sustainable-development .goalsSectionCont .goalsCenterText h4 {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    margin: 0;
}

.sustainable-development .goalsSectionCont .goalsIcon {
    width: 100%;
    object-fit: contain;
}

.sustainable-development .goalsSectionCont .flip-card-back {
    transform: rotateY(180deg);
    z-index: 1;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    backface-visibility: hidden;
}

.sustainable-development .goalsSectionCont .flip-card-back h5 {
    font-size: 22px;
    color: #fff;
    line-height: 27px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 10px;
    font-weight: 700;
    text-align: left;
    padding: 20px 20px 0px;
    font-family: 'poppins';
}

.sustainable-development .goalsSectionCont .flip-card-back p {
    font-size: 14px;
    color: #fff;
    line-height: 19px;
    margin-bottom: 0px;
    font-weight: 400;
    text-align: left;
    padding: 0 20px 20px;
    font-family: var(--font-main);
}

.sustainable-development .goalsSectionCont .goalsCardOne .flip-card-back {
    background-color: #48773C;
}

.sustainable-development .goalsSectionCont .goalsCardOne .goalsFrontTop {
    background-color: #48773C;
}

.ubq-contribution .text p {
    padding-top: 10px;
}

.united_nations {
    text-decoration: underline;
}

/* Sustainability Library */
.sustainability-library .grid-narrow .text h2 {
    font-size: 50px;
    color: #0069a7;
    margin-top: 60px;
}

.goalsSection.knowledgeSection {
    width: 100%;
    padding: 56px 0px;
    background-color: #E6E6E6;
    display: flex;
    justify-content: center;
    align-items: center;
}

.knowledgeSection .goalsSectionCont {
    width: 100%;
    max-width: calc(1475px + 40px);
    padding: 0 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 70px 20px;
}

.knowledgeSection .flip-card {
    background-color: transparent;
    width: calc(25% - 15px);
    height: 368px;
    perspective: 1000px;
}

.knowledgeSection .flip-card:hover .flip-card-front {
    backface-visibility: hidden;
}

.knowledgeSection .goalsLogoCard {
    background-color: #D8D8D8;
    width: calc(25% - 15px);
    height: 368px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    transition: all .2s;
    background-repeat: no-repeat;
    background-size: cover;
}

.knowledgeSection .goalsLogoCard:hover {
    background-color: #A2BAC9;
}

.knowledgeSection .goalsLogoCard img {
    width: 232px;
}

.knowledgeSection .goalsLogoCard a {
    width: 232px;
    background-color: #0066A4;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 24px;
    text-transform: uppercase;
    width: 232px;
    height: 46px;
    transition: all .2s;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'poppins';
}

.knowledgeSection .goalsLogoCard a:hover {
    background-color: rgba(0, 102, 64, .5);
}

.knowledgeSection .goalsLogoCard p {
    text-align: center;
    color: white;
    font-weight: 400;
    font-size: 27px;
}

.knowledgeSection .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.knowledgeSection .flip-card:focus {
    outline: 0;
}

.knowledgeSection .flip-card:hover .flip-card-inner,
.knowledgeSection .flip-card:focus .flip-card-inner {
    transform: rotateY(180deg);
}

.knowledgeSection .flip-card-front,
.knowledgeSection .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    border-radius: 10px;
}

.knowledgeSection .flip-card-front {
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

.knowledgeSection .goalsFrontTop {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    padding: 15px;
    width: 142px;
    height: 142px;
}

.knowledgeSection .goalsCenterText {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.knowledgeSection .goalsCenterText {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-weight: bold;
    gap: 10px;
}

.knowledgeSection .goalsCenterText h3 {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    margin: 0;
}

.knowledgeSection .goalsCenterText h4 {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    margin: 0;
}

.knowledgeSection .goalsIcon {
    width: 100%;
    object-fit: contain;
}

.knowledgeSection .flip-card-back {
    transform: rotateY(180deg);
    z-index: 1;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    border-radius: 10px;
}

.knowledgeSection .flip-card:hover .flip-card-front,
.knowledgeSection .flip-card:focus .flip-card-front {
    z-index: 1;
}

.knowledgeSection .flip-card:hover .flip-card-back,
.knowledgeSection .flip-card:focus .flip-card-back {
    z-index: 2;
}

.knowledgeSection .flip-card-back h5 {
    font-size: 22px;
    color: #fff;
    line-height: 27px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 10px;
    font-weight: 700;
    text-align: left;
    padding: 20px 20px 0px;
    font-family: 'poppins';
}

.knowledgeSection .flip-card-back p {
    font-size: 14px;
    color: #fff;
    line-height: 19px;
    margin-bottom: 0px;
    font-weight: 400;
    text-align: left;
    padding: 0 20px 20px;
    font-family: var(--font-main);
}

.knowledgeSection .goalsCardOne .flip-card-back {
    background-color: #48773C;
}

.knowledgeSection .goalsCardOne .goalsFrontTop {
    background-color: #48773C;
}

.b-corp-main .text p {
    padding-top: 10px;
}

.knowledgeSection .KnowledgeCard {
    width: calc(33.33% - 15px);
}

.knowledgeSection .goalsFrontTop {
    width: initial;
    height: initial;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    width: 100%;
    height: 100%;
    padding: 25px 0;
    border-radius: 10px;
}

.knowledgeSection .goalsFrontTop h4 {
    text-align: center;
    color: #fff;
    font-size: 50px;
    margin: 0;
}

.knowledgeSection .flip-card-front {
    padding: 25px 0;
}

.knowledgeSection .flip-card-back {
    padding-top: 50px;
}

.goalsSection.knowledgeSection {
    background-color: #fff;
    padding: 50px 0 150px;
}

.knowledgeSection .knowledgeBtnWrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 20px;
}

.knowledgeSection .knowledgeBtn {
    max-width: 209px;
    width: 100%;
    text-align: center;
    line-height: 1.2;
    font-size: 16px;
    font-weight: 600;
    padding-top: 4px;
    cursor: pointer;
    display: inline-flex;
}

.knowledgeSection .flip-card-back p {
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -2.2%;
    color: #454444;
}

.knowledgeSection .flip-card-back h5 {
    font-size: 24px;
    color: #0066A4;
}

.knowledgeSection .flip-card {
    height: 550px;
}

.knowledgeSection .modalContainer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100000;
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
}

.knowledgeSection .modalShow {
    display: flex !important;
}

.knowledgeSection .modalOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .5);
}

.knowledgeSection .modalWrappers {
    max-width: 1100px;
    width: 100%;
    position: relative;
    z-index: 10001;
    background-color: #fff;
    margin-left: 20px;
    margin-right: 20px;
}

.knowledgeSection .modalClose {
    position: absolute;
    top: -15px;
    right: -15px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.33);
    cursor: pointer;
    font-size: 20px;
    color: #000;
    font-weight: normal;
    font-family: var(--font-main);
    z-index: 10;
    opacity: 1;
    border: none;
}

.knowledgeSection .modalClose:hover,
.knowledgeSection .modalClose:focus {
    opacity: 1;
}

.knowledgeSection .modalHeader {
    padding-bottom: 20px;
    text-align: left;
    width: 100%;
}

.knowledgeSection .modalHeader h3 {
    font-size: 20px;
    color: #000;
    font-weight: 500;
}

.knowledgeSection .modalBody {
    width: 100% !important;
    overflow-y: auto;
    max-width: 100%;
}

.knowledgeSection .flip-card-back p {
    min-height: 370px;
}

.knowledgeSection .modalBody {
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.knowledgeSection .formBody {
    width: calc(100% - 500px);
    padding: 40px;
    max-height: 700px;
    height: 100%;
}

.knowledgeSection .formImgBody {
    width: 500px;
    background-color: #f1f1f1;
}

.knowledgeSection .formImgBody img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.knowledgeSection .goalsFrontTop h4 {
    max-width: 360px;
    width: 100%;
}

.knowledgeSection .flip-card-back h5 {
    text-transform: capitalize;
}

/*  Case Studies */
/* .case-studies-top.hero{height:545px;} */
.case-studies-top.hero .grid {
    height: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.case-studies-top.hero h1 {
    max-width: 50%;
}

.case-studies-main .what-is-bottom-logo {
    margin-block-start: 0;
    max-width: 100%;
}

.case-studies-main .what-is-bottom-logo-wrappper {
    margin: 15px 0;
}

.case-studies-main .what-is-bottom-image {
    max-width: 275px;
    margin: 0;
    margin-block-start: 55px;
}

.case-studies-main .what-is-bottom-gall .what-is-bottom-gallery-item {
    max-width: 320px;
    margin: 0;
    align-items: center;
    padding-bottom: 20px;
}
.case-studies-main .what-is-bottom-gall .what-is-bottom-gallery-item:hover {background-color: #e4e4e4 }

.case-studies-main .what-is-bottom-gall.row-wrap {
    justify-content: space-between;
}

.case-studies-main .what-is-bottom-gallery-item:hover {
    background-color: var(--color-main-green);
}

.case-studies-main h2 {
    font-family: var(--font-second);
    color: #006699;
    margin: 60px 0 30px;
    text-align: center;
}

.case-studies-main {
    padding: 80px 0 130px;
}

.case-studies-main .text {
    max-width: 65%;
}

/* Career */
.careers-testimonials svg.swiper-navigation-icon {
    display: none;
}


/* Compaign Page */
.compaign-banner { background-color: #EFEFE7; min-height: 650px; /*padding-top: 455px; padding-bottom: 75px;*/ position: relative; overflow: hidden; }
.compaign-top{ max-width: 746px; position: absolute; top: -100px; right: -20px; z-index: 1; }
.compaign-top img { width: 100%; height: 100%; object-fit: cover; object-position: center; } 
.compaign-bottom { max-width: 256px; position: absolute; right: 145px; bottom: 65px; z-index: 1; }
.compaign-bottom img { width: 100%; height: 100%; object-fit: cover; object-position: center; } 
.compaign-bg { max-width: 870px;position: absolute; bottom: 0; right: 125px; }
.compaign-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.compaign-banner .content-box { min-height: 580px; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 76px; }
.compaign-banner h1 { font-size: 60px; line-height: 1.2; font-weight: 500; color: #000; margin-bottom: 20px; }
.compaign-banner h1 sup { font-size: 40px; }
.compaign-banner h1 span { display: block; }
.compaign-banner p { font-size: 25px; line-height: 1.2; font-weight: 500; color: #000; max-width: 35%; width: 100%; margin-bottom: 30px; }
.featured { background-color: #FFCB00; padding: 30px 0; position: relative; }
.featured .title-box { margin-bottom: 10px; text-align: center; }
.featured .title-box h2 { font-size: 22px; line-height: normal; font-weight: 600; color: #000; margin-bottom: 0px; text-transform: uppercase; font-family: var(--font-second); }
.featured .title-box p {  font-size: 25px; line-height: normal; font-weight: 500; color: #000; } 
.marquee{display:flex;align-items:center;overflow:hidden;width:100%;position:relative;}
.marquee-track{display:flex;animation:marquee 25s linear infinite;gap:0;}
.marquee-track:hover { animation-play-state: paused; }
.marquee-content{display:flex;align-items:center;}
.ticker-logo{width:150px;height:150px;display:flex;align-items:center;justify-content:center;margin:0 35px;}
.ticker-logo img{width:100%;height:100%;object-fit:contain;object-position:center;}
@keyframes marquee{0%{transform:translateX(0);} 100%{transform:translateX(-50%);} }
.what-you-get { padding: 100px 0; background-color: #fff; }
.what-you-get .title-box { margin-bottom: 70px; text-align: center; }
.what-you-get h2 { font-size: 42px; line-height: normal; font-weight: 500; color: #000; text-align: center; margin-bottom: 0; }
.what-you-get .notes { max-width: 715px; width: 100%; margin: 90px auto 0; border: 7px solid #FFCB00; padding: 20px; box-sizing: border-box; }
.what-you-get .notes p { font-size: 25px; line-height: normal; color: #000; max-width: 85%; margin: 0 auto; }
.what-you-get.dark { background-color: #EFEFE7; }
.what-you-get.dark .title-box { text-align: left; }
.what-you-get.dark h2 {font-family: var(--font-second); text-align: left; font-size: 22px; color: #0066A4; font-weight: 600; margin-bottom: 20px; text-transform: uppercase; }
.what-you-get.dark .title-box p { font-size: 42px; line-height: 1.19; font-weight: 500; max-width: 70%; }
.what-you-get.dark .card-round-wrap .card-box { display: flex; flex-direction: column; }
.what-you-get.dark .card-round-wrap .card-box .card-content { display: flex; flex-direction: column; flex: 1; }
.what-you-get.dark .card-round-wrap .card-box .card-content .title { margin-bottom: 20px; }
.what-you-get.dark .card-round-wrap .card-box .card-content p { max-width: 80%; margin: 0 auto 35px; }
.what-you-get.dark .card-round-wrap .card-box .card-content .btn { margin: auto auto 0; padding: 0 25px;min-width: 220px;}
.card-round-wrap { display: flex; flex-wrap: wrap; gap: 30px; }
.card-round-wrap .card-box { max-width: calc(33.33% - 20px); width: 100%; }
.card-round-wrap .card-box .card-image { max-width: 402px; aspect-ratio: 1; border-radius: 50%; overflow: hidden; margin: 0 auto 25px; }
.card-round-wrap .card-box .card-image img { width:100%;height:100%;object-fit:cover;object-position:center; }
.card-round-wrap .card-box .card-content { text-align: center; }
.card-round-wrap .card-box .card-content .title {  font-size: 25px; line-height: normal; font-weight: 700; color: #0066A4; margin-bottom: 25px; }
.card-round-wrap .card-box .card-content p { font-size: 18px; font-weight: 500; line-height: normal; }
.card-round-wrap .card-box .card-content p sup { font-size: 13px; }
.submit-product { padding: 100px 0; background-color: #006CAC; overflow: hidden; }
.submit-product h2 { font-size: 42px; line-height: normal; font-weight: 500; color: #fff; margin-bottom: 100px; }
.submit-product .form-wrap, .submit-product form { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; position: relative; }
.submit-product .form-wrap .form-box, .submit-product form .hs-form-field { max-width: calc(33.33% - 14px); width: 100%; display: flex; align-items: center; gap: 60px; margin-bottom: 56px; position: relative; }
.submit-product .form-wrap .form-box label, .submit-product form .hs-form-field label { font-size: 16px; min-width: 155px; line-height: normal; color: #fff; font-weight: 700; }
.submit-product .form-wrap .form-box input, .submit-product .form-wrap .form-box select, .submit-product form .hs-form-field input, .submit-product form .hs-form-field select { max-width: 210px; width: 100%; padding: 10px 20px; background-color: #fff; outline: none; border: none; box-shadow: none; font-size: 16px; height: 42px; margin-bottom: 0; }
.submit-product form .hs-form-field select { background-image: url('data:image/svg+xml,<svg width="44" height="43" viewBox="0 0 44 43" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M43.6352 0H0V42.763H43.6352V0Z" fill="%23FFCB00"/><path d="M21.6822 11.3745H23.5197V26.287L27.3697 22.437L28.5072 23.5745L22.5947 29.487L16.6822 23.5745L17.8197 22.437L21.6822 26.2995V11.3745Z" fill="black"/></svg>'); background-repeat: no-repeat; background-size: contain; background-position: right center; appearance: none; padding-right: 45px; } 
.submit-product form .hs-fieldtype-select .input { position: relative; }
.submit-product form .hs-form-field .input { max-width: 210px; width: 100%; }
.submit-product form .hs_hero_product_signup_newsletter .input { max-width: max-content; }
.submit-product .form-wrap .form-box.textarea-box,  .submit-product form .hs-fieldtype-textarea { max-width: calc(70% - 10px); width: 100%; align-items: flex-start; gap: 100px; }
.submit-product .form-wrap .form-box.textarea-box label, .submit-product form .hs-fieldtype-textarea label { min-width: max-content; }
.submit-product .form-wrap .form-box.textarea-box textarea, .submit-product form .hs-fieldtype-textarea .input { max-width: 515px; width: 100%; height: 192px; padding: 20px; font-size: 16px; padding: 0; }
.submit-product form .hs-fieldtype-textarea .input .hs-fieldtype-textarea { max-width: 100%; height: 100%; padding: 20px; margin-bottom: 0; border-block-end: none; }
.submit-product form .hs_hero_product_signup_newsletter { max-width: calc(40% - 10px); margin-left: -250px; align-items: flex-start; } 
.submit-product .form-wrap .sign-newsletter, .submit-product form .hs_hero_product_signup_newsletter .hs-form-booleancheckbox-display { display: flex; align-items: center; gap: 20px; }
.submit-product .form-wrap .sign-newsletter .icon-box, .submit-product form .hs_hero_product_signup_newsletter .hs-form-booleancheckbox-display input { width: 42px; height: 42px; font-size: 22px; font-weight: 500; color: #000; background-color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.submit-product .form-wrap .sign-newsletter p, .submit-product form .hs_hero_product_signup_newsletter .hs-form-booleancheckbox-display input + span { font-size: 22px; font-weight: 700; color: #fff; max-width: 50%; width: 100%; }
.submit-product form .hs_submit.hs-submit { max-width: 100%; width: 100%; margin-left: 305px; margin-top: -45px; }
.submit-product form .hs_submit.hs-submit input { font-family: var(--font-second); background-color: #FFCB00; border: 1px solid #FFCB00; color: #000; transition: all 0.3s ease-in-out; font-weight: 600; padding: 0 50px;max-width: fit-content;border-radius: 10px;}
.submit-product form .hs_submit.hs-submit input:hover { background-color: transparent; color: #fff; }
.submit-product .no-list.hs-error-msgs.inputs-list, .submit-product form .hs-form-field label.hs-error-msg { position: absolute; top: calc(100% + 5px); color: #fff; font-weight: 400; left: 105px; font-size: 14px; width: 100%; margin: 0; width: 100%; }
.submit-product .form-wrap .form-box.textarea-box .no-list.hs-error-msgs.inputs-list, .submit-product form .hs-fieldtype-textarea .no-list.hs-error-msgs.inputs-list { left: 200px; }
.submit-product form .hs_hero_product_signup_newsletter .no-list.hs-error-msgs.inputs-list { left: -100px; top: 60px; }
.submit-product .privacy-text{margin-left:305px;font-size:14px;color:#fff;max-width:350px;width:100%;margin-top:12px;}
.client-showcase { padding: 100px 0; }
.client-showcase .title-box { margin-bottom: 50px; text-align: center; }
.client-showcase .title-box h2 { font-size: 42px; line-height: normal; font-weight: 500; color: #000; margin-top: 0; margin-bottom: 10px; }
.client-showcase .title-box p {  font-size: 25px; line-height: normal; font-weight: 400; color: #000; } 
.submit-product .hbspt-form .submitted-message {border:1px solid #fff;text-align:center;padding:10px;color:#fff;margin-bottom:20px;}
.hbspt-form:has(.submitted-message) ~ .privacy-text{display:none;}

/* Industries Applicaton */
.feature-banner { padding: 70px 0; background-color: #0669A7; }
.feature-banner .title-box { text-align: center; margin-bottom: 70px; }
.feature-banner .title-box .feature-banner__label { font-family: var(--font-second);}
.feature-banner .title-box p { font-size: 22px; color: #FFCB00; font-weight: 600; margin-bottom: 15px; text-transform: uppercase; }
.feature-banner .title-box h2 { color: #fff; font-size: 42px; font-weight: 500; line-height: normal; margin-bottom: 15px; }
.feature-banner .title-box p.feature-banner__subheading { font-size: 25px; line-height: normal; color: #fff; font-weight: 400; max-width: 60%; margin: 0 auto; text-transform: none; }
.feature-banner__icons { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 60px; }
.feature-banner__icon-item { max-width: calc(25% - 15px); width: 100%; text-align: center; }
.feature-banner__icon-item .feature-banner__icon-wrap { max-width: 130px; margin: 0 auto 30px; aspect-ratio: 1; } 
.feature-banner__icon-item .feature-banner__icon-wrap img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.feature-banner__icon-item .feature-banner__icon-desc { max-width: 250px; margin: 0 auto; color: #fff; font-size: 25px; line-height: 1.2; font-weight: 400; }
.feature-banner__ctas { display: flex; justify-content: center; gap: 45px; }
.feature-banner__ctas .btn.primary.btnYellow:hover { color: #fff; }
.technology-icons-grid { padding: 100px 0; }
.technology-icons-grid .title-box { text-align: center; margin-bottom: 90px; }
.technology-icons-grid .title-box p.tc-grid__label{font-family:var(--font-second);}
.technology-icons-grid .title-box p { font-size: 22px; color: #0669A7; font-weight: 600; margin-bottom: 10px; text-transform: uppercase; }
.technology-icons-grid .title-box h2 { color: #000; font-size: 42px; font-weight: 500; line-height: normal; margin-bottom: 15px; }
.technology-icons-grid .title-box p.tc-grid__subheading { font-size: 25px; line-height: normal; color: #000; font-weight: 400; max-width: 55%; margin: 0 auto; text-transform: none; }
.tc-grid__icons { display: flex; flex-wrap: wrap; gap: 20px; }
.tc-grid__icon-item { max-width: calc(20% - 16px); width: 100%; text-align: center; display: flex; flex-direction: column; }
.tc-grid__icon-item .tc-grid__icon-wrap { max-width: 181px; margin: 0 auto 15px; border-radius: 50%; aspect-ratio: 1; } 
.tc-grid__icon-item .tc-grid__icon-wrap img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.tc-grid__icon-item .tc-grid__icon-title { font-family: var(--font-second); font-size: 16px; font-weight: 600; color: #0669A7; line-height: 1.4; text-transform: uppercase; max-width: 50%; margin: auto; }
.mgrid-sec-grid { padding: 100px 0; background-color: #fff; }
.mgrid-sec-grid .title-box, .ready-to-explore .title-box { text-align: center; margin-bottom: 30px; }
.mgrid-sec-grid .title-box p.mgrid-sec__label, .ready-to-explore .title-box .title {font-family:var(--font-second);}
.mgrid-sec-grid .title-box p, .ready-to-explore .title-box .title { font-size: 22px; color: #0669A7; font-weight: 600; margin-bottom: 10px; text-transform: uppercase; }
.mgrid-sec-grid .title-box h2 { color: #000; font-size: 42px; font-weight: 500; line-height: normal; margin-bottom: 15px; }
.mgrid-sec-grid .title-box p.mgrid-sec__subheading, .ready-to-explore .title-box .ready-to-explore-desc  { font-size: 25px; line-height: normal; color: #000; font-weight: 400; max-width: 45%; margin: 0 auto; text-transform: none; }
.mgrid-sec__bg-img{max-width:200px;min-height: 228px; aspect-ratio: 1.141; background-color:#0069A7;display:flex;align-items:center;justify-content:center; flex-direction: column; align-items: flex-start; clip-path:polygon(0% 25%,0% 75%,50% 100%,100% 75%,100% 25%,50% 0%);}
.mgrid-sec__icons { display: flex; justify-content: center; gap: 0 14px; flex-wrap: wrap; margin-bottom: 50px; }
.mgrid-sec__icons .mgrid-sec__icon-item {max-width: calc(15% - 22px); width: 100%; }
.mgrid-sec__icons .mgrid-sec__icon-item .mgrid-sec__bg-img .inner-title { padding: 0 15px; width: 100%; box-sizing: border-box; }
.mgrid-sec__icons .mgrid-sec__icon-item .mgrid-sec__bg-img .mgrid-sec__icon-title { font-size: 50px; font-weight: 700; line-height: normal; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mgrid-sec__icons .mgrid-sec__icon-item .mgrid-sec__bg-img .mgrid-sec__icon-text { font-size: 16px; line-height: normal; font-weight: 400; color: #fff;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } 
.mgrid-sec__icons .mgrid-sec__icon-item:nth-child(n+7) { margin-top: -35px; }
.mgrid-sec__note { font-size: 16px; font-weight: 400; text-align: center; color: #000; }

/* Waste Converstion */
.verified-data { padding: 100px 0; }
.verified-data .title-box {  text-align: center; margin-bottom: 60px; }
.verified-data .title-box .title { font-size: 22px; color: #0669A7; font-weight: 600; margin-bottom: 10px; text-transform: uppercase; }
.verified-data .title-box h2 { color: #000; font-size: 42px; font-weight: 500; line-height: normal; }
.verified-data .title-box .sub-title { font-size: 25px; line-height: normal; color: #000; font-weight: 400; margin-bottom: 35px; }
.verified-data .title-box p { font-size: 18px; line-height: normal; max-width: 55%; width: 100%; margin: 0 auto 15px; }
.verified-data .title-box small { font-size: 12px; line-height: normal; color: #454444; }
.verified-wrap { display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 55px; }
.verified-wrap .verified-box { max-width: calc(33.33% - 20px); padding: 25px 25px 50px; width: 100%; background-color: #0669A7; border-radius: 20px; text-align: center; box-sizing: border-box; }
.verified-wrap .verified-box .image-box { max-width: 176px; margin: 0 auto 30px; aspect-ratio: 1; }
.verified-wrap .verified-box .image-box img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.verified-wrap .verified-box .content-box { color: #fff; }
.verified-wrap .verified-box .content-box .title { font-size: 50px; font-weight: 700; line-height: normal; }
.verified-wrap .verified-box .content-box .sub-title { font-size: 18px; font-weight: 800; line-height: normal; text-transform: uppercase; }
.verified-wrap .verified-box .content-box p { font-size: 18px; font-weight: 400; line-height: normal; }
.verified-wrap .verified-box.yellow-box { background-color: #FFCD1D; }
.verified-wrap .verified-box.yellow-box .content-box { color: #0669A7; }
.verified-data .ubq-comparison { border-radius: 20px; background: #EFEFE7; text-align: center; padding: 60px; margin-bottom: 50px; }
.verified-data .ubq-comparison .title { font-size: 25px; color: #000; margin-bottom: 30px; line-height: normal; }
.verified-data .ubq-comparison .image-box { max-width: 711px; margin: 0 auto 40px; }
.verified-data .ubq-comparison .image-box img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.verified-data .ubq-comparison small { font-size: 12px; font-weight: 400; color: #454444; line-height: normal; }
.verified-data .btn-wrap { display: flex; justify-content: center; gap: 20px; }
.facility { padding: 100px 0; background-color: #0669A7; position: relative; }
.facility .grid { position: initial; }
.facility .title-box { margin-bottom: 50px; }
.facility .title-box .title { text-transform: uppercase; color: #FFCB00; font-size: 22px; font-weight: 600; line-height: normal; }
.facility .title-box h2 { font-size: 42px; font-weight: 500; line-height: normal; margin-bottom: 20px;  color: #fff; }
.facility .title-box p { font-size: 25px; line-height: normal; font-weight: 400; max-width: 65%;  color: #fff; }
.facility-wrap { display: flex; align-items: center;margin-bottom: 50px; padding-block: 35px; }
.facility-wrap .video-box {width: 40vw; position: absolute; right: 0; }
.facility-wrap .video-box video { display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 127/86; }
.facility-wrap .content-box { max-width: 600px; width: 100%; aspect-ratio: 1.5; position: relative; }
.facility-wrap .content-box .v-line { position: absolute; height: 100%; width: 1px; background-color: #fff; left: 50%; transform: translateX(-50%); top: 0; }
.facility-wrap .content-box .h-line { position: absolute; width: 100%; height: 1px; background-color: #fff; top: 50%; transform: translateY(-50%); left: 0; }
.facility-wrap .content-box .content-wrap {display:flex;height:100%;align-items:center;justify-content:flex-start;}
.facility-wrap .content-box .content-wrap .text-content { max-width: calc(50% - 50px); width: 100%; text-align: center; color: #fff; }
.facility-wrap .content-box .content-wrap .text-content:not(:last-child){padding-right:30px;border-right:1px solid #fff;margin-right:30px;}
.facility-wrap .content-box .content-wrap .text-content .title { font-size: 50px; font-weight: 700; line-height: normal; }
.facility-wrap .content-box .content-wrap .text-content p { font-size: 18px; font-weight: 500; line-height: normal; }
.facility .note { color: #fff; max-width: 40%; width: 100%; margin: 0 auto; font-size: 18px; text-align: center; }
.evolved-materials { padding: 100px 0; }
.evolved-materials .title-box { margin-bottom: 30px; }
.evolved-materials .title-box .title { text-transform: uppercase; color: #0669A7; font-size: 22px; font-weight: 600; line-height: normal; }
.evolved-materials .title-box h2 { font-size: 42px; font-weight: 500; line-height: normal; margin-bottom: 10px; color: #000; }
.evolved-materials .title-box p { font-size: 25px; line-height: normal; font-weight: 400; color: #000; }
.evolved-materials-wrap { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 40px; }
.evolved-materials-box { max-width: calc(25% - 15px); width: 100%; background-color: #EFEFE7; padding: 46px 45px 50px; box-sizing: border-box; display: flex; flex-direction: column; }
.evolved-materials-wrap .image-box { max-width: 172px; min-height: 172px; aspect-ratio: 1; margin: 0 auto 45px; }
.evolved-materials-wrap .image-box img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.evolved-materials-wrap .title { font-size: 25px; line-height: 1; color: #0669A7; font-weight: 700; margin-bottom: 20px; margin-top: 0; text-align: center; }
.evolved-materials-wrap p { font-size: 16px; line-height: normal; color: #000; margin-top: 0; }
.evolved-materials .btn-wrap { display: flex; gap: 40px; }

/* Ready to Explore */
.ready-to-explore { padding: 100px 0px;}
.ready-to-explore .ready-to-explore-grids{width:100%;}
.ready-to-explore .content-box{width:100%;}
.ready-to-explore .content-wrap{display:flex;flex-direction:column;gap:40px;}
.ready-to-explore .ready-explore-left,.ready-to-explore .ready-explore-right{display:flex;align-items:stretch;overflow:hidden;background:#fff;min-height:280px;}
.ready-to-explore .ready-explore-left > img,.ready-to-explore .ready-explore-right > img{width:50%;flex-shrink:0;object-fit:cover;display:block; }
.ready-to-explore .title-box .ready-to-explore-desc { max-width: 43%; }
.ready-to-explore .title-box .ready-to-explore-desc span{color:#000;font-weight:400;text-transform:none;text-decoration:underline;}
.ready-to-explore .text-box { flex: 1; padding: 50px 90px; background: #fff; display: flex; flex-direction: column;  justify-content: center; }
.ready-to-explore .text-box h3 { font-size: 25px; font-weight: 700; color: #006CAC; margin: 0 0 15px; font-family: var(--font-main); }
.ready-to-explore .text-box p { font-size: 18px; color: #000000; margin: 0px 0px 40px 0px; font-family: var(--font-main); font-weight: 500; }
.ready-to-explore .ready-explore-left { flex-direction: row; }
.ready-to-explore .ready-explore-right { flex-direction: row-reverse; }
.ready-to-explore .ready-to-explore-desc { max-width: 43%; }
.ready-to-explore .title-box { margin-bottom: 40px; }
.ready-to-explore .title-box .ready-to-explore-desc a { text-decoration: underline; }
.ready-to-explore .ready-explore-left:first-child .text-box p { max-width: 400px; }
.ready-to-explore .ready-explore-right:nth-child(2) .text-box p { max-width: 475px; }
.ready-to-explore .ready-explore-left .text-box ul { margin: 0; padding-bottom: 20px; }
.ready-to-explore .ready-explore-left .text-box ul li { color: #006CAC; font-weight: 700; font-size: 18px; }
.ready-to-explore .ready-explore-left:last-child .text-box p { margin-bottom: 24px; }
.ready-to-explore .ready-explore-left .text-box ul li { margin-bottom: 15px; }
.ready-to-explore .ready-explore-left .text-box ul li span { color: #000; font-weight: 500; }








/* UBQ Material */
.ubq-banner-bg-img-container { padding: 150px 0 130px; }
.ubq-banner-bg-img-container .banner-left, .ubq-banner-bg-img-container .banner-left .banner-title, .ubq-banner-bg-img-container .banner-left .grid { max-width: 100%; }
.ubq-banner-bg-img-container .banner-left .grid { margin: 0 auto; }

/* Sticky Button */
.sticky-cta{position:fixed;top:50%;right:10px;transform:translateY(-50%);z-index:9999;}
.sticky-cta a{position:relative;display:flex;align-items:center;gap:8px;writing-mode:vertical-rl;text-orientation:mixed;background-color:var(--bg-color-main-blue);color:#fff;text-decoration:none;padding:16px 20px;border-radius:40px;overflow:hidden;transition:all 0.3s ease-in-out;box-shadow:0 0 20px rgba(0,0,0,0.3);border-radius:40px;font-family:var(--font-second);}
.sticky-cta a:hover{background-color:var(--bg-color-dark-blue);}
.sticky-cta .arrow{font-size:16px;transform:rotate(-90deg);}
.sticky-cta .text{font-size:15px;font-weight:500;}
.sticky-cta a{position:relative;z-index:1;overflow:hidden;}
.sticky-cta a::before{content:"";position:absolute;inset:0;border-radius:40px;padding:4px;background:#FFCE1C;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:glowPulse 2s ease-in-out infinite;}
.sticky-cta a::after{content:"";position:absolute;inset:2px;background:var(--bg-color-main-blue);border-radius:40px;z-index:-1;transition:all 0.3s ease-in-out;}
.sticky-cta a:hover::after{background:var(--bg-color-dark-blue);}
.header-mobile-menu-wrapper .header-main-menu-wrapper { flex-direction: column;}
.header-main-menu-wrapper .mobile-cta-wrapper { display: flex; justify-content: center; padding: 10px 0 20px; width: 100%;}
.header-main-menu-wrapper .mobile-cta-wrapper .btn.primary::before{content:"";position:absolute;inset:0;border-radius:10px;padding:2px;background:#FFCE1C;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:glowPulse 2s ease-in-out infinite;}
.header-main-menu-wrapper .mobile-cta-wrapper .btn.primary::after{content:"";position:absolute;inset:2px;background:var(--bg-color-main-blue);border-radius:10px;z-index:-1;transition:all 0.3s ease-in-out;}
.header-main-menu-wrapper .mobile-cta-wrapper .btn.primary:hover::after{background:var(--bg-color-dark-blue);}
@keyframes glowPulse{0%{opacity:0.1;filter:drop-shadow(0 0 2px #fff);}
50%{opacity:1;filter:drop-shadow(0 0 8px #fff);}
100%{opacity:0.1;filter:drop-shadow(0 0 2px #fff);}
}

.meet-ubq-sec .title-box p { max-width: 489px; }
.meet-ubq-sec .content-wrap { display: flex; margin-bottom: 40px; }
.meet-ubq-sec .content-wrap .text-content { text-align: center; max-width: 33.33%; width: 100%; border-right: 2px solid #FFCB00; }
.meet-ubq-sec .content-wrap .text-content:last-child { border-right: none; }
.meet-ubq-sec .content-wrap .text-content .title { font-size: 42px; line-height: 1.25; color: #fff; text-align: center; padding: 18px 50px; }
.meet-ubq-sec .content-wrap .text-content .title span { display: block; }
.meet-ubq-sec .note { font-size: 25px; max-width: 100%; margin-bottom: 30px; }
.meet-ubq-sec .video-box { width: 45vw; top: 0; max-height: 600px; overflow: hidden; }
.facility-wrap .video-box video { aspect-ratio: 127 / 90; }
.meet-ubq-sec .btnYellow { color: #0069A7; margin: 0 auto; }
.meet-ubq-sec .btnYellow:hover { color: #FFCB00; }
.compatibility-cta.hero-p-cta-wrap .title-box { max-width: 100%; }
.compatibility-cta.hero-p-cta-wrap .title-box h2 { margin-bottom: 10px; }
.compatibility-cta.hero-p-cta-wrap .title-box p { margin-bottom: 30px; }


/* New landing page hubspot form popup */
#explore-hubspot-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;}
.explore-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.6);}
.explore-form-modal{position:relative;width:90%;max-width:760px;background:#fff;border-radius:18px;margin:50px auto;padding:40px;z-index:2;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px rgba(0,0,0,0.25); box-sizing: border-box; }
.explore-modal-close{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:50%;border:1px solid #d9d9d9;background:#fff;cursor:pointer;font-size:18px;line-height:1;transition:0.3s;}
.explore-modal-close:hover{background:#f5f5f5;}
.explore-hubspot-form .hs-form-field{width:calc(33.33% - 10px);position:relative;}
.explore-hubspot-form form{display:flex;flex-wrap:wrap;gap:15px;}
.explore-hubspot-form .hs-form-field label{font-size:16px;display:inline-block;margin-bottom:5px;}
.explore-hubspot-form .hs-form-field.hs_msg,.explore-hubspot-form .hs_hero_product_signup_newsletter{width:100%;}
.explore-hubspot-form .hs-form-field.hs_msg .hs-field-desc{font-size:14px;margin-bottom:10px;color:#333;}
.explore-hubspot-form .hs_hero_product_signup_newsletter .inputs-list{margin:0;padding:0;list-style:none;}
.explore-hubspot-form .hs_hero_product_signup_newsletter .inputs-list li label{display:flex;gap:10px;}
.explore-hubspot-form .hs_hero_product_signup_newsletter .inputs-list li label input{width:15px;height:15px;padding:0;min-height:100%;border-radius:3px;}
.explore-form-modal .hs-form-booleancheckbox input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0;}
.explore-form-modal .hs-form-booleancheckbox .hs-form-booleancheckbox-display{position:relative;display:inline-flex;align-items:center;cursor:pointer;}
.explore-form-modal .hs-form-booleancheckbox .hs-form-booleancheckbox-display span{position:relative;padding-left:22px;display:inline-block;}
.explore-form-modal .hs-form-booleancheckbox .hs-form-booleancheckbox-display span::before{content:"";position:absolute;left:0;top:3px;width:15px;height:15px;border:1px solid #ccc;background:#fff;box-sizing:border-box;transition:all 0.2s ease;border-radius:3px;}
.explore-form-modal .hs-form-booleancheckbox .hs-form-booleancheckbox-display span::after{content:"";position:absolute;left:5px;top:5px;width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);opacity:0;transition:opacity 0.2s ease;}
.explore-form-modal .hs-form-booleancheckbox input[type="checkbox"]:checked + span::before{background:#0066A4;border-color:#0066A4;}
.explore-form-modal .hs-form-booleancheckbox input[type="checkbox"]:checked + span::after{opacity:1;}
.explore-form-modal .hs-form-booleancheckbox .hs-form-booleancheckbox-display:hover span::before{border-color:#0066A4;}
.explore-hubspot-form input,.explore-hubspot-form select,.explore-hubspot-form textarea{width:100%;border:1px solid #d9d9d9;border-radius:10px;padding:10px;font-size:16px;min-height:45px;}
.explore-hubspot-form textarea{min-height:140px;}
.explore-hubspot-form input.hs-button{margin-block-start:0;font-weight:700;padding:10px 20px;max-width:100%;}
.explore-form-modal #otherClose{position:absolute;right:0;top:0;cursor:pointer;font-size:16px;line-height:1.75;}
.explore-form-modal ul.no-list.hs-error-msgs.inputs-list{padding:0;list-style:none;margin:0;}
.explore-form-modal ul.no-list.hs-error-msgs.inputs-list label.hs-error-msg{font-size:14px;color:#d00000;}
.explore-hubspot-form.hb-form-1 form,.explore-hubspot-form.hb-form-0 form{gap:0;}
.explore-hubspot-form.hb-form-1 .form-columns-2,.explore-hubspot-form.hb-form-0 .form-columns-2{max-width:100%;width:100%;display:flex;gap:15px;}
.explore-hubspot-form.hb-form-1 .form-columns-1,.explore-hubspot-form.hb-form-0 .form-columns-1{max-width:100%;width:100%;}
.explore-hubspot-form.hb-form-1 .form-columns-2 input,.explore-hubspot-form.hb-form-1 .form-columns-1 input,.explore-hubspot-form.hb-form-0 .form-columns-2 input,.explore-hubspot-form.hb-form-0 .form-columns-1 input{margin-right:0;width:100%;}
.explore-hubspot-form.hb-form-1 .form-columns-1 .input,.explore-hubspot-form.hb-form-0 .form-columns-1 .input{width:100%;}
.explore-hubspot-form.hb-form-1 .form-columns-1 .input input,.explore-hubspot-form.hb-form-0 .form-columns-1 .input input{margin-right:0;width:100%;}
.explore-hubspot-form.hb-form-1 .hs-form-field,.explore-hubspot-form.hb-form-0 .hs-form-field{width:100%;}
.explore-hubspot-form.hb-form-1 .form-columns-1 ul.inputs-list,.explore-hubspot-form.hb-form-0 .form-columns-1 ul.inputs-list{padding:0;list-style:none;}
.explore-hubspot-form.hb-form-1 input.hs-button,.explore-hubspot-form.hb-form-0 input.hs-button{min-width:150px;}
.explore-hubspot-form.hb-form-1 .form-columns-2 .input, .explore-hubspot-form.hb-form-0 .form-columns-2 .input { margin-right: 0; }


/*--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;
}



.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: 10px;
    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: 10px;
    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;
    margin-bottom: 30px;
}

.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 h4 {
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 16px;
}

.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: 0;
}

.nl-footer-contact-bar {
    background: #FFCD1C;
    padding: 10px 0;
}

.nl-footer-contact-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #020E1F;
    font-size: 14px;
    gap: 20px;
}

.nl-footer-address,
.nl-footer-phone {
    display: flex;
    gap: 10px;
    position: relative;
}

.nl-footer-address:after {
    content: "";
    border-right: 1px solid #020E1F;
}


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 #menu-header-nav-es>li {
        margin-right: 2.5vw;
    }

    .header #menu-header-nav-es>li>a {
        font-size: 15px;
    }

    .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: 0;
    }

    .footer-nav h4 {
        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:1680px) {
    .pdiv p {
        font-size: 20px;
    }
}

@media (max-width: 1600px) {
    .ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .image-box {
        height: 360px;
    }

    .ubq-blog-cat-mdesign .blog-top-list-box .blog-top-post-wrap .image-box {
        height: 495px;
    }

    .ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .blog-post-img a {
        height: 215px;
    }

    .certification-full-content .certification-full-content-wrap .content-box {
        padding: 90px;
    }

    .certification-full-content .certification-full-content-wrap .content-box p {
        width: 100%;
    }

    .leadership-banner:before {
        background-size: 80%;
        left: -320px;
        top: -46px;
    }
    .mgrid-sec__icons .mgrid-sec__icon-item { max-width: calc(15% - 16px); width: 100%; }

}

@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,
    .blog-post-text h3+p {
        min-height: 80px;
    }

    .menu-item-has-children>.sub-menu>li,
    .header #menu-header-nav>li:last-child .sub-menu>li>a {
        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,
    .blog-post-text h3+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);
    }

    .ubq-blog-redesign-wrap .blog-subscribe-form.blog-post {
        max-width: 100%;
    }

    .ubq-blog-redesign-wrap .blog-subscribe-form.blog-post p {
        font-size: 16px;
        line-height: 1.3;
    }

    .ubq-blog-redesign-wrap .blog-subscribe-form.blog-post h4 {
        font-size: 30px;
    }

    .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;
    }

    .about-section .text,
    .support-section .text h4,
    .material-integration-section .text blockquote,
    .why-it-matters-section .text,
    .sustainability .content-box p,
    .compatible-technologies p,
    .future-in .content-box p,
    .future-in .multi-functional .multi-functional-box p,
    .material-section .content-box p,
    .renewing-section .title-box p,
    .renewing-section .renew-wrap .renew-box .text,
    .partnership-purpose .content-box .title-box p,
    .certified-section .certified-wrap .content-box p,
    .upholding-standards .title-box p,
    .certification-full-content .certification-full-content-wrap .content-box p,
    .certification p,
    .certifications-compliances .wrap-box .certifications-block .certificate-text p,
    .certification .cnc-certificate-text-row .cnc-certificate-text {
        font-size: 20px;
    }

    .certified-section .certified-wrap .content-box p {
        width: 80%;
    }

    .certification-full-content .certification-full-content-wrap .image-box .image {
        height: 430px;
    }

    .leadership-banner:before {
        left: -330px;
        top: -110px;
    }

    .leadership-wrap .content-box h1 {
        font-size: 40px;
    }

    .leadership-wrap .content-box .designation {
        font-size: 24px;
    }

    .leadership-wrap .content-box .education {
        font-size: 20px;
    }

    .leadership-wrap .img-box .image {
        max-width: 550px;
        min-height: 495px;
    }

    .leadership-wrap .img-box {
        width: 550px;
        height: 495px;
    }

    .professional-background h2,
    .expertise-area h2 {
        font-size: 40px;
    }

    .professional-background:before {
        background-size: 80%;
        right: -90px;
        bottom: -60px;
    }

    .expertise-wrap .expertise-box .text-box p {
        font-size: 20px;
    }

    .expertise-wrap .expertise-box .icon-box {
        width: 90px;
        height: 90px;
    }

    .header-search-toggle {
        width: 20px;
        height: 20px;
    }

    .company-top .bg-blue:after {
        background-size: 60%;
    }

    .company-top .bg-blue:before {
        background-size: 60%;
        background-position: right;
        bottom: -220px;
    }

    .company-main .grid-narrow {
        max-width: 90%;
    }

    .company-top .text {
        max-width: 85%;
        margin: auto;
    }

    .ubq-main .main-item {
        max-width: 26%;
        margin-block-end: 35px;
    }

    /* .hero.big{height:545px;}
    .affiliations-top.hero { height: 545px; } */
    .ubq-main .ubq-main-items~.text {
        max-width: 30%;
        line-height: 1.4;
    }

    .industries .industry {
        max-width: 15.85%;
    }

    .environmental-impact-inf .top-inf-item {
        max-width: 24%;
        height: 460px;
    }

    .environmental-impact-inf .top-inf-item:hover {
        max-width: 50%;
    }

    .environmental-impact-inf .top-inf-item-wrapper {
        transform: translateY(78%);
        padding: 25px;
        height: calc(100% - 50px);
    }

    .environmental-impact-inf .top-inf-item-wrapper h4 {
        font-size: 20px;
    }

    .environmental-impact-inf .top-inf-item-wrapper p {
        line-height: 1.5;
    }

    .knowledgeSection .goalsSectionCont {
        max-width: 1200px;
    }

    .about-content .text-box p,
    .our-story .story-box .content-box p {
        font-size: 20px;
    }

    .case-studies-main .what-is-bottom-gall .what-is-bottom-gallery-item {
        max-width: 23%;
    }

    .case-studies-main .what-is-bottom-gall .what-is-bottom-gallery-item {
        /*max-width: 100%;*/
        margin-block-end: 25px;
    }

    .case-studies-main .text {
        max-width: 90%;
        text-align: center;
        margin: auto;
        line-height: 1.5;
    }

    .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;
    }
    .submit-product form .hs_hero_product_signup_newsletter { max-width: calc(36% - 10px); }
    .mgrid-sec__icons .mgrid-sec__icon-item { max-width: calc(16% - 4px); }    

}

@media(max-width:1440px) {
    footer.new-footer-wrapper .footer-nav .flex-box-column:last-child {
        max-width: 300px;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .learn-more-side-article .learn-more-side-article-img {
        height: 120px;
    }

    .ubq-blog-redesign-wrap .title-box h1 {
        font-size: 40px;
    }

    .ubq-blog-redesign-wrap .title-box .sub-title {
        font-size: 20px;
    }

    .ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box .blog-top-text h2,
    .ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box .blog-top-text h2 a {
        font-size: 30px;
    }

    .ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .blog-post-img a {
        height: 190px;
    }

    .ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .image-box {
        height: 300px;
    }

    .ubq-blog-cat-mdesign .blog-top-list-box .blog-top-post-wrap .image-box {
        height: 415px;
        margin-left: -110px;
    }

    .ubq-blog-cat-mdesign .blog-top-list-box .blog-top-post-wrap .content-box .blog-top-text {
        width: calc(100% - 110px);
    }

    .blog-post-inner-top.blog-admin-user-top .blog-post-wrap .content-box p {
        padding-right: 0;
    }

    .renewing-section .renew-wrap .renew-box {
        width: 22%;
    }

    .quote-slider .quote-box {
        margin: 0 30px;
    }

    .quote-slider .quote-box .slick-prev,
    .quote-slider .quote-box .slick-next {
        width: 40px;
        height: 40px;
        left: 10px;
    }

    .quote-slider .quote-box .slick-next {
        right: 10px;
        left: inherit;
    }

    .quote-slider .quote-box .slick-prev:before,
    .quote-slider .quote-box .slick-next:before {
        width: 100%;
        height: 100%;
    }

    .quote-slider .quote-box .wrap-slider .slider-content .quote {
        font-size: 26px;
    }

    .quote-slider .quote-box .wrap-slider .slider-content .text-box .name,
    .quote-slider .quote-box .wrap-slider .slider-content .text-box .designation,
    .quote-slider .quote-box .wrap-slider .slider-content .text-box .state {
        font-size: 20px;
    }

    .certification-full-content .certification-full-content-wrap .content-box {
        padding: 50px;
    }

    .pdiv p {
        font-size: 20px;
    }

    .knowledgeSection .goalsFrontTop h4 {
        max-width: 320px;
        width: 100%;
        font-size: 40px;
    }

    .ubiquitous .ubiquitous-box .content-box h2 {
        font-size: 40px;
    }

    .ubiquitous .ubiquitous-box .content-box p {
        margin-bottom: 20px;
    }

    .company-main .team-member .name,
    .company-main .team-member .name a {
        font-size: 28px;
    }   
    .submit-product form .hs_hero_product_signup_newsletter {
        max-width: calc(33% - 10px);
    } 
    .feature-banner .title-box p.feature-banner__subheading { max-width: 70%; }
    .technology-icons-grid .title-box p.tc-grid__subheading { max-width: 65%; }
    .mgrid-sec-grid .title-box p.mgrid-sec__subheading { max-width: 54%; }
    .verified-data .title-box p { max-width: 68%; }
    .facility .title-box p { max-width: 75%; }
    .facility .note { max-width: 45%; }
    .meet-ubq-sec .title-box p { max-width: 489px; }
    .meet-ubq-sec .content-wrap .text-content .title { padding: 18px 40px; }
    .meet-ubq-sec .note { max-width: 100% ; }
    .ready-to-explore .title-box .ready-to-explore-desc { max-width: 52%; }
    .meet-ubq-sec .video-box { width: 51.3vw;  }
    .meet-ubq-sec .facility-wrap { margin-bottom: 30px; padding-block: 0; }
    .evolved-materials-wrap .title { min-height: 50px; }
}

@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;
    }

    .ubq-blog-redesign-wrap .blog-subscribe-form.blog-post {
        padding: 20px;
    }

    .ubq-blog-cat-mdesign .blog-top-list-box .blog-top-post-wrap .image-box {
        height: 385px;
    }

    .blog-post-inner-top .blog-post-wrap .image-box {
        height: 310px;
    }

    .ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .blog-post-img a {
        height: 178px;
    }

    .certi-cta-btn .text-box {
        max-width: 55%;
    }


    .ubq-top .grid-narrow,
    .hero .grid-narrow {
        max-width: 85%;
    }
    .mgrid-sec__icons .mgrid-sec__icon-item { max-width: calc(17.50% - 14px); }
    .mgrid-sec__icons .mgrid-sec__icon-item:nth-child(n+6) { margin-top: -40px; }    
    /* .facility-wrap .video-box { max-width: 650px; } */
    .ready-to-explore .title-box .ready-to-explore-desc { max-width: 55%; }
    .meet-ubq-sec .video-box { width: 54vw; }

}

@media (min-width: 1281px) {
    .newfourcolomn .list-sectiontwo p {
        padding-right: 8em;
    }

    .b-corp-main .grid-narrow,
    .ubq-contribution .grid-narrow {
        /*max-width:80%;*/
        max-width: 1520px;
    }

    .newthreecolomn .box-sectiontwo img {
        width: 46% !important;
    }

    .newthreecolomn {
        background-color: #E6E6E6;
        padding: 40px 0px;
    }

}

@media (min-width:821px) and (max-width: 1024px) {
    .newthreecolomn .box-sectiontwo img {
        width: 42% !important;
    }

}

@media (min-width:1025px) and (max-width: 1280px) {
    .newthreecolomn .box-sectiontwo img {
        width: 46% !important;
    }

}

@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,
    .header .grid {
        max-width: 95% !important;
        margin: auto;
    }

    .hp-bottom-logos>.grid,
    .impact-bottom-galleries .grid {
        max-width: 97.5%
    }

    .popup-close {
        margin-top: 7.5%;
    }

    .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,
    .renewing-section .title-box h2,
    .partnership-purpose .content-box .title-box h2,
    .renewing-section .title-box h2,
    .partnership-purpose .content-box .title-box h2,
    .certified-section .certified-wrap .content-box h2,
    .upholding-standards .title-box h2,
    .certification-full-content .certification-full-content-wrap .content-box h2,
    .certification h2,
    .certifications-compliances .wrap-box h2 {
        font-size: 40px;
    }

    .upholding-standards .image-wrap .image-box p {
        width: 100%;
    }

    .certification .certification-wrap .certification-box .image-box,
    .certification .cnc-certification-wrap .cnc-certification-box .image-box,
    .certifications-compliances .wrap-box .certifications-block .block-wrap .certification-box .image-box {
        width: 265px;
        height: 265px;
    }

    .certification .certification-wrap,
    .certification .cnc-certification-wrap {
        gap: 50px;
    }

    .certification .certification-wrap .certification-box,
    .certifications-compliances .wrap-box .certifications-block .block-wrap .certification-box,
    .certification .cnc-certification-wrap .cnc-certification-box {
        max-width: calc(25% - 38px);
    }

    .certifications-compliances .wrap-box .certifications-block .block-wrap .certification-wrap {
        gap: 50px;
    }

    .certifications-compliances .wrap-box .certifications-block .block-wrap {
        gap: 0 30px;
    }

    .certification-full-content .certification-full-content-wrap .image-box .image {
        height: 380px;
    }

    .leadership-banner:before {
        left: -310px;
        top: -150px;
    }

    .hero .grid-narrow {
        justify-content: center;
    }

    .b-corp-main .grid-narrow {
        max-width: 90%;
        margin: auto;
    }

    /* .b-corp-top h1{max-width:70%;} */
    .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;
    }

    .sustainable-development .goalsSectionCont .flip-card {
        width: calc(33.33% - 15px);
    }

    .sustainable-development .goalsSectionCont .goalsLogoCard {
        width: calc(33.33% - 15px);
    }

    .knowledgeSection .flip-card {
        width: calc(33.33% - 15px);
    }

    .knowledgeSection .goalsLogoCard {
        width: calc(33.33% - 15px);
    }

    .knowledgeSection .goalsSectionCont {
        max-width: 1160px;
    }

    .about-content .text-box h2,
    .our-story h2,
    .company-main h2 {
        font-size: 40px;
    }

    .ubiquitous .ubiquitous-box .content-box {
        padding: 50px 0 50px 40px;
    }

    .company-main .team-member-wrapper {
        margin-bottom: 20px;
    }

    .company-main .team-member .name,
    .company-main .team-member .name a {
        margin-block-end: 20px;
    }
    .compaign-banner h1 { font-size: 50px; }
    .compaign-banner p { font-size: 20px; }
    .featured .title-box h2, .what-you-get h2 { font-size: 40px; }
    .featured .title-box p { font-size: 20px; }
    .what-you-get .title-box { margin-bottom: 50px; }
    .client-showcase .title-box p { font-size: 20px; }
    .submit-product .form-wrap .form-box, .submit-product form .hs-form-field { gap: 30px; }
    .submit-product .no-list.hs-error-msgs.inputs-list, .submit-product form .hs-form-field label.hs-error-msg { left: 93px; }
    .submit-product .form-wrap .form-box.textarea-box .no-list.hs-error-msgs.inputs-list, .submit-product form .hs-fieldtype-textarea .no-list.hs-error-msgs.inputs-list { left: 140px; }
    .submit-product .privacy-text, .submit-product form .hs_submit.hs-submit { margin-left: 235px; }
    .meet-ubq-sec .video-box { width: 55vw; }
}

@media(max-width: 1279px) {
    .company-top-txt img {
        max-width: 85%;
        margin: auto;
    }

    .company-top-txt>.grid-narrow {
        max-width: 87%;
        padding: 50px 0;
    }

    .company-top h1 {
        max-width: 90%;
        text-align: start;
        margin-inline-start: auto;
        margin-inline-end: auto;
    }

    .company-top .text {
        font-size: 20px;
    }

    .company-top-txt .half-div img {
        margin-block-start: 30px;
    }

    .seek-bottom-share-item {
        max-width: 70%;
    }

    .seek-bottom-share-links {
        max-width: 100%;
        margin-block-start: 25px;
    }

    .seek-bottom-share .half-div.flex-box-center {
        padding-block-end: 200px;
        padding-block-start: 0;
    }

    .company-top-txt>.grid-narrow .half-div h2,
    .seek-bottom-share h2 {
        font-size: 6vw;
        line-height: 1.2;
    }

    .company-main .team-member-txt .text {
        max-height: 100%;
    }

    .company-main {
        padding: 50px 0;
    }

    .company-top-txt>.grid-narrow .half-div h2 {
        font-size: 6vw;
    }

    .company-top .bg-blue:after {
        background-size: contain;
        width: 150px;
        height: 200px;
        top: 300px;
    }

    .read-more-btn {
        display: none;
    }

    .company-top .bg-blue:before {
        background-size: contain;
        width: 210px;
        height: 250px;
        top: 240px;
    }

    .industries .industry {
        max-width: 48%;
        margin-block-end: 10px;
    }

    .industries .industry:first-child {
        margin-inline-start: 5px;
    }

    .materials.row-wrap {
        justify-content: center;
    }

    .case-studies-top.hero h1 {
        max-width: 75%;
        text-align: start;
        margin-inline-start: 0;
    }

    .case-studies-main .what-is-bottom-gallery-item>h6 {
        top: 15vw;
    }

    .case-studies-main .what-is-bottom-gallery-item>h6 {
        top: 110px;
    }

}

@media (max-width: 1200px) {
    .knowledgeSection .flip-card-back h5 {
        font-size: 18px;
    }
}

@media (max-width: 1199px) {
    .header #menu-header-nav-es>li {
        margin-right: 2vw;
    }

    .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;
    }

    .about-section .text,
    .support-section .text h4,
    .material-integration-section .text blockquote,
    .why-it-matters-section .text,
    .sustainability .content-box p,
    .compatible-technologies p,
    .future-in .content-box p,
    .future-in .multi-functional .multi-functional-box p,
    .material-section .content-box p,
    .renewing-section .title-box p,
    .renewing-section .renew-wrap .renew-box .text,
    .partnership-purpose .content-box .title-box p,
    .certified-section .certified-wrap .content-box p,
    .upholding-standards .title-box p,
    .certification-full-content .certification-full-content-wrap .content-box p,
    .certification p,
    .certifications-compliances .wrap-box .certifications-block .certificate-text p,
    .certification .cnc-certificate-text-row .cnc-certificate-text {
        font-size: 18px;
    }

    .blog-post-block {
        padding: 50px 0;
    }

    .blog-post-inner-top .blog-post-wrap .content-box .author-details {
        gap: 15px;
    }

    .blog-post-inner-top .blog-post-wrap .content-box p {
        font-size: 18px;
    }

    .blog-post-inner-top .blog-post-wrap .image-box {
        height: 245px;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-left-side .table-of-content ul li {
        margin: 0 10px;
        padding: 10px;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-left-side .table-of-content .title {
        padding-left: 10px 20px;
        font-size: 24px;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-form-wrapper {
        padding: 20px;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-form-wrapper .blog-subscribe-form.blog-post h4 {
        font-size: 24px;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-form-wrapper .blog-subscribe-form .hs-error-msgs label {
        bottom: 10px;
        font-size: 12px;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-aside .social-box {
        padding: 20px;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-aside .social-box a {
        width: 36px;
        height: 36px;
        margin-right: 5px;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-aside .social-box a i {
        font-size: 18px;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .title-box {
        padding: 10px 20px;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .title-box h4 {
        font-size: 20px;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .learn-more-side-articles {
        padding: 20px;
    }

    .blog-post-inner-main .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-post-inner-wrap .blog-post-inner-aside .article-wrap .learn-more-side-article h5 {
        font-size: 18px;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-left-side .blog-left-box,
    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-aside .blog-right-box {
        top: 100px;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-main-content h2 {
        font-size: 30px;
    }

    .ubq-blog-redesign-wrap .title-box h1 {
        font-size: 36px;
    }

    .ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap {
        padding: 40px;
    }

    .ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box .blog-top-text h2,
    .ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box .blog-top-text h2 a {
        font-size: 24px;
    }

    .ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box .blog-top-text p {
        font-size: 16px;
    }

    .ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box .author-details {
        gap: 40px;
    }

    .ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .author-details {
        flex-wrap: wrap;
        margin-top: 30px;
    }

    .ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .blog-post-img a {
        height: 135px;
    }

    .ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .image-box {
        height: 240px;
    }

    .ubq-blog-redesign-wrap .blog-subscribe-form.blog-post h4 {
        font-size: 24px;
    }

    .ubq-blog-redesign-wrap .blog-subscribe-form.blog-post .hbspt-form .hs_email input[type="email"] {
        height: 45px;
    }

    .ubq-blog-redesign-wrap .blog-subscribe-form form input[type="submit"] {
        height: 45px;
        min-width: 110px;
        font-size: 16px;
    }

    .ubq-blog-cat-mdesign .blog-top-list-box .blog-top-post-wrap .image-box {
        margin-left: -110px;
        height: 275px;
    }

    .ubq-blog-cat-mdesign .blog-top-list-box .blog-top-post-wrap .content-box .blog-top-text {
        width: calc(100% - 110px);
    }

    .ubq-blog-cat-mdesign .blog-top-list-box .blog-top-post-wrap {
        padding: 15px 0 15px 15px;
    }

    .ubq-blog-cat-mdesign .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .author-details {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .renewing-section,
    .partnership-purpose,
    .quote-slider {
        padding: 50px 0;
    }

    .renewing-section .renew-wrap .renew-box {
        width: 27%;
    }

    .quote-slider .quote-box .wrap-slider .slider-content .quote {
        font-size: 22px;
    }

    .quote-slider .quote-box .wrap-slider .slider-image .inner-image .image {
        width: 350px;
        height: 350px;
    }

    .quote-slider .quote-box .slick-dots {
        bottom: 20px;
    }

    .cta-section.cta-sec-with-desc .btn {
        height: 50px;
        padding: 0 50px;
        font-size: 20px;
    }

    .certified-section,
    .certification,
    .upholding-standards,
    .certifications-compliances,
    .cnc-certificate-wrap {
        padding: 50px 0;
    }

    .upholding-standards .image-wrap .image-box p {
        font-size: 16px;
    }

    .certification-full-content .certification-full-content-wrap .image-box .image {
        height: 330px;
    }

    .certification h2 {
        margin-bottom: 30px;
    }

    .certification .certification-wrap,
    .certification .cnc-certification-wrap {
        gap: 30px;
    }

    .certification .certification-wrap .certification-box,
    .certification .cnc-certification-wrap .cnc-certification-box,
    .certifications-compliances .wrap-box .certifications-block .block-wrap .certification-box {
        max-width: calc(25% - 23px);
    }

    .certification .certification-wrap .certification-box .image-box,
    .certification .cnc-certification-wrap .cnc-certification-box .image-box {
        width: 225px;
        height: 225px;
    }

    .certifications-compliances .wrap-box .certifications-block .block-wrap .certification-box .image-box {
        width: 210px;
        height: 210px;
    }

    .certification .certification-wrap .certification-box .image-box,
    .certification .cnc-certification-wrap .cnc-certification-box .image-box {
        margin-bottom: 20px;
    }

    .certified-section .certified-wrap .content-box p {
        width: 90%;
    }

    .certifications-compliances .wrap-box .certifications-block .block-wrap .certification-wrap {
        gap: 0 30px;
    }

    .certifications-compliances .wrap-box .certifications-block .block-wrap,
    .certifications-compliances .wrap-box {
        gap: 0 30px;
    }

    .certified-section .certified-wrap .icon-box {
        width: 100px;
        height: 100px;
    }

    .upholding-standards .title-box {
        margin-bottom: 30px;
    }

    .upholding-standards .image-wrap .image-box .image {
        margin-top: 10px;
    }

    .certification .certification-wrap .certification-box .certificate-name,
    .certifications-compliances .wrap-box .certifications-block .block-wrap .certification-box .certificate-name {
        font-size: 18px;
    }

    .certifications-compliances .wrap-box .certifications-block .certificate-text {
        font-size: 18px;
        padding: 0;
    }

    .certifications-compliances .wrap-box .certifications-block .block-wrap .certification-box .image-box {
        margin-bottom: 20px;
    }

    .certifications-compliances .wrap-box .certifications-block .certificate-texts-wrapper {
        padding: 20px 0;
    }

    .certification .certificate-texts-wrapper .certificate-text,
    .certification .cnc-certificate-text-row .cnc-certificate-text {
        padding: 0;
    }

    .certifications-compliances .wrap-box h2 {
        margin-bottom: 30px;
    }

    .leadership-banner:before {
        display: none;
    }

    .leadership-wrap .img-box .image {
        max-width: 450px;
        min-height: 405px;
    }

    .leadership-wrap .img-box {
        width: 450px;
        height: 405px;
    }

    .leadership-wrap .content-box .designation {
        font-size: 22px;
        /*padding: 12px;*/
    }

    .leadership-wrap .content-box .education {
        font-size: 18px;
    }

    .header-search-wrapper.active .header-search-field-container {
        width: 180px;
    }

    .header-search-wrapper {
        right: 145px;
    }

    .blog-post .blog-post-img {
        height: 41vw;
    }

    .about-content,
    .ubiquitous {
        padding: 50px 0;
    }

    .about-content .text-box p,
    .our-story .story-box .content-box p,
    .ubiquitous .ubiquitous-box .content-box p {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .about-content .text-box p {
        margin-bottom: 0;
    }

    /* .ubiquitous .ubiquitous-box .image-box { margin-top: -20px; } */
    .ubiquitous .ubiquitous-box .image-box .image {
        min-height: 400px;
    }

    .ubiquitous .ubiquitous-box .content-box h2 {
        font-size: 36px;
    }

    .ubiquitous .ubiquitous-box .content-box {
        padding: 20px 0 20px 30px;
    }

    .our-story .story-box .image-box .image .text-caption {
        font-size: 18px;
    }

    .our-story:before {
        display: none;
    }

    .our-story .story-box .content-box p {
        max-width: 100%;
    }

    .company-main .team-member {
        max-width: calc(33.33% - 7px);
    }

    .company-main h2 {
        margin-block-end: 30px;
    }

    .company-main .team-member .name,
    .company-main .team-member .name a {
        font-size: 26px;
    }

    .contact_info .contact-heading {
        font-size: 40px;
    }

    .custom-location .right-location .address .sub-title {
        font-size: 28px;
    }

    .textpage .grid-narrow.text-left {
        width: 95%;
    }

    .new-footer .footer-texts {
        max-width: 64%;
    }

    .new-footer .footer-texts h3 {
        max-width: 50%;
        margin-inline-end: 10px;
    }
    .new-footer .footer-texts p {
        max-width: 50%;
    }

    .image-content-section .inner-wrap .content {
        padding-block: 20px;
    }

    .environmental-impact-form-wrapper .form {
        margin: 50px 0;
    }

    .b-corp-text-flex {
        gap: 40px;
    }
    .compaign-top { max-width: 650px; }
    .compaign-bottom { right: 50px; }
    .compaign-banner { min-height: 600px; }
    .compaign-banner .content-box { min-height: 550px; }
    .compaign-bg { right: 0; bottom: 0; }
    .compaign-banner h1 { font-size: 45px; }
    .compaign-banner h1 sup { font-size: 30px; }
    .compaign-banner p { max-width: 60%; }
    .featured { padding: 50px 0; }
    .featured .title-box { margin-bottom: 30px }
    .what-you-get { padding: 50px 0; }
    .ticker-logo { width: 150px; height: 150px; }
    .card-round-wrap .card-box .card-image { margin-bottom: 10px; }
    .card-round-wrap .card-box .card-image {max-width: 350px;}
    .card-round-wrap .card-box .card-content .title { font-size: 20px; margin-bottom: 20px; }
    .card-round-wrap .card-box .card-content p { font-size: 16px; }
    .what-you-get .notes { margin-top: 50px; }
    .what-you-get .notes p { max-width: 70%; font-size: 20px; }
    .what-you-get.dark .title-box p { font-size: 40px; max-width: 100%; }
    .what-you-get .title-box { margin-bottom: 30px; }
    .what-you-get.dark .card-round-wrap .card-box .card-content p { margin-bottom: 30px; max-width: 100%; }
    .submit-product { padding: 50px 0; }
    .submit-product h2 { font-size: 40px; margin-bottom: 50px; }
    .submit-product .form-wrap .form-box, .submit-product form .hs-form-field, .submit-product .form-wrap .form-box.textarea-box, .submit-product form .hs-fieldtype-textarea { gap: 10px; }
    .submit-product .form-wrap .form-box, .submit-product form .hs-form-field { flex-wrap: wrap; margin-bottom: 10px; }
    .submit-product .form-wrap .form-box label, .submit-product form .hs-form-field label { width: 100%; }
    .submit-product .no-list.hs-error-msgs.inputs-list, .submit-product form .hs-form-field label.hs-error-msg { left: 0; top: calc(100% + 2px); }
    .submit-product .form-wrap .form-box.textarea-box, .submit-product form .hs-fieldtype-textarea { max-width: calc(65% - 10px); }
    .submit-product form .hs-form-field .input, .submit-product .form-wrap .form-box.textarea-box textarea, .submit-product form .hs-fieldtype-textarea .input, .submit-product .form-wrap .form-box input, .submit-product .form-wrap .form-box select, .submit-product form .hs-form-field input, .submit-product form .hs-form-field select { max-width: 100%; }
    .submit-product .privacy-text, .submit-product form .hs_submit.hs-submit { margin-left: 0; }
    .submit-product form .hs_submit.hs-submit { margin-top: 0; }
    .submit-product .form-wrap .sign-newsletter .icon-box, .submit-product form .hs_hero_product_signup_newsletter .hs-form-booleancheckbox-display input { width: 30px; height: 30px; }
    .submit-product .form-wrap .sign-newsletter p, .submit-product form .hs_hero_product_signup_newsletter .hs-form-booleancheckbox-display input + span { font-size: 16px; max-width: 100%; }
    .submit-product .form-wrap .sign-newsletter, .submit-product form .hs_hero_product_signup_newsletter .hs-form-booleancheckbox-display { gap: 10px; }
    .submit-product .form-wrap .form-box.textarea-box .no-list.hs-error-msgs.inputs-list, .submit-product form .hs-fieldtype-textarea .no-list.hs-error-msgs.inputs-list { left: 0; }
    .submit-product form .hs_hero_product_signup_newsletter .no-list.hs-error-msgs.inputs-list { left: 0; top: 35px; }

    
    .client-showcase { padding: 50px 0; }
    .client-showcase .title-box h2 { font-size: 40px; }
    .case-studies-main .what-is-bottom-image { max-width: 100%; }
    .feature-banner { padding: 50px 0; }
    .feature-banner .title-box h2 { font-size: 40px; }
    .feature-banner .title-box p, .feature-banner .title-box p.feature-banner__subheading { font-size: 20px; max-width: 100%; }
    .feature-banner .title-box { margin-bottom: 50px; }
    .feature-banner__icon-item .feature-banner__icon-desc { font-size: 20px; }
    .feature-banner__icons { margin-bottom: 40px; }
    .feature-banner__ctas { gap: 30px; }
    .technology-icons-grid { padding: 50px 0; }
    .technology-icons-grid .title-box h2 { font-size: 40px; }
    .technology-icons-grid .title-box p, .technology-icons-grid .title-box p.tc-grid__subheading { font-size: 20px; max-width: 100%; }
    .technology-icons-grid .title-box p.tc-grid__subheading { max-width: 70%; }
    .technology-icons-grid .title-box { margin-bottom: 50px; }
    .tc-grid__icon-item .tc-grid__icon-title { max-width: 60%; }
    .mgrid-sec-grid { padding: 50px 0; }
    .mgrid-sec-grid .title-box p, .mgrid-sec-grid .title-box p.mgrid-sec__subheading { font-size: 20px; max-width: 100%; } 
    .mgrid-sec-grid .title-box h2 { font-size: 40px; }
    .mgrid-sec__icons .mgrid-sec__icon-item { max-width: calc(23% - 24px); }
    .mgrid-sec__icons .mgrid-sec__icon-item:nth-child(n+5) { margin-top: 15px; }
    .mgrid-sec__icons .mgrid-sec__icon-item:last-child { margin-top: -40px; }
    .mgrid-sec__icons .mgrid-sec__icon-item .mgrid-sec__bg-img .mgrid-sec__icon-title { font-size: 40px; }
    .verified-data { padding: 50px 0; }
    .verified-data .title-box .title, .verified-data .title-box .sub-title { font-size: 20px; }
    .verified-data .title-box .sub-title { margin-bottom: 20px; }
    .verified-data .title-box h2 { font-size: 40px; }
    .verified-data .title-box p { max-width: 100%; }
    .verified-data .title-box, .verified-data .ubq-comparison .image-box { margin-bottom: 30px; }
    .verified-wrap .verified-box .content-box .title { font-size: 40px; }
    .verified-wrap, .verified-data .ubq-comparison { margin-bottom: 40px; }
    .verified-data .ubq-comparison { padding: 40px; }
    .verified-data .ubq-comparison .title { font-size: 20px; margin-bottom: 20px; }
    .facility { padding: 50px 0; }
    .facility .title-box { margin-bottom: 30px; }
    .facility .title-box .title { font-size: 20px; }
    .facility .title-box h2 { font-size: 40px; }
    .facility .title-box p { font-size: 20px; max-width: 100%; }
    .facility-wrap { padding-block: 0; margin-bottom: 30px; }
    /* .facility-wrap .video-box { max-width: 500px; } */
    .facility-wrap .content-box .content-wrap .text-content .title { font-size: 40px; }
    .facility-wrap .content-box { max-width: 425px; }
    .facility .note { max-width: 60%; }
    .evolved-materials { padding: 50px 0; }
    .evolved-materials-wrap .title { min-height: 40px; }
    .evolved-materials .title-box .title, .evolved-materials .title-box p { font-size: 20px; }
    .evolved-materials .title-box h2 { font-size: 40px; }
    .evolved-materials-wrap .image-box { max-width: 130px; min-height: 130px; margin-bottom: 30px; }
    .evolved-materials-wrap .title { font-size: 20px; margin-bottom: 20px; }
    .evolved-materials-box { padding: 30px; }
    .meet-ubq-sec .title-box p { max-width: 489px; }
    .meet-ubq-sec .content-wrap .text-content .title { padding: 15px 20px; font-size: 32px; }
    .meet-ubq-sec .note { max-width: 100%; }
    .meet-ubq-sec .video-box { width: 45vw; }
    .ready-to-explore .title-box .ready-to-explore-desc { max-width: 68%; }
    .ready-to-explore { padding: 50px 0; }
    .ready-to-explore .text-box{padding:36px 40px;}
    

}

@media (max-width:1080px) {
    .company-top-txt .bg-gray {
        padding-right: 20px;
    }

    .seek-bottom-share .half-div.flex-box-center {
        padding-block-end: 200px;
        padding-block-start: 0;
        padding-left: 20px;
        padding-top: 20px;
    }

    .contact_info .contact-box.custom-location {
        gap: 100px;
    }
}

@media (max-width: 1023px) {
    .header #menu-header-nav-es>li>a {
        font-size: 14px;
    }
}

@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,
    .header #menu-header-nav-es>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;
    }

    /*--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% !important;
    }

    .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; */
        display: 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: 10px;
    }

    .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;
    }
    .flex-box-center.header-wrap.open::before {
        content: "";
        position: absolute;
        height: 50px;
        width: calc(100% - 10px);
        background: #004167;
        top: 0;
        z-index: 1;
    }

    .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;
    }

    .blog-post .blog-post-img {
        height: 24vw;
    }

    .ubq-blog-redesign-wrap .blog-subscribe-form.blog-post {
        max-width: 100%;
        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 .breadcrumbs li {
        font-size: 16px;
    }

    .blog-post-inner-top .blog-post-wrap {
        flex-wrap: wrap;
    }

    .blog-post-inner-top .blog-post-wrap .content-box,
    .blog-post-inner-top .blog-post-wrap .image-box {
        max-width: 100%;
    }

    .blog-post-inner-top .breadcrumbs {
        padding-bottom: 30px;
    }

    .blog-post-inner-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-post-wrap {
        padding: 30px 0;
    }

    .blog-post-inner-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-bottom: 50px;
    }

    .blog-post-inner-top .blog-post-wrap .image-box {
        height: 322px;
    }

    .blog-post-inner-main.blog-admin-user-wrap {
        padding-top: 30px;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-left-side {
        max-width: calc(40% - 15px);
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-main-content {
        max-width: calc(60% - 15px);
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-aside {
        max-width: calc(40% - 15px);
        margin-left: 0;
        margin-right: auto;
        margin-top: 0;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-aside .blog-right-box {
        position: inherit;
        top: 0;
    }

    .blog-post-inner-main .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-post-inner-wrap .blog-post-inner-aside .social-box .blog-post-socials {
        margin: 0;
        max-width: 100%;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .learn-more-side-articles {
        display: block;
    }

    .blog-post-inner-main .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-post-inner-wrap .blog-post-inner-main-content .cnc-blog-taway-text h2,
    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-main-content .cnc-blog-taway-text h3 {
        font-size: 22px;
        line-height: 1.15;
        margin: 0 0 15px;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-main-content h2 {
        font-size: 24px;
        line-height: 1.15;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-main-content .cnc-blog-taway-text h3 {
        font-size: 20px;
        margin: 0 0 20px !important;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-main-content :is(h1, h2, h3, h4, h5, h6) {
        margin: 20px 0 10px;
    }

    .blog-post-inner-main .blog-post-inner-next-text {
        width: 100%;
    }

    .blog-post-inner-main .blog-post-inner-next-text h4 {
        font-size: 18px;
        line-height: normal;
    }

    .ubq-blog-redesign-wrap .breadcrumbs li {
        font-size: 16px;
    }

    .ubq-blog-redesign-wrap .title-box h1 {
        font-size: 30px;
    }

    .ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap {
        padding: 20px;
        flex-wrap: wrap;
    }

    .ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .image-box {
        max-width: 100%;
    }

    .ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box {
        max-width: 100%;
    }

    .ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box .author-details .author-box p {
        font-size: 14px;
    }

    .ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-box {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post,
    .ubq-blog-redesign-wrap .blog-sform-admin-wrapper {
        max-width: calc(50% - 15px);
    }

    .ubq-blog-redesign-wrap .blog-subscribe-form form .hs-error-msgs label {
        font-size: 13px;
    }

    .ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post {
        padding: 15px;
    }

    .ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .image-box {
        height: 300px;
    }

    .ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box .blog-top-text h2,
    .ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box .blog-top-text h2 a {
        font-size: 20px;
    }

    .ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .author-details {
        margin-top: 20px;
    }

    .ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .blog-post-img a {
        height: 155px;
    }

    .ubq-blog-cat-mdesign .blog-top-list-box .blog-top-post-wrap {
        padding: 0;
        margin-left: 0;
    }

    .ubq-blog-cat-mdesign .blog-top-list-box .blog-top-post-wrap .image-box {
        margin-left: 0;
    }

    .ubq-blog-cat-mdesign .blog-top-list-box .blog-top-post-wrap .content-box {
        padding: 20px;
        margin-bottom: 30px;
    }

    .ubq-blog-cat-mdesign .blog-top-list-box .blog-top-post-wrap .content-box .blog-top-text {
        width: 100%;
        margin-top: 20px;
    }

    .ubq-blog-cat-mdesign .blog-top-list-box .blog-top-post-wrap .image-box {
        height: 350px;
    }

    .ubq-blog-cat-mdesign .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .author-details {
        margin-top: 0;
    }

    .renewing-section,
    .partnership-purpose,
    .quote-slider {
        padding: 40px 0;
    }

    .renewing-section .title-box h2,
    .partnership-purpose .content-box .title-box h2 {
        font-size: 30px;
        line-height: 36px;
    }

    .renewing-section .title-box p,
    .partnership-purpose .content-box .title-box p {
        font-size: 18px;
    }

    .renewing-section .renew-wrap .renew-box .text {
        font-size: 18px;
    }

    .partnership-purpose .content-box,
    .partnership-purpose .image-box,
    .quote-slider .quote-box .wrap-slider .slider-content,
    .quote-slider .quote-box .wrap-slider .slider-image {
        width: 100%;
        text-align: center;
    }

    .partnership-purpose .content-box .title-box p,
    .partnership-purpose .content-box .title-box,
    .partnership-purpose .image-box .inner-content .image {
        margin-bottom: 20px;
    }

    .quote-slider .quote-box .wrap-slider {
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .cta-section.cta-sec-with-desc p {
        width: 100%;
    }

    .cta-section.cta-sec-with-desc .btn {
        font-size: 18px;
    }

    .partnership-purpose .image-box .inner-content {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .partnership-purpose .btn-yellow {
        justify-content: center;
    }

    .quote-slider .quote-box {
        margin: 0;
    }

    .quote-slider .quote-box .wrap-slider .slider-content .text-box .name,
    .quote-slider .quote-box .wrap-slider .slider-content .text-box .designation,
    .quote-slider .quote-box .wrap-slider .slider-content .text-box .state {
        font-size: 20px;
    }

    .quote-slider .quote-box .wrap-slider .slider-image .inner-image .image {
        width: 250px;
        height: 250px;
        margin: 0 auto;
    }

    .quote-slider .quote-box .wrap-slider .slider-image .inner-image {
        max-width: 100%;
        margin-left: auto;
        margin-left: auto;
    }

    .certified-section,
    .certification,
    .upholding-standards,
    .certifications-compliances,
    .cnc-certificate-wrap {
        padding: 40px 0;
    }

    .certified-section .certified-wrap .content-box h2,
    .upholding-standards .title-box h2,
    .certification-full-content .certification-full-content-wrap .content-box h2,
    .certification h2,
    .certifications-compliances .wrap-box h2 {
        font-size: 30px;
        line-height: 36px;
    }

    .certified-section .certified-wrap .content-box p {
        width: 100%;
    }

    .certification-full-content .certification-full-content-wrap .content-box {
        padding: 40px;
    }

    .certification .certification-wrap .certification-box,
    .certification .cnc-certification-wrap .cnc-certification-box,
    .certifications-compliances .wrap-box .certifications-block .block-wrap .certification-box {
        max-width: calc(50% - 15px);
    }

    .certification .certification-wrap .certification-box .image-box,
    .certification .cnc-certification-wrap .cnc-certification-box .image-box,
    .certifications-compliances .wrap-box .certifications-block .block-wrap .certification-box .image-box {
        margin-left: auto;
        margin-right: auto;
    }

    .certification .certificate-texts-wrapper .certificate-text,
    .certification .cnc-certificate-text-row .cnc-certificate-text,
    .certifications-compliances .wrap-box .certifications-block .certificate-text {
        padding: 0;
    }

    .certifications-compliances .wrap-box .certifications-block .certificate-text p:last-child {
        margin-bottom: 15px;
    }

    .certifications-compliances .wrap-box {
        flex-wrap: wrap;
    }

    .certifications-compliances .wrap-box .certifications-block {
        max-width: 100%;
    }

    .certified-section .certified-wrap {
        gap: 20px;
    }

    .certified-section .certified-wrap .icon-box {
        width: 80px;
        height: 80px;
    }

    .certi-cta-btn .text-box {
        max-width: 65%;
    }

    .cnc-certificate-banner h2 span {
        font-size: 40px;
    }

    .certi-cta-btn.cta-section.cta-sec-with-desc .btn {
        height: 40px;
    }

    .leadership-banner {
        padding: 20px 0;
    }

    .leadership-banner+.breadcrumbs-row .breadcrumbs {
        font-size: 16px;
    }

    .leadership-wrap .content-box h1 {
        font-size: 30px;
    }

    /* .leadership-wrap .content-box .designation { padding: 10px; } */
    .leadership-wrap .img-box .image {
        min-height: 311px;
    }

    .leadership-wrap .img-box {
        width: 345px;
        height: 311px;
    }

    .professional-background h2 {
        font-size: 30px;
        margin: 0 0 20px;
    }

    .professional-background:before {
        display: none;
    }

    .expertise-area h2 {
        font-size: 30px;
        margin: 0 0 30px;
    }

    .expertise-wrap {
        gap: 30px 10px;
    }

    .expertise-wrap .expertise-box {
        gap: 20px;
    }

    .expertise-wrap .expertise-box .text-box p {
        font-size: 18px;
    }

    .expertise-wrap .expertise-box .icon-box {
        width: 75px;
        height: 75px;
        padding: 15px;
    }

    .search-results-section .search-page-input-wrapper button {
        padding: 0;
        height: auto;
    }

    .search-page-input-wrapper input {
        font-size: 16px;
    }

    .search-page-input-wrapper input::placeholder {
        font-size: 16px;
    }

    .header-search-wrapper {
        position: absolute;
        right: 70px;
        z-index: 10;
    }

    .header-search-field-container form button {
        height: auto;
    }

    .header-search-wrapper.open {
        z-index: 0;
    }

    .leadership-wrap .content-box .designation span,
    .leadership-wrap .content-box .education span {
        display: inline;
    }

    .ubq-contribution .grid-narrow .text h2,
    .sustainability-library .grid-narrow .text h2 {
        margin-top: 0;
    }

    .custom-location .right-location .address .sub-title {
        font-size: 24px;
    }

    .custom-location .right-location .address p {
        font-size: 20px;
    }

    .custom-location .left-location .address .title,
    .contact_info .custom-location .left-location .address {
        margin-bottom: 10px;
    }

    .about-content,
    .our-story,
    .ubiquitous {
        padding: 40px 0;
    }

    .about-content .text-box h2,
    .our-story h2,
    .ubiquitous .ubiquitous-box .content-box h2 {
        font-size: 30px;
        line-height: 1.25;
    }

    .our-story .story-box .content-box,
    .our-story .story-box .image-box,
    .ubiquitous .ubiquitous-box .content-box,
    .ubiquitous .ubiquitous-box .image-box {
        max-width: 100%;
    }

    .our-story .story-box:nth-child(even) .image-box {
        order: 2;
    }

    .ubiquitous .ubiquitous-box {
        gap: 20px;
        padding: 20px;
    }

    .ubiquitous .ubiquitous-box .content-box {
        padding: 0;
    }

    /* .ubiquitous .ubiquitous-box .image-box { margin-top: 0; } */
    .ubiquitous .ubiquitous-box .image-box .image {
        margin: 0 auto;
    }

    .company-main h2,
    .contact_info .contact-heading {
        font-size: 30px;
    }

    .company-main .team-member {
        max-width: calc(50% - 5px);
    }

    .company-main .team-member .name,
    .company-main .team-member .name a {
        font-size: 24px;
    }

    .company-main .team-member span {
        font-size: 16px;
    }

    .company-main,
    .contact_info {
        padding: 40px 0;
    }

    .case-studies-main {
        padding-block: 50px;
    }

    .case-studies-main .text {
        text-align: start;
        max-width: 100%;
    }

    .hero-medium-main-wrapper .hbspt-form form fieldset:first-child {
        margin-bottom: 30px;
    }

    .hp-bottom-posts h2 {
        padding: 0 20px;
        width: 89%;
    }

    .footer-nav .flex-box-column {
        width: 190px;
    }
    .compaign-banner { min-height: 600px; }
    .compaign-banner .btn.primary { margin: 0; width: max-content; }
    .compaign-top { max-width: 450px; top: -50px; } 
    .compaign-bottom { right: 20px; bottom: 50px; }  
    .compaign-bg { max-width: 680px; }  
    .compaign-banner h1 { font-size: 40px; margin-top: 0; }
    .compaign-banner h1 sup { font-size: 28px; }
    .compaign-banner .content-box { max-width: 60%; min-height: 550px; padding-bottom: 50px; }
    .compaign-banner p { max-width: 100%; margin-bottom: 20px; }
    .featured, .what-you-get { padding: 40px 0; }
    .featured .title-box h2, .what-you-get h2 { font-size: 30px; }
    .ticker-logo { width: 120px; height: 120px; }
    .what-you-get .title-box { margin-bottom: 30px; }
    .card-round-wrap .card-box { max-width: calc(50% - 15px); }
    .card-round-wrap .card-box .card-content .title, .what-you-get.dark .card-round-wrap .card-box .card-content .title { margin-bottom: 10px; }    
    .what-you-get .notes { margin-top: 40px; }
    .what-you-get .notes p { max-width: 100%; }
    .what-you-get.dark h2 { margin-bottom: 10px; }
    .what-you-get.dark .title-box p { font-size: 30px; }
    .what-you-get.dark .card-round-wrap .card-box .card-content p { margin-bottom: 20px; }
    .what-you-get.dark h2 { font-size: 20px; }
    .submit-product .form-wrap, .submit-product form { gap: 20px; }
    .submit-product .form-wrap .form-box, .submit-product form .hs-form-field { max-width: calc(50% - 10px); }
    .submit-product form .hs-form-field .input, .submit-product form .hs-form-field .input { max-width: 100%; }
    .submit-product .form-wrap .form-box.textarea-box, .submit-product form .hs-fieldtype-textarea { max-width: 100%; gap: 20px; }
    .submit-product form .hs_hero_product_signup_newsletter { margin-left: 0; max-width: 100%; margin-bottom: 0; }
    .submit-product .form-wrap .sign-newsletter, .submit-product form .hs_hero_product_signup_newsletter .hs-form-booleancheckbox-display { gap: 0; }
    .submit-product .form-wrap .sign-newsletter .icon-box, .submit-product form .hs_hero_product_signup_newsletter .hs-form-booleancheckbox-display input { width: 20px !important; height: 20px; }
    .submit-product .form-wrap .sign-newsletter p, .submit-product form .hs_hero_product_signup_newsletter .hs-form-booleancheckbox-display input + span { font-size: 18px; }
    .submit-product .form-wrap .form-box input, .submit-product .form-wrap .form-box select, .submit-product form .hs-form-field input, .submit-product form .hs-form-field select { max-width: 100%; }
    .submit-product form .hs_hero_product_signup_newsletter .no-list.hs-error-msgs.inputs-list { top: 25px; }
    .submit-product form .hs_submit.hs-submit input { margin: 0; max-width: max-content; padding: 0 15px; }
    .submit-product form .hs_submit.hs-submit { margin: 0; max-width: 100%; }
    .submit-product .privacy-text { margin-left: 0; }
    .submit-product { padding: 40px 0; }
    .submit-product h2 { font-size: 30px; margin-bottom: 30px; }
    .client-showcase { padding: 40px 0; }
    .client-showcase .title-box { margin-bottom: 30px; }
    .client-showcase .title-box h2 { font-size: 30px; line-height: 36px; }
    .case-studies-main .what-is-bottom-gall .what-is-bottom-gallery-item { max-width: calc(50% - 10px); }
    .feature-banner { padding: 40px 0; }
    .feature-banner .title-box h2 { font-size: 30px; margin-bottom: 10px; }
    .feature-banner .title-box p { margin-bottom: 10px; }
    .feature-banner__icon-item { max-width: calc(50% - 10px); }
    .feature-banner__icon-item .feature-banner__icon-wrap { margin-bottom: 20px; }
    .feature-banner__icon-item .feature-banner__icon-desc { max-width: 100%; }
    .feature-banner .title-box p, .feature-banner .title-box p.feature-banner__subheading { font-size: 18px; }
    .feature-banner__icon-item .feature-banner__icon-desc { font-size: 16px; }
    .btn.primary.btnYellow { margin: 0; }
    .technology-icons-grid { padding: 40px 0; }
    .technology-icons-grid .title-box h2 { font-size: 30px; line-height: 36px; margin-bottom: 10px; }
    .technology-icons-grid .title-box p.tc-grid__subheading { max-width: 95%; }
    .tc-grid__icon-item { max-width: calc(33.33% - 14px); }
    .tc-grid__icon-item, .technology-icons-grid .title-box p.tc-grid__subheading { font-size: 18px; }
    .mgrid-sec-grid { padding: 40px 0; }
    .mgrid-sec-grid .title-box p, .mgrid-sec-grid .title-box p.mgrid-sec__subheading { font-size: 20px; max-width: 100%; } 
    .mgrid-sec-grid .title-box h2 { font-size: 30px; line-height: 36px; }
    .mgrid-sec__icons .mgrid-sec__icon-item { max-width: calc(33.33% - 30px); }
    .mgrid-sec__icons .mgrid-sec__icon-item:nth-child(n+4), .mgrid-sec__icons .mgrid-sec__icon-item:last-child { margin-top: 15px; }
    .mgrid-sec-grid .title-box p, .mgrid-sec-grid .title-box p.mgrid-sec__subheading { font-size: 18px; }
    .verified-data { padding: 30px 0; }
    .verified-data .title-box { margin-bottom: 30px; }
    .verified-data .title-box h2 { font-size: 30px; line-height: 36px; }
    .verified-wrap .verified-box { max-width: calc(50% - 15px); }
    .verified-data .ubq-comparison { padding: 30px; margin-bottom: 30px; }
    .verified-data .ubq-comparison .title, .verified-data .title-box .title, .verified-data .title-box .sub-title { font-size: 18px; }
    .verified-data .ubq-comparison .image-box { margin-bottom: 20px; }
    .verified-data .btn-wrap .btn { margin: 0; }
    .verified-wrap, .verified-data .ubq-comparison { margin-bottom: 30px; }
    .facility { padding: 40px 0; }
    .facility .title-box h2 { font-size: 30px; line-height: 36px; }
    .facility-wrap { flex-wrap: wrap; gap: 30px; }
    .facility-wrap .video-box { max-width: 100%;width: 100%; position: relative; }
    .facility-wrap .content-box { aspect-ratio: 0; max-width: 100%; }
    .facility-wrap .content-box .content-wrap .text-content { max-width: calc(50% - 25px); }
    .facility .title-box .title, .facility .title-box p { font-size: 18px; }
    .facility .note { max-width: 100%; font-size: 16px; }    
    .evolved-materials { padding: 40px 0; }
    .evolved-materials-wrap { margin-bottom: 30px; }
    .evolved-materials .title-box h2 { font-size: 30px; line-height: 36px; }
    .evolved-materials-box { max-width: calc(50% - 15px); }
    .evolved-materials .title-box .title, .evolved-materials .title-box p { font-size: 18px; }
    .evolved-materials .btn-wrap { gap: 20px; }
    .evolved-materials .btn-wrap .btn { margin: 0; width: 100%; }
    .tc-grid__icon-item .tc-grid__icon-wrap {max-width: 120px;}
    #menu-header-mobile-menu .sub-menu, #menu-header-mobile-menu-nl .sub-menu, #menu-header-mobile-menu-es .sub-menu{max-height:0;overflow:hidden;transition:max-height 0.4s ease;}
    #menu-header-mobile-menu .menu-item-has-children.active > .sub-menu, #menu-header-mobile-menu-nl .menu-item-has-children.active > .sub-menu, #menu-header-mobile-menu-es .menu-item-has-children.active > .sub-menu {max-height:1000px !important;}
    .menu-item-has-children>.sub-menu>li:hover:before { height: auto; width: auto; background-color: transparent; }
    .menu-item-has-children>.sub-menu>li>.sub-menu>li:first-child { margin-top: 5px; }
    .menu-item-has-children>.sub-menu>li>.sub-menu>li { padding: 5px 10px; }
    .menu-item-has-children>.sub-menu>li>.sub-menu>li a { color: #fff !important; opacity: 0.9 !important; font-size: 15px !important; }    
    .menu-item-has-children>.sub-menu li a:focus, .menu-item-has-children>.sub-menu li a:active { background: #0069a7; }
    .meet-ubq-sec .title-box p { max-width: 100%; }
    .meet-ubq-sec .content-wrap .text-content .title { padding: 5px 20px; font-size: 24px; }
    .meet-ubq-sec .btnYellow { max-width: max-content; }
    .ready-to-explore { padding: 40px 0; } 
    .ready-to-explore .title-box{margin-bottom:36px;}
    .ready-to-explore .ready-explore-left,.ready-to-explore .ready-explore-right{flex-direction:column;}
    .ready-to-explore .ready-explore-left > img,.ready-to-explore .ready-explore-right > img{width:100%;height:300px;object-fit:cover;}
    .ready-to-explore .text-box{padding:32px 28px;}
    .ready-to-explore .text-box p { margin-bottom: 20px; }
    .ready-to-explore .btn { margin-left: 0; }
    .ready-to-explore .ready-explore-right:nth-child(2) .text-box p { max-width: 100%; }
    .compatibility-cta.hero-p-cta-wrap .btn { width: max-content; }
    .explore-form-modal { max-width: 90%; width: 100%; }
    .explore-hubspot-form .hs-form-field { width: calc(50% - 10px); }
    .explore-hubspot-form .hs_hero_product_signup_newsletter { width: 100%; }
    .explore-hubspot-form.hb-form-1 .form-columns-2, .explore-hubspot-form.hb-form-0 .form-columns-2 { flex-wrap: wrap; }
    .explore-hubspot-form.hb-form-1 .form-columns-2 input, .explore-hubspot-form.hb-form-1 .form-columns-1 input, .explore-hubspot-form.hb-form-0 .form-columns-2 input, .explore-hubspot-form.hb-form-0 .form-columns-1 input { width: 100% !important; }
    .evolved-materials-wrap .title { min-height: auto; }
 }

@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,
    .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; */
        display: 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: 10px;
    }

    .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,
    .blog-post-text h3+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; */
        padding: 0 2.5vw;
    }

    .collaborate-main {
        padding-bottom: 30px;
    }

    .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-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;
    }

    .ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post .blog-inner-post .blog-post-text p {
        min-height: auto;
    }

    /*--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;
    }

    .quote-slider .quote-box .slick-dots li {
        width: 15px;
        height: 15px;
    }

    .quote-slider .quote-box .slick-dots li button,
    .quote-slider .quote-box .slick-dots li button:before {
        width: auto;
        height: auto;
    }

    .quote-slider .quote-box .slick-dots {
        bottom: 20px;
    }

    .cta-section .btn {
        margin: 0;
    }

    .cta-section.cta-sec-with-desc p {
        font-size: 16px;
    }

    .seek-bottom-share .company-socials a {
        width: 50px;
        height: 50px;
    }

    .seek-bottom-share .company-socials a i {
        font-size: 28px;
    }

    .seek-bottom-share .company-socials {
        justify-content: center;
    }


    .contact_info .contact-box.custom-location {
        gap: 50px;
    }

    .contact_info .custom-location .right-location .address {
        font-size: 20px;
    }

    .contact_info .custom-location .left-location .address {
        font-size: 16px;
    }

    /*--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;
    }

    .header-search-wrapper {
        position: absolute;
        right: 60px;
    }

    .materialsCont .btn.btn-yellow {
        max-width: max-content;
        margin-left: 0;
    }

    .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: 0;
    }

    .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;
    }

    .compatability-application-top.hero h1,
    .hero-content h1 {
        text-align: center;
    }

    .compatability-application-top.hero .grid-narrow {
        max-width: 90%;
    }

    .industries .industry:first-child {
        margin-inline-start: 0;
    }

    .environmental-impact-form-wrapper .bg-img-settings {
        height: 90vw;
    }

    .environmental-impact-top.hero h1 {
        text-align: start;
    }

    .environmental-impact-main>.grid {
        max-width: 100%;
    }

    .environmental-impact-main-graph p {
        max-width: 100%;
    }

    .environmental-impact-form-wrapper .form {
        max-width: 90%;
        margin: 50px auto;
    }

    .environmental-impact-main-graph .img.bg-img-settings {
        height: 250px;
    }

    .environmental-impact-bottom>.grid {
        max-width: 100%;
    }

    .environmental-impact-inf .top-inf-item {
        max-width: 100%;
        height: 250px;
        margin: auto;
        margin-block-end: 25px;
    }

    .environmental-impact-inf .top-inf-item:hover {
        max-width: 100%;
    }

    .environmental-impact-inf .top-inf-item-wrapper,
    .environmental-impact-inf .top-inf-item:hover .environmental-impact-inf .top-inf-item-wrapper {
        transform: translateY(150px);
    }

    .top-inf-item-container {
        margin-block-end: 25px;
    }

    .top-inf-mobile-txt a {
        max-width: 65%;
        margin: 35px auto;
        background-color: var(--bg-color-main-blue);
        color: white;
        font-weight: bold;
        justify-content: center;
    }

    .top-inf-mobile-txt {
        max-height: 0;
        overflow: hidden;
    }

    .top-inf-item-read-more {
        text-align: center;
        color: #006699;
        font-size: 14px;
        font-family: var(--font-second);
        font-weight: bold;
        position: relative;
        max-width: fit-content;
        margin: auto;
    }

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

    .top-inf-item-read-more.active:before {
        transform: translateY(5px) rotate(225deg);
    }

    .hero-medium-main-wrapper .hbspt-form form input[type=checkbox] {
        margin-right: 0;
    }

    .hero-medium-main-wrapper .hbspt-form form fieldset .input input::placeholder,
    .hero-medium-main-wrapper .hbspt-form form fieldset .input select.is-placeholder {
        font-size: 14px;
    }

    .hero-medium-main-wrapper p {
        font-size: 16px;
    }

    .footer-form form {
        flex-direction: column;
        align-items: flex-start;
    }

    .hbspt-form form textarea {
        height: 100px;
        margin-bottom: 5px;
    }

    .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% !important;
    }

    .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 h4 {
        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%;
        margin-bottom: 0;
    }


    .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;
    }

    .card-round-wrap .card-box .card-image {max-width: 250px;} 
    .tc-grid__icon-item .tc-grid__icon-wrap {max-width: 100px;}
}


@media(min-width:992px) {
    .header-mobile-menu-wrapper {
        display: none !important;
    }

    .header-mobile {
        display: none !important;
    }
}

@media(max-width:991px) {
    .header-main-menu-wrapper.desktop {
        display: none !important;
    }

    .header-right-menu-wrapper {
        display: none !important;
    }
}

/* @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;
    }

    .menu-header-right-nav-container .header-right-nav .btn.hollow {
        padding-left: 0;
        padding-right: 0;
    }

    .menu-header-right-nav-container .header-right-nav .btn.hollow a {
        padding-left: 15px;
        padding-right: 15px;
    }

    .header-right-menu-wrapper {
        width: initial;
    }

    .header #menu-header-nav>li {
        /* margin-right: 3vw; */
        margin-right: 20px;
    }
    .header-main-menu-wrapper { max-width: 100%; }

    .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%;
    } */

    .login-hubspot-form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field {
        width: 50%;
    }

    .edBtmHd {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .edBtmCTA {
        flex: 0 0 28%;
        max-width: 28%;
    }

    .ubq-top .two-third-div {
        padding-left: 0;
        padding-right: 0
    }

    .environmental-impact-form-wrapper .two-third-div {
        flex: 1;
    }

    .stretch-div {
        flex-direction: column;
        align-items: center;
    }

    .newthreecolomn .list-section {
        width: 100%;
    }

    .newthreecolomn .box-sectiontwo {
        width: 70%;
    }


}

@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;
    }

    .newthreecolomn .box-sectiontwo {
        width: 74%;
    }

    .sustainable-development .goalsSectionCont .flip-card {
        width: calc(50% - 15px);
    }

    .sustainable-development .goalsSectionCont .goalsLogoCard {
        width: calc(50% - 15px);
    }

    .knowledgeSection .flip-card {
        width: calc(50% - 15px);
    }

    .knowledgeSection .goalsLogoCard {
        width: calc(50% - 15px);
    }

    .knowledgeSection .goalsSectionCont {
        flex-wrap: wrap;
        gap: 70px 20px;
    }

    .knowledgeSection .KnowledgeCard {
        width: calc(50% - 15px);
    }

    .knowledgeSection .knowledgeBtn {
        padding: 5px 30px 5px;
    }

    .knowledgeSection .modalBody {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }

    .knowledgeSection .formImgBody {
        width: 100%;
        height: 250px;
        background-color: #f1f1f1;
    }

    .knowledgeSection .formBody {
        width: calc(100% - 80px);
        max-height: 430px;
        overflow-y: auto;
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .newthreecolomn .box-section {
        width: 75%;
    }

    .newthreecolomn .box-section img {
        width: 30% !important;
    }
}

@media(max-width:820px) {
    .newthreecolomn .box-section {
        width: 100%;
    }

    .bluetextcustom {
        padding-bottom: 20px;
    }

    .hero .grid-narrow {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 50px;
    }
}

@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: 0px;
        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;
    }

    .b-corp-main {
        padding: 50px 0 50px 0;
    }

    .newthreecolomn .list-section {
        width: 100%;
    }

    .newthreecolomn .box-section {
        width: 100%;
    }

    .newthreecolomn {
        padding: 50px 20px;
    }

    .b-corp-main .newthreecolomn {
        padding: 50px 0;
    }

    .grid-narrow .text h2 {
        line-height: 100% !important;
    }

    .ubq-contribution {
        padding: 50px 0;
    }

    .ubq-contribution .grid-narrow .text h2 {
        line-height: 100% !important;
    }

}


@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 h2 {
    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 h2 {
        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;
}

/* .jtf-banner-responsive { display: none; }
.jtf-banner-desktop { display: block; } */

.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;
    flex-direction: column;
    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 h2 {
    font-size: 40px;
    line-height: 1.35;
    color: #fff;
    margin: 0 0 30px;
    font-weight: normal;
}

.materialsCont h2 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: var(--bg-color-main-blue);
    font-weight: 500;
    text-transform: capitalize;
    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;
}

/* JTF */

.jtf-related-news-wrap {
    width: calc(100% - 40px);
    padding: 140px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 140px;
}

.jtf-related-news-wrap .jtf-related-newsContainer {
    gap: 30px;
}

.jtf-related-news-wrap .jtf-related-newsContainer .ubq-redesign-blog-post {
    max-width: calc(50% - 15px);
    display: flex;
}

.jtf-related-news-wrap h2 {
    font-size: 50px;
    font-weight: normal;
    color: #006699;
    margin: 0;
    line-height: 120%;
    margin-bottom: 50px;
}

.jtf-related-news-wrap .jtf-related-newsContainer .ubq-redesign-blog-post .blog-inner-post {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #E4E4E4;
    background: #FFF;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease-in-out;
}

.jtf-related-news-wrap .jtf-related-newsContainer .ubq-redesign-blog-post .blog-inner-post:hover,
.jtf-related-news-wrap .jtf-related-newsContainer .ubq-redesign-blog-post .blog-inner-post:focus {
    background-color: #f5f5f5;
}

.jtf-related-news-wrap .jtf-related-newsContainer .ubq-redesign-blog-post .blog-inner-post .blog-post-img a {
    max-width: 100%;
    width: 100%;
    height: 365px;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 20px;
    display: inline-block;
}

.jtf-related-news-wrap .jtf-related-newsContainer .ubq-redesign-blog-post .blog-inner-post .blog-post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.jtf-related-news-wrap .jtf-related-newsContainer .ubq-redesign-blog-post .blog-inner-post .blog-post-text {
    background-color: transparent;
    padding: 0;
    min-height: inherit;
}

.jtf-related-news-wrap .jtf-related-newsContainer .ubq-redesign-blog-post .blog-inner-post .blog-post-text h5,
.jtf-related-news-wrap .jtf-related-newsContainer .ubq-redesign-blog-post .blog-inner-post .blog-post-text h5 a {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 600;
    color: var(--bg-color-main-blue);
    margin: 0 0 10px;
    min-height: inherit;
    max-height: inherit;
    margin: 0 0 10px;
}

.jtf-related-news-wrap .jtf-related-newsContainer .ubq-redesign-blog-post .blog-inner-post .blog-post-text p {
    font-size: 14px;
    line-height: 1.57;
    font-weight: 400;
    color: #000;
    margin: 0;
}

.jtf-related-news-wrap .jtf-related-newsContainer .ubq-redesign-blog-post .blog-inner-post .author-details {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 20px;
}

.jtf-related-news-wrap .jtf-related-newsContainer .ubq-redesign-blog-post .blog-inner-post .author-details .author-box {
    display: flex;
    align-items: center;
    gap: 5px;
}

.jtf-related-news-wrap .jtf-related-newsContainer .ubq-redesign-blog-post .blog-inner-post .author-details .author-box p {
    font-size: 12px;
    font-weight: 500;
    color: #7b7b7b;
    padding-right: 0;
}

.jtf-related-news-wrap .jtf-related-newsContainer .ubq-redesign-blog-post .blog-inner-post .author-details .author-box a,
.jtf-related-news-wrap .jtf-related-newsContainer .ubq-redesign-blog-post .blog-inner-post .author-details .author-box .blog-date {
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
    color: #0066A4;
    display: block;
}

.jtf-related-news-wrap .jtf-related-newsContainer .ubq-redesign-blog-post .blog-inner-post .author-details .author-box .icon-box {
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    flex: 0 0 auto;
    background-color: #f7f7f7;
    border: 1px solid #0066A4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}


/* 15-02-2025	 */
.mega-submenu>li>a>.row {
    display: flex;
    flex-wrap: nowrap !important;
    height: inherit;
}

.tts-only {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* New Menu */
.mega-menu .menu-item-has-children>.sub-menu {
    max-width: 200px;
    right: -50px;
}

.mega-submenu {
    height: auto;
    width: max-content;
    flex-direction: column;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.mega-submenu-wrapper {
    top: calc(100% + 20px);
}

.mega-submenu-wrapper:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 27px solid #fff;
    position: absolute;
    left: 25px;
    top: -22px;
}

.mega-submenu>li>a {
    margin: 0 30px;
    padding: 20px 0;
    border-bottom: 1px solid #c4c4c4;
}

.mega-submenu>li:last-child>a {
    border-bottom: none;
}

.mega-submenu>li:hover>a {
    border-color: var(--bg-color-main-blue);
}

.mega-submenu>li.current-menu-item>a {
    color: var(--bg-color-main-blue);
}

.mega-submenu>li.current-menu-item:hover>a {
    color: #fff;
}

.mega-submenu { overflow: visible; }
.mega-submenu .sub-menu { left: 100%; width: max-content; margin-top: -70px; overflow: hidden; }
.mega-submenu .sub-menu li { margin: 0; box-sizing: border-box; padding: 0 15px; }
.mega-submenu .sub-menu li a { font-weight: 500; border-bottom: 1px solid #c4c4c4; padding: 15px 0; }
.mega-submenu .sub-menu li:first-child { margin-top: 0; }
.mega-submenu .sub-menu li:last-child { margin-bottom: 0 !important; }
.mega-submenu .sub-menu li:hover { background-color: var(--bg-color-main-blue); }
.mega-submenu .sub-menu li:hover a { border-color: var(--bg-color-main-blue); }
.mega-submenu > li:first-child { border-top-right-radius: 10px; border-top-left-radius: 10px; }
.mega-submenu > li:last-child { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }



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

@media (max-width: 1540px) {
    .jtf-related-news-wrap .jtf-related-newsContainer .ubq-redesign-blog-post .blog-inner-post .blog-post-text p {
        min-height: inherit;
    }
}

@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;
    } */

    .jtf-related-news-wrap .jtf-related-newsContainer .ubq-redesign-blog-post .blog-inner-post .blog-post-img a {
        height: 290px;
    }
}

@media (max-width: 1280px) {
    .jtf-related-news-wrap .grid {
        max-width: 100%;
    }
}

@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;
    } */

    .jtf-related-news-wrap .jtf-related-newsContainer .ubq-redesign-blog-post .blog-inner-post .blog-post-img a {
        height: 230px;
    }
}

@media (max-width: 991px) {
    .goalSection {
        padding-bottom: 140px;
    }

    .goalContainer {
        flex-wrap: wrap;
    }

    .goalBox {
        width: 40%;
    }

    .goalBox:nth-child(2) {
        top: 0;
    }

    .jtf-related-news-wrap .jtf-related-newsContainer .ubq-redesign-blog-post .blog-inner-post {
        padding: 15px;
    }

    .jtf-related-news-wrap .jtf-related-newsContainer .ubq-redesign-blog-post .blog-inner-post .blog-post-img a {
        height: 165px;
    }
}

@media (max-width: 767px) {
    .jtf-related-news-wrap {
        padding: 50px 20px;
    }

    .jtf-related-news-wrap h2 {
        font-size: 36px;
        margin-bottom: 30px;
    }

    .jtf-related-news-wrap .jtf-related-newsContainer .ubq-redesign-blog-post {
        max-width: 100%;
    }

    .jtf-related-news-wrap .jtf-related-newsContainer .ubq-redesign-blog-post .blog-inner-post .blog-post-img a {
        height: 150px;
    }
    .sticky-cta { display: none; }
}

@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 h2 {
        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 h2 {
        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 h2 {
        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: 545px;
    z-index: 1;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.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 h1 {
    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;
        max-width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
    }

    .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;
        max-width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;

    }

    .homeaboutBtnWrap {
        max-width: 888px;
        max-width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
    }
}

@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;
        max-width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
    }

    .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: #FFCB00;
    border: solid 1px #FFCB00 !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;
}


@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;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-form-wrapper {
        display: block;
    }

    .leadership-wrap .content-box h1 {
        max-width: 100%;
    }

}

@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;
    }

    .about-section .text,
    .support-section .text h4,
    .material-integration-section .text blockquote,
    .why-it-matters-section .text,
    .about-section .text,
    .support-section .text h4,
    .material-integration-section .text blockquote,
    .why-it-matters-section .text,
    .sustainability .content-box p,
    .compatible-technologies p,
    .future-in .content-box p,
    .future-in .multi-functional .multi-functional-box p,
    .material-section .content-box p,
    .renewing-section .title-box p,
    .partnership-purpose .content-box .title-box p,
    .certification .cnc-certificate-text-row .cnc-certificate-text {
        font-size: 16px;
    }

    .blog-post-block {
        padding: 40px 0;
    }

    .blog-post-inner-top .breadcrumbs {
        padding-bottom: 20px;
        flex-wrap: wrap;
        gap: 5px 0;
    }

    .blog-post-inner-top .blog-post-wrap {
        padding: 20px 0;
    }

    .blog-post-inner-top .blog-post-wrap .content-box h1 {
        font-size: 24px;
    }

    .blog-post-inner-top .blog-post-wrap .content-box .author-details {
        flex-wrap: wrap;
        gap: 10px;
    }

    .blog-post-inner-main .blog-post-inner-wrap {
        gap: 0;
    }

    .blog-post-inner-top .blog-post-wrap .image-box {
        height: 175px;
    }

    .blog-post-inner-main.blog-admin-user-wrap {
        padding-top: 20px;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-left-side .blog-left-box {
        position: inherit;
        top: 0;
        margin-bottom: 20px;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-left-side,
    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-main-content,
    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-aside {
        max-width: 100%;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-main-content {
        margin-bottom: 25px;
    }

    .blog-post-inner-main .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-post-inner-wrap .blog-post-inner-aside .article-wrap .learn-more-side-article {
        margin-bottom: 20px;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-aside .article-wrap .learn-more-side-article h5 {
        font-size: 16px;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-left-side .blog-left-box .blog-post-inner-form-wrapper {
        display: none;
    }

    .blog-post-inner-main .blog-post-inner-wrap .blog-post-inner-aside .blog-right-box .blog-post-inner-form-wrapper.blog-sform-for-res {
        display: block;
        margin-bottom: 25px;
    }

    .ubq-blog-redesign-wrap {
        padding: 40px 0;
    }

    .ubq-blog-redesign-wrap .breadcrumbs {
        flex-wrap: wrap;
        padding-bottom: 20px;
    }

    .ubq-blog-redesign-wrap .title-box {
        margin-bottom: 30px;
    }

    .ubq-blog-redesign-wrap .title-box h1 {
        font-size: 24px;
    }

    .ubq-blog-redesign-wrap .title-box .sub-title {
        font-size: 18px;
    }

    .ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post,
    .ubq-blog-redesign-wrap .blog-main .blog-list-wrap .ubq-redesign-blog-post,
    .ubq-blog-redesign-wrap .blog-sform-admin-wrapper {
        max-width: 100%;
    }

    .ubq-blog-redesign-wrap .blog-subscribe-form.blog-post p {
        font-size: 14px;
    }

    .ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap {
        gap: 20px;
    }

    .ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box .blog-top-text {
        margin-bottom: 20px;
    }

    .ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .content-box .author-details {
        flex-wrap: wrap;
        gap: 10px;
    }

    .ubq-blog-redesign-wrap .blog-main .resources-pagination {
        padding: 40px 0 0;
    }

    .ubq-blog-redesign-wrap .blog-main .resources-pagination .pagination-next,
    .ubq-blog-redesign-wrap .blog-main .resources-pagination .pagination-prev {
        font-size: 0;
    }

    .ubq-blog-redesign-wrap .blog-main .resources-pagination .page-numbers:not(.prev.page-numbers):not(.next.page-numbers) {
        margin-right: 6px;
        font-size: 14px;
        min-width: 30px;
        height: 30px;
    }

    .ubq-blog-redesign-wrap .blog-top-list-box .blog-top-post-wrap .image-box {
        height: 150px;
    }

    .ubq-blog-cat-mdesign .blog-top-list-box .blog-top-post-wrap .image-box {
        height: 175px;
    }

    .ubq-blog-cat-mdesign .blog-top-list-box .blog-top-post-wrap .content-box {
        margin-bottom: 0;
    }

    .trash-carts-page h2 {
        width: 60%;
        line-height: normal;
    }

    .renewing-section .renew-wrap:before {
        display: none;
    }

    .renewing-section .renew-wrap {
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .renewing-section .renew-wrap .renew-box {
        width: 100%;
        margin-bottom: 20px;
    }

    .partnership-purpose .content-box p,
    .partnership-purpose .image-box .inner-content p {
        font-size: 14px;
    }

    .partnership-purpose .image-box .inner-content p sup {
        font-size: 13px;
    }

    .quote-slider .quote-box .slick-prev,
    .quote-slider .quote-box .slick-next {
        width: 36px;
        height: 36px;
        z-index: 10;
    }

    .quote-slider .quote-box .wrap-slider .slider-content .quote {
        font-size: 20px;
    }

    .quote-slider .quote-box .wrap-slider .slider-content .text-box .name,
    .quote-slider .quote-box .wrap-slider .slider-content .text-box .designation,
    .quote-slider .quote-box .wrap-slider .slider-content .text-box .state {
        font-size: 18px;
    }

    .tcart-page-form form {
        flex-wrap: wrap;
    }

    .tcart-page-form form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field {
        width: 250px;
        margin: 0 auto;
    }

    .tcart-page-form form .hs_email input[type="email"] {
        margin-bottom: 20px;
    }

    .tcart-page-form form .hs_submit {
        width: 250px;
        margin: 0 auto;
    }

    .tcart-page-form form .hs_submit input[type="submit"] {
        height: 40px;
        margin-bottom: 0;
    }

    .tcart-page-form form .no-list.hs-error-msgs {
        margin-bottom: 10px;
        position: relative;
        top: 0;
    }

    /* .hero.big.blog-hero-banner, .environmental-impact-top.hero {
        height: 375px;
    } */
    .hero {
        height: 375px;
    }

    .certified-section .certified-wrap {
        gap: 10px;
    }

    .certified-section .certified-wrap .icon-box {
        width: 50px;
        height: 50px;
    }

    .certified-section .certified-wrap .content-box p,
    .upholding-standards .title-box p,
    .certification-full-content .certification-full-content-wrap .content-box p,
    .certification p,
    .certifications-compliances .wrap-box .certifications-block .certificate-text p {
        font-size: 16px;
    }

    .upholding-standards .image-wrap,
    .certification-full-content .certification-full-content-wrap {
        flex-wrap: wrap;
    }

    .upholding-standards .image-wrap .image-box,
    .certification-full-content .certification-full-content-wrap .image-box,
    .certification-full-content .certification-full-content-wrap .content-box {
        max-width: 100%;
    }

    .certification-full-content .certification-full-content-wrap .image-box .image {
        height: 250px;
    }

    .certification-full-content .certification-full-content-wrap .content-box {
        padding: 20px;
    }

    .certification h2 {
        margin-bottom: 20px;
    }

    .certification .certification-wrap,
    .certification .cnc-certification-wrap,
    .certifications-compliances .wrap-box .certifications-block .block-wrap,
    .certifications-compliances .wrap-box {
        gap: 20px;
    }

    .certification .certification-wrap .certification-box,
    .certification .cnc-certification-wrap .cnc-certification-box,
    .certifications-compliances .wrap-box .certifications-block .block-wrap .certification-box {
        max-width: calc(50% - 10px);
    }

    .certification .certification-wrap .certification-box .image-box,
    .certification .cnc-certification-wrap .cnc-certification-box .image-box,
    .certifications-compliances .wrap-box .certifications-block .block-wrap .certification-box .image-box {
        width: 155px;
        height: 155px;
        padding: 20px;
        margin-bottom: 10px;
    }

    .certification .certification-wrap .certification-box .certificate-name,
    .certification .cnc-certification-wrap .cnc-certification-box .certificate-name,
    .certifications-compliances .wrap-box .certifications-block .block-wrap .certification-box .certificate-name {
        font-size: 16px;
    }

    .certifications-compliances .wrap-box .certifications-block .block-wrap .certification-wrap {
        gap: 0 20px;
    }

    .certifications-compliances .wrap-box .certifications-block .certificate-texts-wrapper {
        padding: 10px 0;
    }

    .certi-cta-btn .grid-wrap {
        flex-wrap: wrap;
    }

    .certi-cta-btn .text-box {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .certi-cta-btn.cta-section.cta-sec-with-desc h3 {
        margin-bottom: 10px;
    }

    .cnc-certificate-banner h2 {
        line-height: normal;
    }

    .cnc-certificate-banner h2 span {
        display: block;
        font-size: inherit;
        margin-bottom: 0;
    }

    .certifications-compliances .wrap-box .divider {
        margin-bottom: 20px;
    }

    .cnc-certificate-wrap .divider {
        margin: 20px auto;
    }

    .leadership-banner {
        padding: 20px 0 10px;
    }

    .leadership-wrap {
        flex-wrap: wrap;
        gap: 10px;
    }

    .leadership-wrap .content-box,
    .leadership-wrap .img-box {
        max-width: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .leadership-wrap .content-box h1 {
        font-size: 32px;
    }

    .leadership-wrap .img-box .image {
        min-height: 100%;
    }

    .leadership-wrap .content-box .social-icons {
        justify-content: center;
    }

    .professional-background,
    .expertise-area {
        padding: 40px 0;
    }

    .professional-background p {
        font-size: 16px;
        line-height: 1.46;
        margin-bottom: 15px;
    }

    .expertise-wrap {
        gap: 20px 0;
    }

    .expertise-wrap .expertise-box {
        max-width: 100%;
    }

    .back-to-top {
        right: 15px;
    }

    .search-results-section {
        padding: 30px 0 50px;
    }

    .search-results-section .search-result-item {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .search-results-section .search-result-item .search-result-title {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .search-results-section .search-results-count {
        margin-bottom: 30px;
    }

    .resources-pagination {
        padding: 40px 0 0;
    }

    .resources-pagination .pagination-next,
    .resources-pagination .pagination-prev {
        font-size: 0;
    }

    .resources-pagination .page-numbers:not(.prev.page-numbers):not(.next.page-numbers) {
        margin-right: 6px;
        font-size: 14px;
        min-width: 30px;
        height: 30px;
    }

    .header-search-wrapper {
        right: calc(5% + 30px);
        margin-right: 0;
    }


    .company-main .team-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .company-main h2 {
        margin-bottom: 30px;
        line-height: 1.25;
    }


    .newthreecolomn .box-section {
        width: 75%;
    }

    .b-corp-text-flex {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .newthreecolomn .box-section img {
        width: 30% !important;
    }

    .bluetextcustom p {
        font-size: 16px;
    }

    .about-content .text-box p,
    .our-story .story-box .content-box p,
    .ubiquitous .ubiquitous-box .content-box p {
        font-size: 16px;
    }

    .our-story .story-box .content-box p,
    .ubiquitous .ubiquitous-box .content-box p {
        margin-bottom: 10px;
    }

    .about-content .text-box h2,
    .our-story h2,
    .ubiquitous .ubiquitous-box .content-box h2 {
        margin-bottom: 15px;
    }

    .our-story .story-box {
        gap: 20px;
        margin-bottom: 20px;
    }

    /* .our-story .story-box .image-box .image { min-height: 150px; } */
    .our-story .story-box .image-box .image .text-caption {
        font-size: 14px;
        padding: 6px 8px;
        left: 10px;
        bottom: 10px;
    }

    .ubiquitous .ubiquitous-box .image-box .image {
        min-height: 285px;
    }

    .company-main .team-member {
        max-width: 100%;
        height: initial;
        margin-bottom: 0;
        text-align: center;
    }

    .grid,
    .seek-sunrise-bottom>.grid,
    .cnc-event-section .grid,
    .page-template-sustainability-library .grid-narrow,
    .page-template-sustainability-library .grid,
    .page-template-b-corp .grid-narrow,
    .page-template-b-corp .grid,
    .page-template-ubq-contribution .grid,
    .page-template-ubq-contribution .grid-narrow {
        max-width: 90% !important;
    }

    .header .grid {
        max-width: 100% !important;
    }

    .hero-medium-main-wrapper .hbspt-form form fieldset:first-child {
        max-width: 100%;
        justify-content: flex-start;
        margin-bottom: 30px;
    }

    .collaborate-main .hero-medium-main-wrapper h6 {
        text-align: left;
    }

    .hero-medium-main-wrapper .hbspt-form form fieldset {
        flex-wrap: wrap;
        flex-direction: column;
        gap: 0;
    }

    .hero-medium-main-wrapper .hbspt-form form fieldset .input span {
        font-size: 15px;
    }

    .hero-medium-main-wrapper .hbspt-form form fieldset .hs-richtext {
        text-align: left;
        margin-bottom: 30px;
    }

    .hero-medium-main-wrapper p,
    .hero-medium-main-wrapper h4 {
        margin-bottom: 30px;
    }

    .hero-medium-main-wrapper .hbspt-form form fieldset div {
        width: 100% !important;
    }

    .hero-medium-main-wrapper .hbspt-form form fieldset+fieldset>div {
        margin-bottom: 20px;
    }

    .hbspt-form form textarea {
        padding-top: 0;
    }

    .hero-medium-main-wrapper .hs_submit.hs-submit input[type="submit"] {
        margin-top: 0;
        max-width: 100%;
    }

    .collaborate-main {
        padding-top: 40px;
    }

    .collaborate-main .hero-medium-main-wrapper {
        padding: 0;
        margin-top: 0;
    }

    .jtfBannerSectionNew {
        height: 375px;
    }

    .cnc-certificate-banner h1 span {
        max-width: 265px;
    }

    .page-template-ubq-contribution .affiliations-top.products-banner h1 span {
        width: 190px;
    }

    /* .jtf-banner-responsive { display: block; }
    .jtf-banner-desktop { display: none; } */
    .career-vid-about .main-about-item {
        flex-wrap: wrap;
    }

    .career-vid-about .main-about-item .text {
        max-width: 100%;
    }

    .blog-post-inner-next-text img {
        margin-right: 0;
    }

    .blog-post-inner-main .blog-post-inner-next-text .title-box {
        gap: 15px;
    }

    .nl-footer-contact-wrap {
        gap: 10px;
    }

    .nl-footer-address:after {
        display: none;
    }

    #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 {
        right: 30px;
    }    
    .featured .title-box {margin-bottom:20px;}    
    .ticker-logo{width: 90px; height: 90px; margin: 0 10px;}    
    .what-you-get h2 {margin-bottom: 20px;}
    .card-round-wrap .card-box{max-width: 100%;}
    .card-round-wrap .card-box .card-image{max-width:200px; margin-bottom: 15px;}
    .featured .title-box p, .what-you-get .notes p { font-size: 18px; }
    .what-you-get .notes { margin-top: 30px; padding: 10px 15px; } 
    .what-you-get.dark .title-box p { font-size: 20px; }
    .compaign-banner { min-height: 375px; }
    .compaign-banner h1 { font-size: 28px; line-height: 1.2; text-align: center; font-weight: 400; margin-bottom: 23px; }
    .compaign-banner h1 span { display: inline; }
    .compaign-banner h1 sup { font-size: 22px; }
    .compaign-banner p { font-size: 18px; display: none; }    
    .compaign-banner .content-box { min-height: 345px; max-width: 100%; padding-bottom: 30px; }
    .compaign-banner .btn.primary { width: 100%; }
    .compaign-top { max-width: 300px; top: 0; aspect-ratio: 16/10; }
    .compaign-bottom { max-width: 120px; right: 10px; bottom: 10px; display: none; }
    .compaign-bg {max-width:400px;left:-50px;bottom:inherit;top:0;}
    .submit-product .form-wrap .form-box, .submit-product form .hs-form-field { max-width: 100%; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; }
    .submit-product .form-wrap .form-box.textarea-box textarea, .submit-product form .hs-fieldtype-textarea .input { height: 120px; }
    .submit-product .form-wrap .sign-newsletter p, .submit-product form .hs_hero_product_signup_newsletter .hs-form-booleancheckbox-display input + span { max-width: 100%; }    
    .submit-product .no-list.hs-error-msgs.inputs-list, .submit-product form .hs-form-field label.hs-error-msg { left: 0; top: calc(100% + 3px); }
    .case-studies-main .what-is-bottom-gall .what-is-bottom-gallery-item { max-width: 100%; }
    .client-showcase .title-box p { font-size: 18px; }
    .feature-banner .title-box h2 { line-height: 36px; }
    .feature-banner__icon-item { max-width: 100%; } 
    .feature-banner .title-box { margin-bottom: 30px; }
    .feature-banner__ctas { gap: 20px; flex-direction: column; }
    .tc-grid__icon-item, .technology-icons-grid .title-box p.tc-grid__subheading { max-width: 100%; }
    .technology-icons-grid .title-box { margin-bottom: 30px; }
    .tc-grid__icon-item .tc-grid__icon-title { max-width: 40%; }
    .mgrid-sec__icons .mgrid-sec__icon-item { max-width: 200px; margin-bottom: 15px; }
    .mgrid-sec__icons .mgrid-sec__icon-item:nth-child(n+4), .mgrid-sec__icons .mgrid-sec__icon-item:last-child { margin-top: 0; }
    .mgrid-sec__icons .mgrid-sec__icon-item:last-child { margin-bottom: 0; }
    .verified-wrap .verified-box { max-width: 100%; }
    .verified-data .ubq-comparison { padding: 20px; }
    .verified-data .ubq-comparison .title { font-size: 16px; }
    .verified-data .btn-wrap { flex-direction: column; }
    .facility-wrap .content-box .content-wrap .text-content:not(:last-child){padding-right: 10px;margin-right: 10px;}
    .facility-wrap .content-box .content-wrap .text-content .title { font-size: 24px; }
    .facility-wrap .content-box .content-wrap .text-content p { font-size: 16px; }
    .facility-wrap { gap: 20px; }
    .facility-wrap { margin-bottom: 20px; }
    .evolved-materials-box { max-width: 100%; }
    .evolved-materials-box { padding: 20px; }
    .evolved-materials-wrap .image-box { margin-bottom: 20px; }
    .evolved-materials-wrap .title { margin-bottom: 10px; }
    .evolved-materials .btn-wrap { flex-wrap: wrap; }
    .ready-to-explore .grid{padding:0 16px;}
    .ready-to-explore .ready-explore-left > img,.ready-to-explore .ready-explore-right > img{height:200px;}
    .ready-to-explore .text-box{padding:24px 20px;gap:12px;}
    .ready-to-explore .title-box .ready-to-explore-desc { max-width: 100%; }
    .ready-to-explore .text-box { gap: 0; }
    .meet-ubq-sec .content-wrap { flex-wrap: wrap; margin-bottom: 20px; }
    .meet-ubq-sec .content-wrap .text-content { max-width: 100%; border-bottom: 1px solid #FFCB00; border-right: none; }
    .meet-ubq-sec .content-wrap .text-content .title { padding: 20px 0; }
    .meet-ubq-sec .content-wrap .text-content .title span { display: inline; }
    .meet-ubq-sec .facility-wrap { gap: 0; margin-bottom: 10px; }
    .explore-form-modal { padding: 30px 20px; }
    .explore-modal-close { top: 10px; right: 10px; width: 30px; height: 30px; font-size: 14px; }
    .explore-hubspot-form .hs-form-field, .explore-hubspot-form input, .explore-hubspot-form select, .explore-hubspot-form textarea { width: 100% !important; }
    .explore-hubspot-form input.hs-button { height: 45px; }
    .explore-hubspot-form.hb-form-1 .form-columns-2, .explore-hubspot-form.hb-form-0 .form-columns-2 { gap: 0; }
    
}

@media (max-width:600px) {

    .company-socials a {
        width: 50px;
        height: 50px;
        margin-bottom: 20px;
    }

    .affiliactionbaneer span {
        font-size: 34px;
        margin-bottom: 8px;
        display: block;
    }

    .affiliactionbaneer {
        max-width: 100%;
    }

    .bluetextcustom {
        gap: 20px;
    }

    .newthreecolomn .box-section.box-sectiontwo {
        flex-direction: column !important;
    }

    .newthreecolomn .box-sectiontwo img {
        width: 100% !important;
    }

    .newthreecolomn .box-sectiontwo {
        flex-direction: column !important;
    }

    .newfourcolomn .list-sectiontwo .yBtn {
        font-size: 14px !important;
        text-align: center !important;
        padding: 0 20px !important;
        line-height: 18px !important;
        margin-top: 20px;
    }

    .newfourcolomn {
        padding: 0px 20px
    }

    .newfourcolomn img {
        margin-top: 20px;
        width: 100%
    }

    .newthreecolomn .box-sectiontwo {
        width: 100%;
    }

    .grid-narrow .text h2 {
        line-height: 1em;
        font-size: 30px !important;
        word-wrap: break-word;
        overflow-wrap: break-word;
        white-space: normal;
        max-width: 100%;
    }

    .newthreecolomn h2 {
        line-height: 1em;
        font-size: 30px !important;
    }

    .ubq-contribution .grid-narrow .text h2 {
        line-height: 1em;
        font-size: 30px !important;
        word-wrap: break-word;
        overflow-wrap: break-word;
        white-space: normal;
        max-width: 100%;
    }

    .sustainable-development .goalsSectionCont .flip-card {
        width: 100%;
    }

    .sustainable-development .goalsSectionCont .goalsLogoCard {
        width: 100%;
    }

    .knowledgeSection .flip-card {
        width: 100%;
        height: 380px;
    }

    .knowledgeSection .goalsLogoCard {
        width: 100%;
    }

    .knowledgeSection .goalsSectionCont {
        flex-wrap: wrap;
        gap: 20px 20px;
    }

    .knowledgeSection .KnowledgeCard {
        width: 100%;
    }

    .knowledgeSection .flip-card-back {
        padding-top: 0px;
    }

    .knowledgeSection .flip-card-back p {
        font-size: 14px;
        min-height: initial;
    }

    .knowledgeSection .flip-card-back h5 {
        font-size: 20px;
    }

    .knowledgeSection .flip-card-front {
        padding: 0px 0;
    }

    .knowledgeSection .goalsFrontTop {
        padding: 0px 0;
    }
}

@media only screen and (max-width: 431px) {
    .contact_info .contact-box {
        display: flex;
        flex-direction: column;
    }

    .contact_info .contact-box.custom-location {
        flex-direction: column-reverse;
        gap: 10px;
    }


}

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

    /* .hero.big{height:100vw;} */
    /* .b-corp-top.hero.hero { height: 100vw;} */
    /* .affiliations-top.hero { height: 375px; } */
    .page-template-ubq-material .hero {
        position: relative;
    }

    .page-template-ubq-material .hero:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgb(0 0 0 / 35%);
    }

    /* .page-template-ubq-material .hero h1{position:relative;} */
    .ubq-top {
        padding: 50px 0;
    }

    .hero h1,
    .ubq-top h2,
    .ubq-main h2 {
        font-size: 26px;
    }

    .ubq-top h2.c-blue,
    .ubq-main h2.c-blue {
        text-align: center;
        line-height: 30px;
        max-width: 90%;
    }

    .ubq-top h2.c-blue {
        max-width: 100%;
    }

    .ubq-main .text,
    .ubq-top .text,
    .ubq-main .ubq-main-items~.text {
        max-width: 90%;
        line-height: 21px;
        margin-block-end: 50px;
        text-align: start;
    }

    .ubq-main .main-item {
        max-width: 90%;
        flex-direction: column;
        align-items: center;
        min-height: auto;
    }

    .main-item-img {
        max-width: 40%;
        width: 100%;
    }

    .main-item-texts {
        max-width: 65%;
        width: 100%;
        text-align: start;
    }

    .ubq-main .main-item-img img {
        max-width: 120px;
    }

    .ubq-main .main-item .text {
        max-width: 100%;
        max-height: 100%;
        text-align: center;
    }

    .ubq-main .main-item h6 {
        margin-block-start: 0;
        text-align: center;
    }

    .ubq-main .ubq-main-items~.btn.primary {
        max-width: fit-content;
    }

    .ubq-main {
        padding: 50px 0;
    }

    .ubq-main .ubq-main-items {
        margin-block-end: 50px;
    }

    .compatability-application-main>.grid {
        max-width: 100%;
    }

    .industries .industry {
        max-width: 49%;
        margin: auto;
        margin-block-end: 1.5%;
    }

    .compatability-application-top.hero h1 {
        max-width: 80%;
        text-align: start;
        padding-inline-start: 5%;
    }

    .industries .industry:nth-child(2n) {
        margin-inline-end: 0;
    }

    .industries .industry:nth-child(3n),
    .industries .industry:nth-child(5n) {
        margin-inline-start: 0;
    }

    .compatability-application-main .text {
        max-width: 75%;
    }

    .compatability-application-tech .text,
    .compatability-application-materials .text {
        max-width: 75%;
    }

    .tech .tech-item {
        max-width: 50%;
        width: 100%;
    }

    .waste-conversion-top h1 {
        text-align: start;
        max-width: 100%;
    }

    .waste-conversion-bottom2 .text {
        max-width: 90%;
    }

    .waste-conversion-bottom .impact-item-img img {
        max-width: 100%;
        height: auto;
    }

    .waste-conversion-bottom2 img {
        margin: auto;
    }

    .waste-conversion-bottom .impact-item {
        max-width: 47%;
        margin-block-end: 40px;
    }

    .waste-conversion-bottom .impact-item:last-child {
        margin: auto;
    }

    .newfourcolomn .list-sectiontwo {
        padding: 0 0 20px 0;
    }

    .newfourcolomn .list-sectiontwo a.yBtn {
        margin-top: 20px;
    }

    .facility-wrap .content-box .content-wrap .text-content .title{font-size:20px;}
    .facility-wrap .content-box .content-wrap .text-content p { font-size: 12px; }

}

.blog-post-inner-main-content h3 {
    margin: 30px 0px;
}

.blog-post-inner-main-content h2 {
    margin: 30px 0px;
}
/* Footer Newsletter Form Fix */
@media (min-width: 1183px) {
.new-footer.footer-top .footer-form {
/* Remove 430px cap — let form fill the space */
flex: 1;
max-width: none;
min-width: 0;
}

.footer-form form {
/* Vertically center input + button */
align-items: center;
}

.new-footer .footer-form .hbspt-form form .hs_email {
/* Stretch email field to fill remaining space */
flex: 1;
width: auto !important;
min-width: 0;
position: relative;
display: flex;
align-items: center;
}

.new-footer .footer-form .hbspt-form form .hs_submit.hs-submit {
/* Auto width — shrink to button content */
width: auto !important;
flex-shrink: 0;
display: flex;
align-items: center;
margin-left: 20px;
}

footer.new-footer-wrapper form input[type="submit"] {
/* Override conflicting global submit rules */
padding: 13px 32px !important;
max-width: none !important;
height: auto !important;
margin: 0 !important;
margin-block-start: 0 !important;
white-space: nowrap;
}

/* 5. Error message — absolute BELOW input, not inline */
.new-footer .footer-form .hbspt-form form .hs_email .hs-error-msgs {
position: absolute;
top: 100%;
left: 0;
margin: 4px 0 0;
padding: 0;
list-style: none;
white-space: nowrap;
}
.new-footer .footer-form .hbspt-form form .hs_email .hs-error-msgs label {
color: #ffffff;
font-size: 12px;
font-weight: 400;
}
}
/* Footer Newsletter Form Fix */





@media(max-width:767px){

    /* .explore-form-modal{
        width: 95%;
        padding: 25px 18px;
        margin: 20px auto;
    } */

}
/* New landing page hubspot form popup */