@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    font-family: "Rubik", serif;
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

.dropdown-menu {
    display: block;
    transform: translateY(20px);
    transition: 0.4s;
    visibility: hidden;
    opacity: 0;
}

.dropdown-menu.show {
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}

.dropdown-toggle::after {
    content: "\f107";
    border: none;
    font-family: "Font Awesome 6 Pro";
    transform: scale(0.8);
    vertical-align: 0;
}

.page-not-found {
    text-align: center;
}

.page-not-found h2 {
    font-weight: 700;
    font-size: 200px;
    line-height: 1;
    text-transform: uppercase;
    color: #1F2B5A;
    margin-bottom: 20px;
    background: linear-gradient(to right, #4AD7AA, #1F2B5A);
    background-clip: text;
    color: transparent;
}

.page-not-found h4 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 55px;
    letter-spacing: -0.02em;
    line-height: 1;
    text-transform: uppercase;
    color: #121212;
    margin-bottom: 20px;
}

/*@media (min-width: 1400px) {
    .container {
        max-width: 1416px;
    }
}*/
@media (min-width: 1400px) {
    .container {
        max-width: 1160px;
    }
}

.p-grey-color {
    color: #677487;
}


/*end bootstrap default css----------------------------------- */


/* header css----------------------------------- */

/*@media (min-width: 1400px) {
    .header-container {
        max-width: 1536px;
    }
}*/

.page-loader {
    background-color: #EAEEFF;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0%;
    left: 0;
    z-index: 5000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.8s;
}

.page-loader.hide-loader {
    top: -100%;
}

.page-loader img {
    width: 220px;
}

.header {
    position: fixed;
    width: 100%;
    z-index: 500;
    transition: 0.4s;
}
.header {
    background: rgba(255, 255, 255, 0.85);
    padding:0  8px;
    box-shadow: 0 4px 4px #00000040;
}
.header.sticky-header {
    background: rgba(255, 255, 255, 1);
}

.header-logo {
    padding: 10px 0;
}

.header-logo img {
    width: 100%;
}

.header-btn {
    background-color: #4AD7AA;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    padding: 21px 24px;
    border-radius: 80px;
    border: 1px solid #4AD7AA;
}

.header-btn:hover {
    color: #4AD7AA;
    border: 1px solid #4AD7AA;
    background-color: #1F2B5A;
}

.header .nav-link {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
}
.header .nav-link:hover {
    color: #00945E;
}
.header .navbar-expand-xl .navbar-nav .nav-link {
    padding: 3px 15px;
}

.header li.current-menu-item .nav-link {
    color: #00945E;
}

.flag-dropdown .dropdown-toggle {
    border: 1px solid #6779C0;
    background-color: #33427C;
    border-radius: 24px;
    padding: 2px;
    transition: 0.4s;
    padding-right: 6px;
}

.flag-dropdown .dropdown-toggle.show {
    border-radius: 10px 10px 0px 0px;
    border-bottom-color: #33427C;
}

.flag-dropdown a {
    color: #FFFFFF;
    font-size: 12px;
    display: block;
    padding: 0px;
}

.flag-dropdown img {
    height: 24px;
    width: 24px;
    padding-right: 4px;
}

.flag-dropdown .dropdown-menu {
    background-color: #33427C;
    border: 1px solid #6779C0;
    min-width: auto;
    width: 100%;
    padding: 0px 0px 3px 0px;
    border-radius: 24px;
    margin-top: 0px;
    transform: translateY(0px);
}

.flag-dropdown .dropdown-menu.show {
    border-radius: 0px 0px 10px 10px;
    border-top-color: #33427C;
}

.flag-dropdown .dropdown-menu .dropdown-item:focus,
.flag-dropdown .dropdown-menu .dropdown-item:hover {
    background-color: transparent;
    color: #FFFFFF;
}

.dark-ligh-btn {
    background-color: #FFFFFF;
    border: 1px solid #E2E8FF;
    border-radius: 20px;
    display: flex;
    align-items: center;
    padding: 2px;
    position: relative;
    margin: 0px 24px 0px 12px;
    transition: 0.4s;
}

.dark-ligh-btn::before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background-color: #1F2B5A;
    position: absolute;
    border-radius: 16px;
    z-index: 0;
    left: 2px;
    transition: 0.4s;
}

.dark-ligh-btn span {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-height: 24px;
    min-height: 24px;
    max-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    padding: 0px;
    z-index: 1;
    position: relative;
    transition: 0.4s;
}

.dark-ligh-btn span svg {
    fill: #fff;
    height: 12px;
    width: 12px;
}

.dark-ligh-btn span.sun-icon svg {
    fill: #fff;
}

.dark-ligh-btn span.moon-icon svg {
    fill: #D4DBEA;
}

.dark-active.dark-ligh-btn::before {
    left: 26px;
}

.dark-active.dark-ligh-btn span.moon-icon svg {
    fill: #fff;
}

.dark-active.dark-ligh-btn span.sun-icon svg {
    fill: #D4DBEA;
}


/* .dark-active span.moon-icon {
    background-color: #1F2B5A;
} */

.megamenu-body {
    background-color: #1F2B5A;
    padding: 20px 40px;
    border-radius: 35px;
    margin-top: 20px;
    box-shadow: 0px 0px 74.1px -37px rgba(20, 27, 49, 0.83);
    backdrop-filter: blur(11.4px);
    transition: 0.4s;
    transform: translateY(15px);
    /* opacity: 0;
    transition: 0.4s;
    visibility: hidden; */
}
.megamenu-active .megamenu-body{
    transform: translateY(0px);
}
/* .megamenu-active .megamenu-body {
    opacity: 1;
    visibility: visible;
} */

.megamenu-main-div {
    position: absolute;
    width: 100%;
    max-width: 1177px;
    padding: 20px 40px;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-radius: 30px;
    opacity: 0;
    transition: 0.3s;
    visibility: hidden;
    transform: translateY(15px); 
    display: none;
}

.megamenu-active .megamenu-main-div {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px); 
    display: block;
    transition: opacity 0.5s ease;
}

.megamenu-body h5 {
    font-size: 16px;
    color: #7E8DC9;
    font-weight: 700;
    margin-bottom: 5px;
    transition: 0.4s;
}

.megamenu-body h5:hover{
    color: #fff;
}

.mega-a-list a {
    font-size: 16px;
    color: #7E8DC9;
    display: block;
    transition: 0.4s;
}

.mega-a-list a:hover {
    color: #fff;
}

.megamenu-body img {
    object-fit: cover;
    border-radius: 26px;
}
.megamenu-body  .col-xl-7 .row{
    position: relative;
    margin-top: 15px;
}
.megamenu-body  .col-xl-7 .row::before{
    content: "";
    width: calc(100% - 20px);
    height: 1px;
    background-color: #8DA4FE29;
    position: absolute;
    top: -8px;
    left: 10px;
}

.dropdown-div .dropdown-menu {
    padding-top: 20px;
    background-color: transparent;
    border: none;
}

.dropdown-div:hover .dropdown-menu {
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}

.drop-innter-div {
    background-color: #fff;
    padding: 20px 0;
    width: 200px;
    box-shadow: 0 0 10px 1px #0000002e;
}
.drop-innter-div a.dropdown-item {
    color: #C0CBDF;
    transition: 0.4s;
    font-size: 14px;
}

.drop-innter-div a.dropdown-item:hover {
    background-color: transparent;
    color: #fff;
}

.drop-innter-div a.dropdown-item.active {
    background-color: transparent;
    color: #FFFFFF;
    font-weight: bold;
}

.navbar-toggler {
    color: #FFFFFF;
    border: none;
    padding: 0px;
    font-size: 22px;
    margin-right: 15px;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.h-button-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.header-overly {
    display: none;
}
.navbar.navbar-expand-xl {
    padding: 0;
}

.close-i-header {
    color: #fff;
    position: fixed;
    width: 80%;
    left: 0px;
    margin-left: 30px;
    text-align: right;
    top: 0px;
    font-size: 22px;
    /* background-color: #1F2B5A; */
    padding-right: 10px;
    transition: 0.8s;
    display: none;
}

/* lange wp-dropdown  */

.h-button-list .wpml-ls-legacy-dropdown-click{
    width: auto;
    max-width: max-content;
    margin-right: .5rem;
}
.rtl .h-button-list .wpml-ls-legacy-dropdown-click{
    margin-left: .5rem;
    margin-right: 0rem;
}
.h-button-list .wpml-ls-legacy-dropdown-click a{
    background-color: #33427C;
    border: 1px solid #6779C0;
    color: #FFFFFF;
    font-size: 12px;
    text-transform: uppercase;
    padding: 2px;    
    padding-right: 6px;
    border-radius: 24px;
    display: flex;
    align-items: center;
}
.h-button-list .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle{
    /* display: none; */
    padding: 6px 4px 6px 14px;
}
.h-button-list .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a{
    justify-content: center;
    padding: 6px 4px 6px 4px;
}
.rtl .h-button-list .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle{
    padding-left:6px;
    padding-right: 6px;
}
.h-button-list .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a, 
.h-button-list .wpml-ls-legacy-dropdown-click a:focus, 
.h-button-list .wpml-ls-legacy-dropdown-click a:hover{
    background-color: #33427C; 
    color: #FFFFFF;
}
.h-button-list .wpml-ls-legacy-dropdown-click .wpml-ls-flag{
    height: 24px;
    width: 24px;
    border-radius: 24px;
    object-fit: cover;
}
.h-button-list .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a{
    padding-right: 2px;
}
.h-button-list .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-flag{
    width: 100%;
}
.h-button-list .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{
    content: "\f107";
    border: none;
    font-family: "Font Awesome 6 Pro";
    transform: scale(0.8);
    vertical-align: 0;
    border:none;
    position: unset;
    margin-left: 7px;
}
.rtl .h-button-list .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{
    margin-left: 0px;
    margin-right: 7px;
}
.h-button-list .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{
    border-top: none;
    margin-top: 1px;
}
/*end lange wp-dropdown  */


@media (max-width: 1199.98px) {
    .header-overly {
        display: block;
        height: 100%;
        width: 100%;
        position: fixed;
        background-color: rgb(0, 0, 0, 0.5);
        top: 0;
        left: 0;
        z-index: 0;
        opacity: 1;
        visibility: visible;
        transition: 0.4s;
        text-align: right;
        color: #fff;
    }
    .header-overly.collapsed {
        opacity: 0;
        visibility: hidden;
    }
    .close-i-header.collapsed {
        opacity: 0;
        visibility: hidden;
        transform: translateX(-100%);
    }
    .close-i-header {
        opacity: 1;
        visibility: visible;
        transform: translateX(0px);
        display: block;
    }
    .header .navbar-expand-xl .navbar-nav .nav-link {
        padding: 5px 0px;
        display: inline-block;
    }
    .navbar-expand-xl .navbar-collapse {
        display: block !important;
        position: fixed;
        background-color: #1F2B5A;
        padding: 20px;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 80%;
        overflow: auto;
        transition: 0.4s;
        opacity: 0;
        visibility: hidden;
        transform: translateX(-100px);
        z-index: 50;
    }
    .navbar-expand-xl .navbar-collapse.show {
        opacity: 1;
        visibility: visible;
        transform: translateX(0px);
    }
    .navbar-nav .dropdown-menu {
        position: absolute;
        width: 100%;
    }
    .dropdown-div .dropdown-menu {
        padding-top: 5px;
    }
    .drop-innter-div {
        border: 1px solid rgb(255, 255, 255, 0.3);
        border-radius: 10px;
        padding: 15px 10px;
    }
    .dropdown-div:hover .dropdown-menu,
    .dropdown-div .dropdown-menu:not(.show) {
        transform: translateY(20px);
        visibility: hidden;
        opacity: 0;
    }
    .dropdown-div .dropdown-menu.show {
        transform: translateY(0px);
        visibility: visible;
        opacity: 1;
    }
    .megamenu-main-div {
        /* display: none; */
        z-index: 2;
        padding: 0px 20px;
    }
    .megamenu-active .megamenu-main-div {
        /* display: block; */
    }
    .megamenu-body img {
        border-radius: 10px;
    }
    .megamenu-body {
        margin-top: 5px;
        border: 1px solid rgb(255, 255, 255, 0.3);
        border-radius: 10px;
        padding: 15px;
    }
    .mega-a-list {
        margin-bottom: 20px;
    }
    .h-button-list {
        grid-gap: 10px;
        margin-top: 15px;
    }
    .header-btn {
        padding: 12px 15px;
        display: block;
        font-size: 14px;
    }
    .header-logo {
        padding: 8px 12px;
    }
    .header-logo img {
        width: 100px;
    }
    .dark-ligh-btn {
        margin: 0px 0px 0px 0px;
    }
    .megamenu::after {
        content: "\f107";
        font-family: "Font Awesome 6 Pro";
        color: #C0CBDF;
        font-size: 14px;
        transform: scale(0.8);
        position: absolute;
        margin-left: 9px;
        margin-top: 6px;
    }
    .megamenu .dropdown-toggle::after {
        display: none;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .header-btn {
        padding: 15px 15px;
        display: block;
    }
    .header .navbar-expand-xl .navbar-nav .nav-link {
        padding: 0px 15px;
    }
    .dark-ligh-btn {
        margin: 0px 15px 0px 12px;
    }
}


/*end header css----------------------------------- */


/*banner css----------------------------------- */

.home-banner {
    padding: 200px 0;
    position: relative;
    overflow: hidden;
    height: 100vh;
}

.home-banner::before {
    content: "";
    position: absolute;
    width: 514px;
    height: 514px;
    left: -228px;
    bottom: 0px;
    background: #8DA4FE;
    border-radius: 50%;
    z-index: -2;
    filter: blur(380px);
    display: none;
}
.hero-wraper {
    position: absolute;
    left: 32%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.home-banner h1 {
    font-family: "Rubik", serif;
    font-weight: 600;
    font-size: 70px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #fff;
    pointer-events: none;
    text-align: left;
}

.banner-text-animation {
    position: relative;
    z-index: 2;
}


/* .banner-text-animation::after {
    content: "Commercial Air Conditioners";
    opacity: 0;
    visibility: hidden;
} */


.banner-text-animation .word {
    position: absolute;
    opacity: 0;
}

.banner-text-animation .letter {
    display: inline-block;
    position: relative;
    /* float: left; */
    min-width: 20px;
    transform: translateZ(25px);
    transform-origin: 50% 50% 25px;
}

.banner-text-animation .letter.out {
    transform: rotateX(90deg);
    transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.banner-text-animation .letter.behind {
    transform: rotateX(-90deg);
}

.banner-text-animation .letter.in {
    transform: rotateX(0deg);
    transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.home-banner h6 {
    font-weight: 300;
    font-size: 26px;
    color: #ddd;
    max-width: 550px;
    margin-top: 10px;
    margin-bottom: 50px;
    line-height: 40px;
}

.custom-btn a, .cutome-btn {
    border: 2px solid #141E42; 
    color: #141E42;
    font-size: 15px;
    padding: 10px 25px;
    border-radius: 10px;
    display: inline-block;
    transition: all 0.3s ease-in;
}
.custom-btn a:hover, .cutome-btn:hover {
    background: #141E42;
    color: #fff;
}

.custom-btn a:hover::after, .cutome-btn:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
}

.custom-btn.green-custom-btn a, .green-custome-btn.cutome-btn {
    background-color: #4AD7AA;
    border-color: #4AD7AA;
    color: #000000;
}

.custom-btn.green-custom-btn a:hover, .green-custome-btn.cutome-btn:hover {
    background-color: #1F2B5A;
    border-color: #1F2B5A;
    color: #FFFFFF;
}


@keyframes buttonarroanimation {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(85, 90, 134, 0.7);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(85, 90, 134, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(85, 90, 134, 0);
    }
}

.banner-box-row {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 37px;
    margin-top: 100px;
    margin-bottom: 100px;
}

.banner-box-col {
    background: #F0F4FD;
    border-radius: 30px;
    width: 150px;
    height: 150px;
    text-align: center;
    background: linear-gradient(180deg, rgb(255, 255, 255, 0.2), rgb(20, 27, 49, 0.2));
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-box-col::before {
    content: "";
    height: calc(100% - 2px);
    width: calc(100% - 2px);
    background-color: #F0F4FD;
    border-radius: 30px;
    position: absolute;
    left: 1px;
    top: 1px;
    display: block;
    z-index: 0;
}

.ani-nub-banner {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 56px;
    letter-spacing: -0.02em;
    line-height: 1.3;
    text-transform: uppercase;
    color: #1F2B5A;
    z-index: 1;
    position: relative;
}

.ani-nub-banner .ani-nub-small {
    font-size: 20px;
}

.align-right {
    justify-content: right;
}
.p-nub-banner {
    font-size: 14px;
    color: #677487;
    z-index: 1;
    position: relative;
    margin-bottom: 0px;
}

.banner-green-slider {
    background-color: #1F936E;
    padding: 10px 0px;
}

.banner-green-slider .owl-stage {
    display: flex;
}

.banner-green-slider h5 {
    white-space: pre;
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 32px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-right: 30px;
    padding-right: 46px;
    position: relative;
    margin-top: 10px;
    margin-bottom: 5px;
}

.banner-green-slider h5::after {
    content: "";
    height: 16px;
    width: 16px;
    background-color: #FFFFFF;
    display: block;
    position: absolute;
    right: 0px;
    top: 9px;
    transform: rotate(45deg);
}

.banner-image {
    width: 100%;
    max-width: 900px;
    position: absolute;
    bottom: 30px;
    right: 0px;
    z-index: -1;
}

.banner-image.home-banner-frame {
    bottom: 0px;
    z-index: 1;
}
.banner-slider-section{
    position: relative;
    max-width: 1800px;
    margin: 0 auto;
}
.home-banner-bg {
    width: 60%;
    max-width: 800px;
    height: 100%;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 0;
    top: -700px;
}

.home-banner-bg::before {
    content: "";
    position: absolute;
    background-image: radial-gradient(circle, #FFFFFF00, #FFFFFF 95%);
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
    pointer-events: none;
    display: none;
}
.home-banner-bg::after, .banner-home-slider::before {
    content: "";
    position: absolute; 
    background-image: linear-gradient(to right, #FFFFFF , #FFFFFF00);
    height: 100%;
    width: 250px;
    left: 0px;
    top: 0px;
    z-index: 1;
    pointer-events: none;
}
.banner-home-slider::after{
    content: "";
    position: absolute; 
    background-image: linear-gradient(to left, #FFFFFF , #FFFFFF00);
    height: 100%;
    width: 100px;
    right: 0px;
    top: 0px;
    z-index: 1;
    pointer-events: none;
}

.banner-home-slider img{
    border-radius:30px;  
    transition: 0.5s; 
    height: 550px;
    object-fit:cover;
    object-position: center;
}
.banner-home-slider .active img{
    height: 450px;
}
.banner-home-slider .active.center img{
    height: 600px;
}




.banner-play-icon{
    position: absolute;
    bottom: 115px;
    right: 8%;
    display: flex;
    align-items: center;
    justify-content: center;  
    z-index: 2;
}
.pl-img-1{
    height: 150px;
    width: 150px; 
    -webkit-animation: playbannericon 20s infinite linear;
    animation: playbannericon 20s infinite linear;
}
@-webkit-keyframes playbannericon {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes playbannericon {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.pl-img-2{
    position: absolute; 
    width: 22px;
    height: 20px; 
}

.home-banner h6,
.home-banner .cutome-btn,
.banner-box-col {
    z-index: 2;
    position: relative;
}

.banner-drag-div {
    position: absolute;
    bottom: 42%;
    right: 30%;
    background-color: #1F936E;
    box-shadow: 0px 4px 29.6px 0px #00000099;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    padding: 22px 10px;
    border-radius: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 8px;
    width: fit-content;
    z-index: 1;
}

@media (max-width: 767.98px) {
    .home-banner h1 {
        font-size: 60px;
    }
    .banner-text-animation .letter {
        min-width: 10px;
    }
    .home-banner {
        padding-top: 150px;
    }
    .home-banner h6 {
        margin-top: 30px;
        margin-bottom: 30px;
        font-size: 25px;
    }
    .banner-box-row {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .banner-image {
        position: unset;
        margin-bottom: 20px;
    }
    .banner-box-row {
        grid-gap: 15px;
    }
    .ani-nub-banner {
        font-size: 35px;
    }
    .ani-nub-banner .ani-nub-small {
        font-size: 15px;
    }
    .p-nub-banner {
        font-size: 10px;
    }
    .banner-box-col {
        width: 100px;
        height: 100px;
        border-radius: 15px;
    }
    .banner-box-col::before {
        border-radius: 15px;
    }
    .banner-green-slider {
        padding: 5px;
    }
    .banner-green-slider h5 {
        font-size: 22px;
        padding-top: 1px;
        padding-bottom: 3px;
    }
    .banner-green-slider h5::after {
        height: 12px;
        width: 12px;
        top: 6px;
    }
    .cutome-btn {
        padding: 15px 25px;
        font-size: 14px;
    }
    .cutome-btn::after {
        height: 53px;
        width: 53px;
        font-size: 16px;
        right: -40px;
        top: 1px;
    }
    .banner-image.home-banner-frame {
        height: 350px;
    }
    .home-banner-bg {
        position: relative;
        width: 100%;
        top: 5px;
        height: 320px;
        /* margin-top: -40px; */
    }
    .home-banner-bg::before {
        background-image: radial-gradient(circle, #FFFFFF00, #FFFFFF 99%);
    }
    .banner-home-slider img{
        height: 250px;
        border-radius: 20px;
    }
    .banner-home-slider .active img{
        height: 210px;
    }
    .banner-home-slider .active.center img{
        height: 300px;
    }
  
    .banner-drag-div {
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: 5%;
        font-size: 10px;
        grid-gap: 5px;
        padding: 15px 10px;
    }
    .page-not-found h2 {
        font-size: 120px;
    }
    .page-not-found h4 {
        font-size: 30px;
    }
    .home-banner-bg::after{
        background-image:linear-gradient(to bottom, #FFFFFF , #FFFFFF00);
        width: 100%;
        height: 120px;
        display: none;
    }
    .banner-home-slider::before, .banner-home-slider::after{
        display: none;
    }
    .home-banner::after{
        display: none; 
    }
    .pl-img-1 {
        height: 80px;
        width: 80px;
    }
    .banner-play-icon{
        bottom:20px;
        right: 15%;
    }
    .banner-slider-section{
        max-width: 540px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .home-banner h1 {
        font-size: 80px;
    }
    .banner-text-animation .letter {
        min-width: 15px;
    }
    .home-banner {
        padding-top: 180px;
    }
    .home-banner h6 {
        margin-top: 30px;
        margin-bottom: 30px;
        font-size: 25px;
    }
    .banner-box-row {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .banner-image {
        position: unset;
        margin-bottom: 20px;
    }
    .banner-box-row {
        grid-gap: 15px;
    }
    .banner-image.home-banner-frame {
        height: 400px;
    }
    .home-banner-bg::before {
        background-image: radial-gradient(circle, #FFFFFF00, #FFFFFF 70%);
    }
    .banner-drag-div {
        font-size: 10px;
        grid-gap: 5px;
        padding: 15px 10px;
    }
    .home-banner-bg {
        position: relative;
        width: 100%;
        top: 5px;
        height: 520px;
        /* margin-top: -40px; */
    }
    .banner-slider-section{
        max-width: 720px;
    }
    .banner-home-slider img{
        height: 450px;
        border-radius: 20px;
    }
    .banner-home-slider .active img{
        height: 380px;
    }
    .banner-home-slider .active.center img{
        height: 500px;
    }
    
    .pl-img-1 {
        height: 120px;
        width: 120px;
    }
    .banner-play-icon{
        bottom:30px;
        right: 17%;
    }
    .home-banner::after{
        display: none; 
    }
    .home-banner-bg::after{
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner-box-row {
        grid-gap: 10px;
    }
    .banner-image.home-banner-frame {
        max-width: 480px;
    }
    .home-banner-bg::before {
        background-image: radial-gradient(circle, #FFFFFF00, #FFFFFF 70%);
    }
    .banner-home-slider img{
        height: 450px;
        border-radius: 20px;
    }
    .banner-home-slider .active img{
        height: 380px;
    }
    .banner-home-slider .active.center img{
        height: 500px;
    }
   
    .pl-img-1 {
        height: 100px;
        width: 100px;
    }
    .banner-play-icon{
        bottom:200px;
    }
}

@media (min-width: 1200px) and (max-width: 1470.98px) {
    .banner-image.home-banner-frame {
        max-width: 620px;
    }
}

@media (min-width: 2000px) {
    .banner-image {
        max-width: 1100px;
    }
    .hero-wraper {
        left: 39%;
    }

}

@media (min-width: 3000px) {
    .banner-image.home-banner-frame {
        max-width: 50%;
    }
}

@media (max-width: 375.98px) {
    .banner-box-row {
        grid-gap: 8px;
    }
    .ani-nub-banner {
        font-size: 30px;
        line-height: 1.1;
    }
    .p-nub-banner {
        font-size: 8px;
    }
    .banner-box-col {
        height: 90px;
        width: 90px;
    }
}


/*end banner css----------------------------------- */


/*home  product list css----------------------------------- */


@keyframes greenheaddingani {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(31, 147, 110, 0.6);
    }
    70% {
        -webkit-box-shadow: 0 0 0 8px rgba(31, 147, 110, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(31, 147, 110, 0);
    }
}

.section-heading h2 {
    font-family: "Rubik", serif;
    font-weight: 600;
    font-size: 32px;
    text-transform: uppercase;
    color: #121212;
    line-height: 52px;
}
.home-logo-list {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.home-logo-list span {
    width: 280px;
    height: 150px;
    background: linear-gradient(180deg, rgb(255, 255, 255, 0.2), rgb(20, 27, 49, 0.2));
    padding: 37px 10px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    position: relative;
}

.home-logo-list span::after {
    content: "";
    height: calc(100% - 2px);
    width: calc(100% - 2px);
    background-color: #F0F4FD;
    border-radius: 30px;
    position: absolute;
    left: 1px;
    top: 1px;
    display: block;
    z-index: 0;
}

.home-logo-list img {
    width: auto;
    height: auto;
    filter: grayscale(0) contrast(0) brightness(0);
    transition: 0.4s;
    z-index: 1;
    object-fit: contain;
}

.home-logo-list span:hover img {
    width: auto;
    height: auto;
    filter: unset;
}

.home-tab-main {
    justify-content: center;
    background-color: #F0F4FD;
    max-width: 935px;
    margin: 80px auto;
    flex-wrap: nowrap;
}

.home-tab-main .nav-link {
    width: 100%;
    padding: 21px 10px;
    color: #1F2B5A;
    font-size: 16px;
}

.home-tab-main .nav-link.active {
    background-color: #1F2B5A;
    color: #FFFFFF;
}

.product-list-home {
    position: relative;
}

.product-img img {
    height: 330px;
    object-fit: contain;
    transition: 0.4s;
}

.product-list-home:hover .product-img img {
    transform: scale(1.15);
}

.product-body {
    background-color: rgb(177, 193, 255, 0.2);
    border: 1px solid #FFFFFF;
    padding: 40px 30px;
    border-radius: 25px;
    backdrop-filter: blur(8px);
    transition: 0.4s;
    transform: translateY(-80px);
}

.product-list-home:hover .product-body {
    padding: 30px 30px;
    transform: translateY(0px);
}

.product-body h3 {
    color: #1F2B5A;
    font-size: 24px;
    font-weight: bold;
}

.product-body p {
    font-size: 12px;
    color: #1F2B5A;
    margin-top: 25px;
    margin-bottom: 25px;
    height: 36px;
    overflow: hidden;
    transition: 0.4s;
}

.product-list-home:hover .product-body p {
    margin-top: 15px;
    margin-bottom: 15px;
}

.product-body a {
    background-color: #1F2B5A;
    border: 1px solid #1F2B5A;
    color: #FFFFFF;
    font-size: 12px;
    padding: 12px 25px;
    border-radius: 30px;
    display: inline-block;
    transition: 0.4s;
}

.product-body a:hover {
    color: #1F2B5A;
    background-color: transparent;
}

@media (max-width: 767.98px) {
    .home-tab-main {
        flex-wrap: wrap;
        border-radius: 30px;
        max-width: fit-content;
    }
    .home-tab-main .nav-link {
        padding: 14px 16px;
        font-size: 14px;
        width: auto;
    }
    .section-heading h2 {
        font-size: 60px;
    }
    .home-logo-list span {
        width: 180px;
        height: 90px;
        border-radius: 15px;
        padding: 20px 10px;
    }
    .home-logo-list span::after {
        border-radius: 15px;
    }
    .home-logo-list {
        grid-gap: 10px;
        justify-content: start;
    }
    .product-img img {
        height: 230px;
    }
    .product-body {
        transform: translateY(-40px);
    }
    .product-body h3 {
        font-size: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .home-logo-list {
        justify-content: start;
    }
    .product-img img {
        height: 230px;
    }
    .product-body {
        transform: translateY(-40px);
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-logo-list {
        justify-content: start;
    }
    .product-img img {
        height: 230px;
    }
    .product-body {
        transform: translateY(-40px);
    }
}

@media (min-width: 1200px) {}

@media (max-width: 575.98px) {
    .section-heading h2 {
        font-size: 50px;
    }
    .header .navbar {
        padding: 4px 6px;
    }
}

@media (max-width: 375.98px) {
    .home-tab-main .nav-link {
        padding: 14px 12px;
    }
}


/*end home product list css----------------------------------- */


/*home product slider css----------------------------------- */

.home-slider-main {
    position: relative;
    margin-top: 100px;
    margin-bottom: 180px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.homeslider-img {
    border-radius: 70px;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    max-width: 1416px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
    background: #141B31;
    overflow: hidden;
}

.homeslider-img::before {
    content: "";
    position: absolute;
    width: 926.33px;
    height: 514.6px;
    left: -42%;
    top: 10%;
    border-radius: 50%;
    z-index: 0;
    background: #8DA4FE;
    filter: blur(380.741px);
}

.homeslider-img::after {
    content: "";
    position: absolute;
    width: 810.08px;
    height: 429.85px;
    right: -38%;
    top: 10%;
    border-radius: 50%;
    z-index: 0;
    background: #8DA4FE;
    filter: blur(348.2px);
}

.home-slider-main .section-heading h2 {
    color: #FFFFFF;
}

.home-slider-main .cutome-btn {
    color: #1F2B5A;
    background-color: #FFFFFF;
    font-weight: 500;
}

.home-slider-item {
    background: linear-gradient(180deg, #F5F7FF 0%, #E2E8FF 100%);
    border: 2px solid #FFFFFF;
    border-radius: 40px;
    padding: 20px;
    position: relative;
}

.home-slider-item h4 {
    color: #121212;
    font-size: 20px;
    width: calc(100% - 50px);
    height: 50px;
    overflow: hidden;
}

.home-slider-item span {
    font-size: 11px;
    line-height: 1.2;
    color: #FFFFFF;
    background-color: #1F936E;
    height: 50px;
    width: 50px;
    border-radius: 80px;
    position: absolute;
    right: 5px;
    top: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    text-align: center;
    animation: greenheaddingani 2.1s infinite;
}

.home-slider-item img {
    width: 100%;
    height: 320px;
    object-fit: contain;
}

.home-slider-item a {
    background-color: #1F2B5A;
    color: #FFFFFF;
    font-size: 16px;
    padding: 14px 10px;
    border-radius: 80px;
    display: block;
    text-align: center;
    transition: 0.4s;
}

.home-slider-item a:hover {
    color: #FFFFFF;
    background-color: #4AD7AA;
}

.home-product-slider.owl-carousel .owl-stage-outer {
    overflow-y: hidden;
    padding-bottom: 50px;
    padding-top: 50px;
}

.home-product-slider .owl-item {
    transition: 0.3s;
}

.home-drag-btn {
    display: inline-flex;
    grid-gap: 8px;
    margin: 0 auto;
    background-color: #FFFFFF;
    color: #1F2B5A;
    border-radius: 65px;
    padding: 25px 15px;
    position: absolute;
    left: 0;
    right: 0;
    width: fit-content;
    z-index: 2;
    margin-top: 240px;
}

@media (max-width: 575.98px) {
    .homeslider-img {
        border-radius: 40px;
    }
    .home-slider-item {
        width: 90%;
        margin: 0 auto;
    }
    .home-slider-item img {
        height: 280px;
    }
    .home-slider-item span {
        font-size: 10px;
        height: 50px;
        width: 50px;
        padding: 10px;
    }
    .home-slider-main {
        margin-top: 50px;
        margin-bottom: 80px;
    }
    .home-slider-item a {
        font-size: 14px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .homeslider-img {
        border-radius: 40px;
    }
    .home-slider-item img {
        height: 200px;
    }
    .home-slider-item span {
        font-size: 10px;
        height: 50px;
        width: 50px;
        padding: 10px;
    }
    .home-drag-btn {
        margin-top: 180px;
        font-size: 12px;
    }
    .home-slider-main {
        margin-top: 50px;
        margin-bottom: 80px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .home-slider-item span {
        font-size: 10px;
        height: 50px;
        width: 50px;
        padding: 10px;
    }
    .homeslider-img {
        border-radius: 40px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-slider-item img {
        height: 200px;
    }
    .home-slider-item span {
        font-size: 10px;
        height: 50px;
        width: 50px;
        padding: 10px;
    }
    .home-drag-btn {
        margin-top: 180px;
        font-size: 12px;
    }
}

@media (min-width: 1200px) {}

@media (min-width: 576px) and (max-width: 991.98px) {
    .home-product-slider .one {
        transform: rotate(-8.12deg);
        margin-top: 30px;
    }
    .home-product-slider .tree {
        transform: rotate(8.12deg);
        margin-top: 30px;
    }
}

@media (min-width: 992px) {
    .home-product-slider .one {
        transform: rotate(-11.12deg);
        margin-top: 55px;
    }
    .home-product-slider .two {
        transform: rotate(-5.4deg);
        margin-top: 10px;
    }
    .home-product-slider .tree {
        transform: rotate(0deg);
    }
    .home-product-slider .four {
        transform: rotate(5.4deg);
        margin-top: 10px;
    }
    .home-product-slider .five {
        transform: rotate(11.12deg);
        margin-top: 55px;
    }
}


/*end home product slider css----------------------------------- */


/*video banner and Commercial Devices css----------------------------------- */


.video-banner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-banner img {
    width: 100%;
}
.img-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}
.img-wrapper:before {
    content: '';
    left: 0;
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.3);
}
.home-video-icon {
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(151.53deg, rgba(20, 27, 49, 0.2) 14.41%, rgba(20, 27, 49, 0.2) 91.76%);
    border: 4px solid rgba(255, 255, 255, 0.47);
    backdrop-filter: blur(12.025px);
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    animation: playbuttunanimation 2000ms ease-out infinite;
}
.home-video-icon i {
        padding-left: 4px;
}
@keyframes playbuttunanimation {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(20, 27, 49);
    }
    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(20, 27, 49, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(20, 27, 49, 0);
    }
}

.video-modal .modal-content {
    backdrop-filter: blur(12.025px);
    background-color: transparent;
}

.video-modal .modal-body {
    padding: 5px;
}

.video-modal .modal-body iframe {
    display: block;
}

.video-modal .btn-close {
    position: absolute;
    right: -25px;
    top: -25px;
    color: #FFFFFF;
    font-size: 20px;
    background-image: none;
    box-shadow: none;
    transition: 0.3s;
}

.v-bb-btn-div {
    text-align: right;
}

.home-commercial-section {
    margin-top: 150px;
    margin-bottom: 200px;
}

.home-commercial-section .section-heading {
    margin-bottom: 150px;
}

.comn-slider-list {
    background: linear-gradient(180deg, #F5F7FF 0%, #E2E8FF 100%);
    border: 1px solid #FFFFFF;
    border-radius: 32px;
    padding: 32px;
    cursor: all-scroll;
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none;
    /* Standard syntax */
}

.comn-slider-list img {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 25px;
    pointer-events: none;
}

.comn-slider-list h4 {
    font-size: 28px;
    color: #121212;
    margin-bottom: 20px;
}

.comn-slider-list p {
    font-size: 14px;
    color: #677487;
    margin-bottom: 30px;
}

.comn-slider-list a {
    background-color: #1F2B5A;
    color: #FFFFFF;
    font-size: 14px;
    padding: 14px 32px;
    display: inline-block;
    border-radius: 80px;
    transition: 0.4s;
}

.comn-slider-list a:hover {
    background-color: #1F936E;
}

.commercial-list-home .comn-slider-list {
    display: inline-block;
    width: 500px;
    min-width: 500px;
    transition: 1.5s;
    transform: rotate(0deg);
}

.commercial-list-home {
    display: flex;
    grid-gap: 30px;
    overflow: hidden;
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.commercial-list-home.class2 .one,
.commercial-list-home.class3 .one,
.commercial-list-home.class4 .one,
.commercial-list-home.class4 .tree {
    transform: rotate(3deg);
}

.commercial-list-home.class3 .two,
.commercial-list-home.class4 .two {
    transform: rotate(-3deg);
}

.commercial-list-home.class2 .two,
.commercial-list-home.class3 .two,
.commercial-list-home.class4 .two,
.commercial-list-home.class3 .tree,
.commercial-list-home.class4 .tree,
.commercial-list-home.class4 .four {
    margin-left: -520px;
}

@media (max-width: 767.98px) {
    .v-bb-btn-div {
        text-align: left;
    }
    .home-video-icon {
        height: 55px;
        width: 55px;
        font-size: 18px;
    }
    .home-commercial-section {
        margin-top: 80px;
        margin-bottom: 80px;
    }
    .home-commercial-section .section-heading {
        margin-bottom: 50px;
    }
    #home-commercial-slider {
        margin-top: 50px;
    }
    .comn-slider-list {
        padding: 15px;
    }
    .commercial-list-home .comn-slider-list {
        width: 280px;
        min-width: 280px;
    }
    .commercial-list-home.class2 .two,
    .commercial-list-home.class3 .two,
    .commercial-list-home.class4 .two,
    .commercial-list-home.class3 .tree,
    .commercial-list-home.class4 .tree,
    .commercial-list-home.class4 .four {
        margin-left: -300px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .home-commercial-section .section-heading {
        margin-bottom: 50px;
    }
    #home-commercial-slider {
        margin-top: 50px;
    }
}


/*end video banner and Commercial Devices css----------------------------------- */


/*Home Testimonials css----------------------------------- */

.testim-h-p {
    color: #677487;
    margin-top: 50px;
    margin-bottom: 30px;
}

.home-testi-list {
    margin-top: 20px;
    margin-bottom: 150px;
    position: relative;
}

.home-testi-list::before {
    content: "";
    position: absolute;
    width: 399px;
    height: 399px;
    right: -10%;
    top: 40%;
    border-radius: 50%;
    z-index: 0;
    background: #8DA4FE;
    filter: blur(295.556px);
}

.home-testi-list .test-testi-h {
    color: #1F2B5A;
    font-size: 250px;
    font-family: "Rubik", serif;
    font-weight: 400;
    letter-spacing: -0.02em;
    position: absolute;
    text-transform: uppercase;
    height: 100%;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    /* top: 50px; */
}

.testi-box {
    background: rgba(177, 193, 255, 0.2);
    border: 1px solid #FFFFFF;
    backdrop-filter: blur(27.5px);
    border-radius: 30px;
    padding: 35px;
    position: relative;
    transition: 0.4;
}

.testi-box::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: 30px;
    box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: 0.4s;
}

.testi-box:hover::before {
    opacity: 1;
}

.testi-box::after {
    content: "\f10d";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    color: #1F2B5A;
    font-size: 50px;
    line-height: 1;
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.testi-box h4 {
    color: #121212;
    font-size: 24px;
}

.testi-box p {
    font-size: 12px;
    color: #677487;
    margin-top: 50px;
    margin-bottom: 30px;
}

.testi-box div {
    font-size: 18px;
    color: #121212;
    font-weight: 500;
    display: flex;
    grid-gap: 15px;
    align-items: center;
}

.testi-box img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

.g-5.home-testi-list {
    --bs-gutter-y: 6rem;
    --bs-gutter-x: 6rem;
}

@media (max-width: 767.98px) {
    .home-testi-list .test-testi-h {
        display: none;
    }
    .g-5.home-testi-list {
        --bs-gutter-y: 1rem;
        --bs-gutter-x: 1rem;
    }
    .home-testi-list {
        margin-top: 40px;
        margin-bottom: 50px;
    }
    .testim-h-p {
        margin-top: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .g-5.home-testi-list {
        --bs-gutter-y: 1rem;
        --bs-gutter-x: 1rem;
    }
    .home-testi-list .test-testi-h {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .g-5.home-testi-list {
        --bs-gutter-y: 2rem;
        --bs-gutter-x: 2rem;
    }
}


/*end Home Testimonials css----------------------------------- */


/*footer css----------------------------------- */

.footer {
    padding-top: 50px;
    padding-bottom: 30px;
    background-size: cover;
    background-repeat: no-repeat;
}
.footer-about {
    display: inline-block;
    width: 100%;
}
.footer-about img {
    width: 40%;
}
.footer-about h2 {
    font-family: "Rubik", serif;
    font-size: 20px;
    line-height: 28px;
    color: #FFFFFF;
    display: inline-block;
    font-weight: 400;
}

.footer-logo-list {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 15px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
}

.footer-logo-list img {
    width: 190px;
}

.footer-logo-list p {
    font-size: 24px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 0px;
    font-weight: 400;
}

.footer-social {
    margin-top: 5px;
    display: flex;
    gap: 5px;
    justify-content: center;
    margin-bottom: 20px;
}
.footer-social a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #fff;
    line-height: 40px;
    text-align: center;
}
.footer-social a i {
    color:#000;
}
.footer-contacts {
    display: inline-block;
    width: 100%;
    padding-top: 20px;
}
.footer-contacts ul {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    justify-content: center;
}
.footer-contacts li {
    position: relative;
    padding: 0 15px;
    list-style: none;
}
.footer-contacts li:first-child:after {
    content: '';
    height: 70%;
    width: 2px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 15%;
}
.footer-contacts li a {
    color: #fff;
    padding-top: 10px;
    font-size: 15px;
}
.footer-contacts li a:hover {
    color: #00945E;    
}
.footer-menu {
    text-align: center;
}
.footer-menu li {
    display: inline-block;
}
.footer-menu a {
    display: inline-block;
    color: #FFFFFF;
    font-size: 15px;
    margin-bottom: 5px;
    margin: 5px 10px;
}

.footer-menu a:hover {
    color: #00945E;
}

.footer-copy-text {
    font-size: 14px;
    color: #3A5A97;
    margin-top: 40px;
    text-align: center;
}

.footer-copy-text a {
    color: #3A5A97;
    transition: 0.4s;
}

.footer-copy-text a:hover {
    color: #4AD7AA;
}

@media (max-width: 767.98px) {
    .footer {
        padding-top: 60px;
    }
    .footer-logo-list p {
        font-size: 15px;
    }
    .footer-social a img {
        height: 30px;
        width: 30px;
        margin-right: 10px;
    }
    .footer-box {
        padding: 20px;
        margin-top: 40px;
        border-radius: 15px;
    }
    .footer-box a,
    .footer-box a.small-af,
    .footer-box a:last-child {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .footer-box a {
        font-size: 18px;
    }
    .footer-copy-text {
        margin-top: 40px;
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .footer {
        padding-top: 60px;
    }
    .footer-logo-list p {
        font-size: 15px;
    }
    .footer-social a img {
        height: 30px;
        width: 30px;
        margin-right: 10px;
    }
    .footer-box {
        padding: 20px;
        margin-top: 40px;
        border-radius: 15px;
    }
    .footer-box a,
    .footer-box a.small-af,
    .footer-box a:last-child {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .footer-box a {
        font-size: 22px;
    }
    .footer-copy-text {
        margin-top: 40px;
        margin-bottom: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .footer-box a,
    .footer-box a.small-af,
    .footer-box a:last-child {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .footer-box a {
        font-size: 22px;
    }
}


/*end footer css----------------------------------- */


/*about page css----------------------------------- */

.about-banner,
.banner-space {
    padding-top: 100px;
    position: relative;
}
.about-banner.extra {
    padding-top: 200px;
}
.who-img-container {
    text-align: center;
}
.who-img-container img {
    width: 70%;
}
.banner-p-text p {
    font-size: 16px;
    color: #677487;
    margin-bottom: 30px;
    line-height: 32px;
}

.about-video-section {
    padding-top: 100px;
    padding-bottom: 100px;
}

.about-nub-div {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 20px;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
    border-radius: 32px;
    padding: 45px 80px;
    text-align: center;
    position: relative;
    border: 1px solid rgb(20, 27, 49, 0.1);
    background: #F0F4FD;
    overflow: hidden;
}

.about-nub-div::before {
    content: "";
    position: absolute;
    width: 310px;
    height: 310px;
    left: -5%;
    bottom: -70%;
    background: #8DA4FE;
    border-radius: 50%;
    z-index: 0;
    filter: blur(229.63px);
}

.about-nub-div::after {
    content: "";
    position: absolute;
    width: 310px;
    height: 310px;
    right: -5%;
    bottom: -20%;
    background: #8DA4FE;
    border-radius: 50%;
    z-index: 0;
    filter: blur(229.63px);
}

.about-nub-div .ani-nub-banner {
    font-size: 80px;
    line-height: 1.1;
}

.about-nub-div .ani-nub-banner .ani-nub-small {
    font-size: 30px;
}

.about-text-p-div p {
    font-size: 20px;
    font-weight: 500;
    color: #677487;
    margin-bottom: 30px;
}

.about-last-banner {
    padding-top: 100px;
    padding-bottom: 150px;
    position: relative;
    overflow: hidden;
}

.about-last-banner::before {
    content: "";
    position: absolute;
    width: 310px;
    height: 310px;
    right: -18px;
    bottom: 0px;
    background: #8DA4FE;
    border-radius: 50%;
    z-index: -2;
    filter: blur(229.63px);
}

.about-last-banner h2 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 100px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
    margin-bottom: 25px;
}

.about-last-banner p {
    color: #677487;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 25px;
}

.about-last-banner img {
    border-radius: 32px;
    width: 100%;
}

@media (max-width: 767.98px) {
    .about-banner,
    .banner-space {
        padding-top: 130px;
        padding-bottom: 50px;
    }
    .about-banner img {
        margin-bottom: 30px;
    }
    .about-nub-div {
        padding: 30px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .about-nub-div .ani-nub-banner {
        font-size: 50px;
    }
    .about-video-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .about-last-banner {
        padding-top: 10px;
        padding-bottom: 60px;
    }
    .about-last-banner h2 {
        font-size: 60px;
    }
    .banner-p-text p,
    .about-text-p-div p,
    .about-last-banner p {
        font-size: 16px;
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .about-banner,
    .banner-space {
        padding-top: 130px;
        padding-bottom: 60px;
    }
    .about-banner img {
        margin-bottom: 30px;
    }
    .about-nub-div .ani-nub-banner {
        font-size: 70px;
    }
    .about-last-banner {
        padding-top: 10px;
        padding-bottom: 100px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .about-banner,
    .banner-space {
        padding-top: 130px;
    }
    .about-banner img {
        margin-bottom: 30px;
    }
}

@media (max-width: 382.98px) {
    .about-nub-div {
        grid-gap: 8px;
    }
    .about-nub-div {
        padding: 15px;
    }
    .about-nub-div .ani-nub-banner {
        font-size: 40px;
    }
    .about-nub-div .ani-nub-banner .ani-nub-small {
        font-size: 22px;
    }
}


/*end about page css----------------------------------- */


/*Values ​​and vision css----------------------------------- */

.values-banner {
    position: relative;
    overflow: hidden;
}

.values-banner::before {
    content: "";
    position: absolute;
    width: 519px;
    height: 519px;
    left: -228px;
    bottom: 0px;
    background: #8DA4FE;
    border-radius: 50%;
    z-index: -2;
    filter: blur(384.444px);
}

.values-banner p {
    color: #677487; 
    font-size: 20px;
    font-weight: 500;
}

.values-banner img {
    border-radius: 32px;
    width: 100%;
}

.p-value-section {
    padding-top: 50px;
    padding-bottom: 100px;
    position: relative;
    /* overflow: hidden; */
}

.p-value-section::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    z-index: -2;
    position: absolute;
    width: 439px;
    height: 439px;
    /* right: -112px;
    top: -64px; */
    right: -169px;
    top: -345px;
    background: #8DA4FE;
    filter: blur(325.185px);
}

.p-value-section p {
    color: #677487;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 30px;
}

.value-img-box-1 {
    position: relative;
    margin-bottom: 30px;
}

.value-img-box-1 img {
    border-radius: 28px;
    height: 478px;
    object-fit: cover;
    width: 100%;
}

.value-img-box-1 div {
    position: absolute;
    width: calc(100% - 16px);
    bottom: 8px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 12px 5px;
    background: rgba(177, 193, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(50px);
    border-radius: 20px;
    text-align: center;
}

.value-img-box-1 h5 {
    font-weight: 500;
    font-size: 28px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.value-img-box-1 p {
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    margin: 0px;
}

.value-img-box-2 {
    display: grid;
    grid-gap: 24px;
    margin-bottom: 30px;
}

.value-img-box-2 img {
    border-radius: 28px;
    height: 349px;
    object-fit: cover;
    width: 100%;
}

.value-img-box-2 div {
    background: #1F936E;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 28px;
    text-align: center;
    padding: 20px 5px;
    display: grid;
    grid-gap: 12px;
    position: relative;
    overflow: hidden;
    height: 105px;
}

.value-img-box-2 div::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    position: absolute;
    width: 128px;
    height: 128px;
    left: calc(50% - 128px/2 + 120px);
    top: 88px;
    background: #8DA4FE;
    filter: blur(94.8148px);
}

.value-img-box-2 h5 {
    font-weight: 500;
    font-size: 24px;
    color: #FFFFFF;
    margin: 0px;
    z-index: 1;
}

.value-img-box-2 p {
    font-size: 14px;
    color: #FFFFFF;
    margin: 0px;
    z-index: 1;
}

.value-img-box-2 div.vl-line-box {
    display: flex;
    align-items: center;
    padding-left: 40px;
}

.value-img-box-2 div.vl-line-box h5 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 52px;
    line-height: 52px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
    height: 56px;
    display: grid;
}

.value-img-box-2 div.vl-line-box p {
    font-weight: 400;
    font-size: 16px;
}

.vl-cust-section {
    padding-top: 100px;
    padding-bottom: 100px;
}

.vl-cust-div {
    background: linear-gradient(180deg, rgba(177, 193, 255, 0.2) 0%, rgba(204, 214, 255, 0.08) 100%);
    border-radius: 35px;
    position: relative;
    padding: 200px 20px;
}

.vl-cust-div h2 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 100px;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.vl-cust-div img {
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    position: absolute;
    z-index: 0;
}

.valc-img-1 {
    height: 120px;
    width: 120px;
    left: 9%;
    top: 21%;
}

.valc-img-2 {
    height: 100px;
    width: 100px;
    right: 39%;
    top: 6%;
}

.valc-img-3 {
    height: 72px;
    width: 72px;
    right: 10%;
    top: 27%;
}

.valc-img-4 {
    height: 72px;
    width: 72px;
    left: 25%;
    bottom: 34%;
}

.valc-img-5 {
    height: 132px;
    width: 132px;
    right: 14%;
    bottom: 28%;
}

.valc-img-6 {
    height: 140px;
    width: 140px;
    left: 46%;
    bottom: 8%;
}

.vision-img-1 {
    width: 100%;
    border-radius: 28px;
}

.vision-img-2 {
    width: 100%;
    border-radius: 28px;
}

.vision-last-section p {
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    color: #677487;
    margin-bottom: 30px;
}

.vision-last-section {
    padding-top: 100px;
    padding-bottom: 100px;
}

@media (max-width: 767.98px) {
    .values-banner p{
        font-size: 16px;
    }
    .p-value-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .vision-last-section {
        padding-top: 20px;
        padding-bottom: 50px;
    }
    .p-value-section p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .value-img-box-1,
    .value-img-box-2 {
        max-width: 350px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .vl-cust-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .vl-cust-div {
        padding: 125px 20px;
    }
    .vl-cust-div h2 {
        font-size: 60px;
    }
    .valc-img-1 {
        height: 60px;
        width: 60px;
        left: 5%;
        top: 10%;
    }
    .valc-img-2 {
        height: 50px;
        width: 50px;
        right: 39%;
        top: 3%;
    }
    .valc-img-3 {
        height: 35px;
        width: 35px;
        right: 5%;
        top: 11%;
    }
    .valc-img-4 {
        height: 35px;
        width: 35px;
        left: 7%;
        bottom: 16%;
    }
    .valc-img-5 {
        height: 65px;
        width: 65px;
        right: 4%;
        bottom: 12%;
    }
    .valc-img-6 {
        height: 70px;
        width: 70px;
        left: 40%;
        bottom: 8%;
    }
    .vision-last-section p {
        font-size: 16px;
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .valc-img-1 {
        left: 6%;
        top: 12%;
    }
    .valc-img-3 {
        right: 6%;
        top: 19%;
    }
    .valc-img-4 {
        left: 5%;
        bottom: 21%;
    }
    .valc-img-5 {
        right: 2%;
        bottom: 13%;
    }
    .valc-img-6 {
        left: 40%;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .valc-img-1 {
        left: 2%;
    }
    .valc-img-3 {
        right: 5%;
    }
    .valc-img-4 {
        left: 18%;
    }
}

@media (max-width: 1199.98px) {
    .value-img-box-2.value-img-box-3 img {
        order: 1;
    }
    .value-img-box-2.value-img-box-3 div {
        order: 2;
    }
}


/*end Values ​​and vision css----------------------------------- */


/*Founders css----------------------------------- */

.founders-banner {
    padding-bottom: 50px;
    overflow: hidden;
}

.founders-banner::before {
    content: "";
    position: absolute;
    width: 519px;
    height: 519px;
    right: -128px;
    bottom: -100px;
    background: #8DA4FE;
    border-radius: 50%;
    z-index: -2;
    filter: blur(384.444px);
}

.founder-list-div {
    position: relative;
    margin-bottom: 30px;
}

.founder-list-div img {
    width: 100%;
    background: rgba(126, 141, 201, 0.16);
    border: 1px solid rgb(20, 27, 49, 0.2);
}

.founder-list-div div {
    background-color: #1F2B5A;
    text-align: center;
    width: 100%;
    padding: 20px 5px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: grid;
    grid-gap: 15px;
    transition: 0.4s;
}

.founder-list-div h5 {
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    margin-bottom: 0px;
}

.founder-list-div p {
    font-size: 14px;
    color: #FFFFFF;
    margin: 0px;
}

.founders-p-div {
    padding: 40px;
    background: linear-gradient(180deg, #F5F7FF 0%, #E2E8FF 100%);
    border: 1px solid #FFFFFF;
}

.our-founders {
    display: flex;
    gap: 20px;
    flex-direction: row;
}
.founders-p-div p {
    font-size: 16px;
    line-height: 150%;
    color: #677487;
    margin-bottom: 30px;
}

.p-founder-section {
    padding-bottom: 100px;
    overflow: hidden;
    position: relative;
}

.p-founder-section::before {
    content: "";
    position: absolute;
    width: 439px;
    height: 439px;
    left: -80px;
    bottom: -64px;
    background: #8DA4FE;
    border-radius: 50%;
    z-index: -2;
    filter: blur(325.185px);
}

@media (max-width: 767.98px) {
    .founders-banner {
        padding-bottom: 20px;
    }
    .p-founder-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .founders-p-div {
        padding: 20px;
    }
    .founders-p-div p {
        font-size: 16px;
        margin-bottom: 20px;
    }
}


/*end Founders css----------------------------------- */


/*News css----------------------------------- */

.news-banner.banner-space {
    padding-top: 220px;
    padding-bottom: 70px;
}

.news-banner::before {
    content: "";
    position: absolute;
    width: 439px;
    height: 439px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    top: -200px;
    background: #8DA4FE;
    border-radius: 50%;
    z-index: -2;
    filter: blur(325.185px);
}

.news-banner-text {
    position: relative;
    width: fit-content;
    margin: 0 auto;
}

.news-banner-text h1 {
    font-family: "Rubik", serif;
    text-align: center;
    font-weight: 400;
    font-size: 220px;
    line-height: 120%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
    width: fit-content;
    margin: 0 auto;
}

.news-banner-text img {
    position: absolute;
    width: 201.39px;
    height: 145.23px;
    border: 0.484109px solid #FFFFFF;
    box-shadow: 0px 88.592px 35.34px rgba(0, 0, 0, 0.01), 0px 49.8633px 30.0148px rgba(0, 0, 0, 0.05), 0px 22.269px 22.269px rgba(0, 0, 0, 0.09), 0px 5.3252px 12.1027px rgba(0, 0, 0, 0.1);
    border-radius: 11.6186px;
    transition: 0.4s;
    z-index: 1;
}

.news-banner-text img.news-tp-1 {
    left: 50px;
    bottom: -15px;
    transform: rotate(8deg);
}

.news-banner-text img.news-tp-2 {
    right: 50px;
    top: -15px;
    transform: rotate(-8deg);
}

.news-search-div {
    max-width: 636px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
}

.news-search-input {
    background: #F0F4FD;
    border-radius: 80px;
    border: 1px solid rgb(20, 27, 49, 0.2);
    font-size: 16px;
    padding: 27px 60px;
    width: 100%;
    outline: none;
}

.news-search-btn {
    position: absolute;
    right: 8px;
    background-color: #4AD7AA;
    color: #000000;
    padding: 21px 28px;
    border: 1px solid #4AD7AA;
    border-radius: 80px;
    font-weight: 500;
    transition: 0.3s;
}

.news-search-btn:hover {
    background-color: #1F2B5A;
    color: #4AD7AA;
    border-color: #1F2B5A;
}

.new-search-icon {
    position: absolute;
    left: 0px;
    color: #292D32;
    font-size: 20px;
    left: 30px;
}

.news-banner-slider {
    position: relative;
    margin-top: 80px;
}

.news-banner-slider::before {
    content: "";
    position: absolute;
    width: 268px;
    width: 16%;
    height: 100%;
    left: 0px;
    top: 0;
    background: linear-gradient(90deg, #FEFEFF 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 5;
}

.news-banner-slider::after {
    content: "";
    position: absolute;
    width: 268px;
    width: 16%;
    height: 100%;
    right: 0px;
    top: 0;
    background: linear-gradient(270deg, #FEFEFF 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 5;
}

.newspage-list-div {
    transform: scale3d(1, 0.6, 1);
    transition: 0.4s;
    position: relative;
}

.news-banner-slider .one .newspage-list-div,
.news-banner-slider .tree .newspage-list-div {
    transform: scale3d(0.8, 0.8, 1);
}

.news-banner-slider .two .newspage-list-div {
    transform: scale3d(1, 1, 1);
}

.newspage-list-div span {
    height: 68px;
    width: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 12px;
    text-align: center;
    color: #FFFFFF;
    transform: rotate(30deg);
    background-color: #1F936E;
    border-radius: 50%;
    transition: 0.4s;
}

.news-banner-slider .owl-item:not(.active) .newspage-list-div span {
    transform: scaleY(1.6176) rotate(30deg);
    height: 38px;
    width: 38px;
    font-size: 8px;
    top: 38px;
}

.newspage-list-div img {
    border-radius: 16px;
    width: 100%;
    object-fit: cover;
    height: 510px;
}

.news-banner-slider .one .newspage-list-div img,
.news-banner-slider .tree .newspage-list-div img {
    border-radius: 24px;
}

.news-banner-slider .two .newspage-list-div img {
    border-radius: 32px;
}

.newspage-list-div div {
    position: absolute;
    bottom: 24px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    width: calc(100% - 48px);
}

.newspage-list-div div h5 {
    font-weight: 500;
    font-size: 24px;
    color: #FFFFFF;
    margin-bottom: 10px;
    transition: 0.4s;
}

.newspage-list-div div p {
    font-size: 12px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0px;
    transition: 0.4s;
}

.news-banner-slider .owl-item:not(.active) .newspage-list-div div h5 {
    font-size: 14px;
    transform: scaleY(1.6);
}

.news-banner-slider .owl-item:not(.active) .newspage-list-div div p {
    font-size: 7px;
    transform: scaleY(1.5);
}

.news-h-section {
    padding-top: 180px;
    padding-bottom: 150px;
}

.news-h-section .cutome-btn {
    position: relative;
    z-index: 5;
}

.news-h-row {
    padding: 45px 70px;
    background: rgba(219, 226, 255, 0.4);
    border-radius: 57.9368px;
}

.news-h-row p {
    font-weight: 500;
    font-size: 24px;
    color: #121212;
    margin-bottom: 35px;
}

.news-h-row p .span-t-1 {
    color: #677487;
}

.news-h-row p .span-t-2 {
    color: #BAC0CA;
}

.news-image-upper {
    position: relative;
}

.news-image-upper img {
    position: absolute;
    width: 411.49px;
    height: 340.54px;
    border: 1px solid #FFFFFF;
    filter: drop-shadow(0px 183px 73px rgba(0, 0, 0, 0.01)) drop-shadow(0px 103px 62px rgba(0, 0, 0, 0.05)) drop-shadow(0px 46px 46px rgba(0, 0, 0, 0.09)) drop-shadow(0px 11px 25px rgba(0, 0, 0, 0.1));
    border-radius: 32px;
}

.news-image-upper img.image-upp-1 {
    right: 40%;
    top: 30px;
    transform: rotate(8deg);
}

.news-image-upper img.image-upp-2 {
    right: 19%;
    top: -107px;
    transform: rotate(-8deg);
}

.news-image-upper img.image-upp-3 {
    right: 0;
    top: 88px;
    transform: rotate(-10deg);
}

.news-list-tab {
    background-color: #F0F4FD;
    border: 1px solid #FFFFFF;
    border-radius: 32px;
    padding: 32px;
    display: flex;
    grid-gap: 32px;
    /* margin-top: -35%; */
    z-index: 1;
    position: relative;
    transition: 0.4s;
    margin-bottom: -35%;
}

.news-list-tab:hover {
    z-index: 2; 
    margin-bottom: 10px;
}

.news-list-tab:first-child {
    margin-top: 0px;
}
.news-list-tab:last-child {
    margin-bottom: -150px;
}
.news-list-tab img {
    border-radius: 24px;
    border: 1px solid rgb(20, 27, 49, 0.2);
    max-width: 270px;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.news-list-tab h3 {
    font-weight: 500;
    font-size: 28px;
    color: #121212;
    margin-top: 20px;
    margin-bottom: 20px;
}

.news-list-tab p {
    font-size: 14px;
    color: #677487;
    margin-bottom: 20px;
}

.news-list-tab span {
    display: block;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #121212;
}

.news-list-tab .btn-a {
    background-color: #4AD7AA;
    border: 1px solid #4AD7AA;
    color: #000000;
    font-size: 15px;
    font-weight: 500;
    padding: 18px 24px;
    border-radius: 34px;
    position: relative;
    display: inline-block;
    transition: 0.4s;
    margin-top: 100px;
    margin-bottom: 30px;
}

.news-list-tab .btn-a:hover {
    background-color: #1F2B5A;
    border-color: #1F2B5A;
    color: #FFFFFF;
}

.new-list-main-div {
    margin-bottom: 0px;
}

.news-scroll-list {
    height: 900px;
    overflow: auto;
    position: relative;
    scroll-behavior: smooth;
}

.news-scroll-list::-webkit-scrollbar {
    width: 5px;
}

.news-scroll-list::-webkit-scrollbar-track {
    background: #fff;
}

.news-scroll-list::-webkit-scrollbar-thumb {
    background: #9597ac;
}

.news-scroll-list::after {
    content: "";
    position: sticky;
    display: block;
    width: 100%;
    height: 200px;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #FEFEFF 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 2;
    pointer-events: none;
}

.news-tab-btn-div button {
    background-color: #F0F4FD;
    border: 1px solid #F0F4FD;
    color: #000000;
    font-size: 16px;
    padding: 21px 32px;
    border-radius: 36px;
    transition: 0.4s;
}

.news-tab-btn-div button.active {
    background-color: #1F2B5A;
    border-color: #1F2B5A;
    color: #FFFFFF;
}

.news-list-btn-col {
    display: grid;
    height: 100%;
    align-content: space-between;
    padding-bottom: 80px;
    grid-gap: 30px;
}

.news-list-btn-col p {
    font-size: 16px;
    line-height: 150%;
    color: #677487;
    max-width: 332px;
    margin-bottom: 20px;
}

@media (max-width: 767.98px) {
    .news-banner.banner-space {
        padding-top: 150px;
        padding-bottom: 10px;
    }
    .news-banner-text h1 {
        font-size: 100px;
    }
    .news-banner-text img {
        width: 100px;
        height: 72px;
        border-radius: 10px;
    }
    .news-banner-text {
        margin-bottom: 50px;
    }
    .news-banner-slider {
        margin-top: 10px;
    }
    .news-search-input {
        padding: 18px 40px;
        font-size: 15px;
    }
    .new-search-icon {
        font-size: 16px;
        left: 16px;
    }
    .news-search-btn {
        padding: 15px 20px;
        font-size: 12px;
        right: 6px;
    }
    .news-h-row {
        padding: 20px 20px;
        border-radius: 20px;
    }
    .news-h-row p {
        font-size: 18px;
    }
    .news-image-upper {
        margin-top: 80px;
    }
    .news-image-upper img {
        width: 50%;
        height: auto;
        border-radius: 20px;
    }
    .news-image-upper img.image-upp-1 {
        right: 0%;
        left: 5%;
        top: 70px;
        position: relative;
    }
    .news-image-upper img.image-upp-2 {
        top: -91px;
        left: 31%;
        position: relative;
        margin-top: -28%;
    }
    .news-image-upper img.image-upp-3 {
        right: 0%;
        left: 44%;
        top: -28px;
        position: relative;
        margin-top: -26%;
    }
    .news-h-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .news-scroll-list {
        height: auto;
    }
    .news-list-tab {
        padding: 20px;
        border-radius: 20px;
        display: block;
        margin-top: 0px;
        margin-bottom: 15px;
    }
    .news-list-tab img {
        max-width: 100%;
    }
    .news-list-tab h3,
    .news-list-tab p {
        margin-bottom: 10px;
    }
    .news-list-tab .btn-a {
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 14px;
        padding: 14px 24px;
    }
    .new-list-main-div {
        margin-bottom: 0px;
    }
    .news-list-btn-col {
        padding-bottom: 40px;
    }
    .news-scroll-list::after {
        height: 50px;
    }
    .news-list-tab:last-child {
        margin-bottom: -30px;
    }
    .news-tab-btn-div button {
        font-size: 14px;
        padding: 12px 22px;
    }
    .newspage-list-div img { 
        height: 350px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .news-banner-text h1 {
        font-size: 150px;
    }
    .news-banner.banner-space {
        padding-top: 150px;
    }
    .news-banner-text {
        margin-bottom: 60px;
    }
    .news-banner-slider {
        margin-top: 10px;
    }
    .news-image-upper {
        margin-top: 80px;
    }
    .news-image-upper img {
        width: 50%;
        height: auto;
        border-radius: 20px;
    }
    .news-image-upper img.image-upp-1 {
        right: 0%;
        left: 5%;
        top: 70px;
        position: relative;
    }
    .news-image-upper img.image-upp-2 {
        top: -91px;
        left: 31%;
        position: relative;
        margin-top: -28%;
    }
    .news-image-upper img.image-upp-3 {
        right: 0%;
        left: 44%;
        top: -28px;
        position: relative;
        margin-top: -26%;
    }
    .news-h-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .news-scroll-list::after {
        height: 50px;
    }
    .news-list-tab:last-child {
        margin-bottom: -30px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .news-banner-text h1 {
        font-size: 180px;
    }
    .news-banner.banner-space {
        padding-top: 150px;
    }
    .news-banner-text {
        margin-bottom: 60px;
    }
    .news-image-upper {
        margin-top: 80px;
    }
    .news-image-upper img {
        width: 50%;
        height: auto;
        border-radius: 20px;
    }
    .news-image-upper img.image-upp-1 {
        right: 0%;
        left: 5%;
        top: 70px;
        position: relative;
    }
    .news-image-upper img.image-upp-2 {
        top: -91px;
        left: 31%;
        position: relative;
        margin-top: -28%;
    }
    .news-image-upper img.image-upp-3 {
        right: 0%;
        left: 44%;
        top: -28px;
        position: relative;
        margin-top: -26%;
    }
    .news-scroll-list::after {
        height: 50px;
    }
    .news-list-tab:last-child {
        margin-bottom: -30px;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .news-list-btn-col p {
        max-width: 100%;
    }
    .news-list-btn-col {
        margin-bottom: 40px;
        grid-gap: 0;
    }
    .news-scroll-list {
        height: auto;
    }
    .news-list-tab {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .new-list-main-div {
        margin-bottom: 0px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .news-image-upper img {
        width: 56%;
        height: auto;
    }
}


/*end News css----------------------------------- */


/*Industry Insights css----------------------------------- */

.indu-banner-section {
    overflow: hidden;
}

.indu-banner-img {
    position: relative;
    max-width: 420px;
    margin: 0 auto;
}

.indu-banner-img img {
    width: 100%;
    border: 1px solid #FFFFFF;
    filter: drop-shadow(0px 183px 73px rgba(0, 0, 0, 0.01)) drop-shadow(0px 103px 62px rgba(0, 0, 0, 0.05)) drop-shadow(0px 46px 46px rgba(0, 0, 0, 0.09)) drop-shadow(0px 11px 25px rgba(0, 0, 0, 0.1));
    border-radius: 32px;
    object-fit: cover;
    height: 570px;
    transition: 0.4s;
}

.indu-banner-img img.back-img-indu-1 {
    width: 327px;
    height: 380px;
    filter: drop-shadow(0px 138.768px 55.3554px rgba(0, 0, 0, 0.01)) drop-shadow(0px 78.1043px 47.0142px rgba(0, 0, 0, 0.05)) drop-shadow(0px 34.8815px 34.8815px rgba(0, 0, 0, 0.09)) drop-shadow(0px 8.34123px 18.9573px rgba(0, 0, 0, 0.1));
    border-radius: 24px;
    transform: rotate(-10deg);
    position: absolute;
    bottom: 35px;
    left: -150px;
}

.indu-banner-img img.back-img-indu-2 {
    width: 387px;
    height: 380px;
    filter: drop-shadow(0px 138.768px 55.3554px rgba(0, 0, 0, 0.01)) drop-shadow(0px 78.1043px 47.0142px rgba(0, 0, 0, 0.05)) drop-shadow(0px 34.8815px 34.8815px rgba(0, 0, 0, 0.09)) drop-shadow(0px 8.34123px 18.9573px rgba(0, 0, 0, 0.1));
    border-radius: 24px;
    transform: rotate(10deg);
    position: absolute;
    top: 35px;
    right: -150px;
}

.indu-hbanenr-text-div-1 {
    position: absolute;
    left: 0px;
    top: 30px;
    z-index: 5;
}

.indu-hbanenr-text-div-2 {
    position: absolute;
    right: 0px;
    bottom: -40px;
    z-index: 5;
}

.indu-ban-nub {
    margin-top: -100px;
}

.indu-ban-nub h3 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 80px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #1F2B5A;
    margin-bottom: 0px;
}

.indu-ban-nub p {
    font-size: 14px;
    color: #677487;
    margin-bottom: 0px;
}

.indu-search-row {
    margin-top: 80px;
}

.indu-search-row p {
    font-size: 16px;
    color: #677487;
}

.indu-topic-section {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
}

.indu-topic-section::before {
    content: "";
    /* position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    margin: 0 auto;
    height: 100%;
    width: 20%;
    display: block;
    z-index: -1;
    background: radial-gradient(69.22% 39.3% at 50% 57.42%, rgba(120, 141, 222, 0.42) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF; */
    position: absolute;
    top: 40%;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    z-index: -1;
    width: 310px;
    height: 310px;
    border-radius: 50%;
    background: #8DA4FE;
    filter: blur(200.63px);
}

.indu-topic-section .section-heading h2 {
    font-size: 100px;
}

.indu-topic-list {
    width: fit-content;
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 180px;
}

.indu-topic-list div {
    width: 280px;
    background: rgba(152, 162, 179, 0.35);
    border: 1.63128px solid #FFFFFF;
    backdrop-filter: blur(10.0323px);
    border-radius: 26px;
    padding: 20px;
    display: inline-block;
}

.indu-topic-list div h3 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 52px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #141B31;
    margin-top: 15px;
    margin-bottom: 15px;
}

.indu-topic-list div img {
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
    height: 190px;
}

.topic-div-1 {
    transform: rotate(-10deg);
}

.topic-div-2 {
    transform: rotate(-8deg);
    margin-left: -100px;
    position: relative;
    top: 104px;
}

.topic-div-3 {
    transform: rotate(-4deg);
    margin-left: -120px;
    position: relative;
    top: -39px;
}

.topic-div-4 {
    transform: rotate(10deg);
    margin-left: -70px;
    position: relative;
    top: 150px;
}

.topic-div-5 {
    transform: rotate(10deg);
    margin-left: -140px;
}

.topic-slider-section {
    padding-top: 40px;
    padding-bottom: 100px;
}

.indu-topic-h-text {
    display: grid;
    height: 100%;
    align-content: space-between;
    grid-gap: 30px;
}

.indu-topic-h-text p {
    font-size: 16px;
    color: #677487;
    margin: 0px;
}

.indu-topic-slider-div {
    position: relative;
}

.indu-topic-slider-div::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    height: 100%;
    display: block;
    z-index: 1;
    background: linear-gradient(270deg, #FEFEFF 0%, rgba(255, 255, 255, 0) 100%);
}

.indu-slider-list {
    position: relative;
}

.indu-slider-list img {
    width: 100%;
    border-radius: 32px;
    border: 1px solid #FFFFFF;
    object-fit: cover;
    height: 550px;
}

.indu-slider-list h4 {
    font-weight: 500;
    font-size: 28px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.indu-slider-list a {
    background-color: #4AD7AA;
    padding: 21px 24px;
    border-radius: 80px;
    font-size: 16px;
    color: #000000;
    display: inline-block;
    transition: 0.3s;
}

.indu-slider-list a:hover {
    background-color: #1F2B5A;
    color: #FFFFFF;
}

.indu-slider-list div {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    padding: 0px 10px;
}

.indu-blog-section {
    padding-top: 100px;
    padding-bottom: 100px;
    overflow: hidden;
}

.indu-big-list-div {
    padding: 32px;
    background: #F0F4FD;
    border-radius: 32px;
    border: 1px solid rgb(20, 27, 49, 0.2);
    position: relative;
    overflow: hidden;
    height: 100%;
}

.indu-big-list-div::before {
    content: "";
    position: absolute;
    top: -82px;
    left: -100px;
    z-index: 0;
    width: 310px;
    height: 310px;
    border-radius: 50%;
    background: #8DA4FE;
    filter: blur(229.63px);
}

.indu-big-list-div::after {
    content: "";
    position: absolute;
    top: 15%;
    left: 100%;
    z-index: 0;
    border-radius: 50%;
    background: #8DA4FE;
    width: 310px;
    height: 310px;
    filter: blur(229.63px);
}

.indu-big-list-div img {
    width: 100%;
    object-fit: cover;
    border-radius: 24px;
    height: 480px;
    z-index: 1;
    position: relative;
}

.indu-big-list-div h3 {
    font-weight: 500;
    font-size: 28px;
    color: #121212;
    margin-top: 30px;
    margin-bottom: 25px;
    z-index: 1;
    position: relative;
}

.indu-big-list-div p {
    font-size: 14px;
    color: #677487;
    margin-bottom: 20px;
    z-index: 1;
    position: relative;
}

.indu-big-list-div span {
    display: block;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #121212;
    margin-bottom: 30px;
    z-index: 1;
    position: relative;
}

.indu-big-list-div a {
    background-color: #4AD7AA;
    color: #000000;
    padding: 18px 24px;
    font-size: 16px;
    display: inline-block;
    border-radius: 80px;
    transition: 0.3s;
    z-index: 1;
    position: relative;
}

.indu-big-list-div a:hover {
    background-color: #1F2B5A;
    color: #FFFFFF;
}

.indu-small-list-div {
    padding: 16px;
    background: #F0F4FD;
    border-radius: 20px;
    border: 1px solid rgb(20, 27, 49, 0.2);
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
}

.indu-small-list-div:last-child {
    margin-bottom: 0px;
}

.indu-small-list-div::before {
    content: "";
    position: absolute;
    top: -70px;
    left: -87px;
    z-index: 0;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: #8DA4FE;
    filter: blur(118.519px);
}

.indu-small-list-div::after {
    content: "";
    position: absolute;
    top: 35%;
    left: 90%;
    z-index: 0;
    border-radius: 50%;
    background: #8DA4FE;
    width: 105px;
    height: 105px;
    filter: blur(77.7778px);
}

.indu-small-list-div img {
    width: 100%;
    object-fit: cover;
    border-radius: 12px;
    height: 150px;
    z-index: 1;
    position: relative;
}

.indu-small-list-div h3 {
    font-weight: 500;
    font-size: 16px;
    color: #121212;
    margin-top: 15px;
    z-index: 1;
    position: relative;
}

.indu-small-list-div p {
    font-size: 14px;
    color: #677487;
    margin-bottom: 5px;
    z-index: 1;
    position: relative;
}

.indu-last-slider-section {
    padding-top: 100px;
    padding-bottom: 100px;
}

.indu-last-slider-div h5 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 120px;
    line-height: 1.3;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
    margin-bottom: 0px;
}

.indu-last-slider-div .owl-item:last-child {
    display: none;
}

@media (max-width: 767.98px) {
    .indu-big-list-div a {
        padding: 14px 25px;
        font-size: 14px;
    }
    .indu-banner-img {
        width: 80%;
        max-width: 250px;
    }
    .indu-banner-img img {
        height: 350px;
    }
    .indu-banner-img img.back-img-indu-1,
    .indu-banner-img img.back-img-indu-2 {
        width: 80%;
        height: 230px;
    }
    .indu-ban-nub {
        margin-top: 30px;
    }
    .indu-ban-nub h3 {
        margin-bottom: -10px;
    }
    .indu-search-row {
        margin-top: 20px;
    }
    .indu-topic-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .indu-topic-section .section-heading h2 {
        font-size: 60px;
    }
    .topic-div-1,
    .topic-div-2,
    .topic-div-3,
    .topic-div-4,
    .topic-div-5 {
        transform: rotate(0deg);
        margin-left: 0px;
        top: 0px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .indu-topic-list {
        width: min-content;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .topic-slider-section {
        padding-top: 20px;
        padding-bottom: 50px;
    }
    .indu-topic-h-text {
        grid-gap: 0;
        padding-bottom: 30px;
    }
    .indu-slider-list img {
        height: 300px;
        border-radius: 20px;
    }
    .indu-slider-list h4 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .indu-slider-list a {
        padding: 14px 20px;
        font-size: 14px;
    }
    .indu-topic-slider-div::before {
        width: 100px;
    }
    .indu-blog-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .indu-big-list-div {
        padding: 16px;
        border-radius: 20px;
        margin-bottom: 15px;
        height: auto;
    }
    .indu-big-list-div img {
        height: auto;
        border-radius: 15px;
    }
    .indu-big-list-div h3 {
        margin-bottom: 15px;
    }
    .indu-big-list-div span {
        margin-bottom: 15px;
    }
    .indu-small-list-div img {
        height: auto;
    }
    .indu-last-slider-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .indu-ban-nub {
        margin-top: 30px;
    }
    .indu-ban-nub h3 {
        margin-bottom: -10px;
    }
    .indu-search-row {
        margin-top: 20px;
    }
    .topic-div-2 {
        margin-left: -180px;
    }
    .topic-div-3 {
        margin-left: -200px;
    }
    .topic-div-4 {
        margin-left: -215px;
    }
    .indu-topic-h-text {
        grid-gap: 0;
        padding-bottom: 30px;
    }
    .indu-slider-list img {
        height: 400px;
        border-radius: 20px;
    }
    .indu-topic-slider-div::before {
        width: 150px;
    }
    .topic-slider-section {
        padding-top: 0px;
    }
    .indu-big-list-div {
        margin-bottom: 15px;
        height: auto;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .topic-div-2 {
        margin-left: -145px;
    }
    .topic-div-3 {
        margin-left: -155px;
    }
    .topic-div-4 {
        margin-left: -150px;
    }
}


/*end Industry Insights css----------------------------------- */


/*contact us css----------------------------------- */

.banner-space {
    position: relative;
    overflow: hidden;
}
.banner-space.extra {
    padding-top: 200px;
}
.banner-space::before {
    content: "";
    position: absolute;
    width: 439px;
    height: 439px;
    left: -173px;
    top: -80px;
    background: #8DA4FE;
    border-radius: 50%;
    z-index: -2;
    filter: blur(325.185px);
}

/*.banner-space::after {
    content: "";
    position: absolute;
    width: 303px;
    height: 303px;
    right: -190px;
    top: 270px;
    background: #8DA4FE;
    border-radius: 50%;
    z-index: -2;
    filter: blur(224.444px);
}*/

.contact-banner {
    position: relative;
    text-align: center;
}

.contact-banner h1 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 220px;
    line-height: 110%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
    margin-bottom: 0px;
    position: relative;
    z-index: 2;
}

.contact-banner .cutome-btn {
    position: relative;
    z-index: 2;
}

.contact-banner img {
    position: absolute;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    z-index: 1;
}

.cc-img-1 {
    width: 140px;
    height: 140px;
    left: 33%;
    top: -10%;
}

.cc-img-2 {
    width: 160px;
    height: 160px;
    left: 1%;
    top: 20%;
}

.cc-img-3 {
    width: 160px;
    height: 160px;
    left: 8%;
    top: 65%;
}

.cc-img-4 {
    width: 120px;
    height: 120px;
    right: 22%;
    top: -3%;
}

.cc-img-5 {
    width: 120px;
    height: 120px;
    right: 5%;
    top: 20%;
}

.cc-img-6 {
    width: 160px;
    height: 160px;
    right: 8%;
    top: 50%;
}

.contact-add-section {
    background: linear-gradient(360deg, #D0DAFF 20.5%, #FFFFFF 100%), #FFFFFF;
    padding-bottom: 100px;
    padding-top: 40px;
}

.loca-bg-img {
    display: block;
    width: 90%;
    margin: 0 auto;
}

.loca-add-row {
    margin-top: -230px;
}

.location-add-div {
    background: #F0F4FD;
    border: 1px solid #FFFFFF;
    border-radius: 32px;
    padding: 20px;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

.location-add-div::before {
    content: "";
    position: absolute;
    top: -18%;
    left: -37%;
    width: 195px;
    height: 195px;
    border-radius: 50%;
    z-index: 0;
    background: #8DA4FE;
    filter: blur(144.444px);
}

.location-add-div::after {
    content: "";
    position: absolute;
    top: 30%;
    left: 100%;
    width: 310px;
    height: 310px;
    border-radius: 50%;
    z-index: 0;
    background: #8DA4FE;
    filter: blur(229.63px);
}

.location-add-inner {
    display: flex;
    grid-gap: 10px;
    z-index: 1;
    position: relative;
}

.location-add-div img {
    width: 40px;
    height: 40px;
}

.location-add-div h4 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 40px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
}

.location-add-div p {
    font-size: 16px;
    color: #677487;
}

.location-add-div p.add {
    min-height: 80px;
}

.location-add-div span {
    display: block;
    font-size: 16px;
    color: #121212;
}

.location-add-div a {
    background-color: #4AD7AA;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    padding: 21px 15px;
    display: block;
    border-radius: 80px;
    text-align: center;
    margin-top: 20px;
    transition: 0.3s;
    z-index: 1;
    position: relative;
}

.location-add-div a:hover {
    background-color: #1F2B5A;
    color: #FFFFFF;
}

.contact-form-section {
    padding-top: 50px;
    padding-bottom: 100px;
    background: linear-gradient(180deg, #D0DAFF 7.42%, #FFFFFF 56.73%), #FFFFFF;
}

.contact-form-section h2 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 120px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
}

.contact-btn-tab {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    background: #F0F4FD;
    border-radius: 80px;
    max-width: 587px;
}

.contact-btn-tab .tab-btn {
    background-color: transparent;
    border: none;
    color: #1F2B5A;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    padding: 21px 15px;
    border-radius: 36px;
    transition: 0.4s;
}

.contact-btn-tab .tab-btn.active {
    background-color: #1F2B5A;
    color: #FFFFFF;
}

.contact-tab-body {
    margin-top: 35px;
    padding: 40px;
    background: #F0F4FD;
}

.contact-input {
    margin-bottom: 40px;
}

.contact-input label {
    font-weight: 500;
    font-size: 16px;
    color: #121212;
    margin-bottom: 15px;
}

.contact-input label span {
    color: #D92D20;
}

.contact-input .form-control {
    padding: 21px 24px;
    background-color: #F9FBFE;
    font-size: 16px;
    color: #000000;
    border: none;
    box-shadow: 0px 1px 1px rgb(20, 27, 49, 0.2);
    resize: none;
    direction: unset !important;
}

.contact-input .form-select {
    background-position: right 1.6rem center;
}

.contact-input .error {
    color: #D92D20;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0px;
}

.contact-input .error.form-control {
    border: 1px solid #D92D20;
}

.contact-form-btn {
    border: 2px solid #141E42;
    font-size: 15px;
    color: #141E42;
    padding: 10px 25px;
    border-radius: 10px;
    transition: all 0.3s ease-in;
}

.contact-form-btn:hover {
    background: #141E42;
    color: #fff;
}

.contact-toll-h h4 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 40px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
}

.contact-toll-h p {
    font-weight: 500;
    font-size: 20px;
    color: #677487;
}

.cont-inner-div-list {
    padding: 80px 100px;
    background: #FFFFFF;
    box-shadow: 0px 1px 1px rgb(20, 27, 49, 0.2);
    border-radius: 29px;
    margin-top: 60px;
}

.cont-tol-list {
    display: flex;
    grid-gap: 20px;
    margin-bottom: 80px;
}

.cont-tol-list:last-child {
    margin-bottom: 0px;
}

.cont-tol-list img {
    height: 45px;
    width: 45px;
}

.cont-tol-list span {
    display: block;
    font-weight: 500;
    font-size: 14px;
    color: #AEB7C5;
}

.cont-tol-list p {
    font-weight: 500;
    font-size: 18px;
    color: #000000;
    margin: 0px;
}

.tell-nub.cont-tol-list p {
    letter-spacing: 0.34em;
}

@media (max-width: 767.98px) {
    .contact-form-btn {
        padding: 15px 30px;
        font-size: 14px;
    }
    .contact-banner h1 {
        font-size: 100px;
    }
    .cc-img-1 {
        width: 70px;
        height: 70px;
        left: 15%;
        top: -15%;
    }
    .cc-img-2 {
        width: 80px;
        height: 80px;
        left: 1%;
        top: 15%;
    }
    .cc-img-3 {
        width: 80px;
        height: 80px;
        left: 3%;
        top: 65%;
    }
    .cc-img-4 {
        width: 60px;
        height: 60px;
        right: 15%;
        top: -6%;
    }
    .cc-img-5 {
        width: 80px;
        height: 80px;
        right: 5%;
        top: 20%;
    }
    .cc-img-6 {
        width: 80px;
        height: 80px;
        right: 3%;
        top: 60%;
    }
    .location-add-div a {
        padding: 12px 10px;
        font-size: 14px;
    }
    .loca-add-row {
        margin-top: -50px;
    }
    .contact-add-section {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .contact-form-section {
        padding-top: 10px;
        padding-bottom: 50px;
    }
    .contact-form-section h2 {
        font-size: 80px;
        margin-bottom: 30px;
    }
    .contact-btn-tab .tab-btn {
        font-size: 14px;
        padding: 15px 10px;
    }
    .contact-tab-body {
        margin-top: 20px;
        padding: 20px;
        border-radius: 22px;
    }
    .contact-input {
        margin-bottom: 25px;
    }
    .contact-toll-h p {
        font-size: 16px;
    }
    .cont-inner-div-list {
        padding: 35px 25px;
        border-radius: 20px;
        margin-top: 20px;
    }
    .cont-tol-list {
        margin-bottom: 40px;
    }
    .cont-tol-list {
        grid-gap: 10px;
    }
    .cont-tol-list img {
        height: 40px;
        width: 40px;
    }
    .cont-tol-list span {
        font-size: 12px;
    }
    .cont-tol-list p {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .contact-banner h1 {
        font-size: 180px;
    }
    .cc-img-1 {
        width: 100px;
        height: 100px;
        left: 15%;
        top: -5%;
    }
    .cc-img-2 {
        width: 110px;
        height: 110px;
        left: 1%;
        top: 23%;
    }
    .cc-img-3 {
        width: 110px;
        height: 110px;
        left: 3%;
        top: 80%;
    }
    .cc-img-4 {
        width: 90px;
        height: 90px;
        right: 15%;
        top: -6%;
    }
    .cc-img-5 {
        width: 110px;
        height: 110px;
        right: 5%;
        top: 20%;
    }
    .cc-img-6 {
        width: 110px;
        height: 110px;
        right: 3%;
        top: 75%;
    }
    .loca-add-row {
        margin-top: -100px;
    }
}


/*end contact us css----------------------------------- */


/*end contact us css----------------------------------- */


/* part-2 css---------------------------------------------------------------------------------------------------- */


/*product page css----------------------------------- */

.product-banner {
    position: relative;
}

.bottom-w-face:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0px;
    bottom: 0px;
    background-image: linear-gradient(to top, #FFFFFF, #FFFFFF00);
    pointer-events: none;
    z-index: 1;
}

.product-banner img {
    width: 100%;
}

.pro-mainlist-section {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pro-listmain {
    background: radial-gradient(120.25% 544.6% at 95.45% 71.1%, #FFFFFF 39.95%, rgba(177, 193, 255, 0.2) 100%);
    border-radius: 32px;
    box-shadow: 0px 1px 1px rgb(20, 27, 49, 0.2);
    padding: 50px 70px;
    position: relative;
    margin-top: 100px;
}

.pro-listmain h3 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 80px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #1F2B5A;
}

.pro-listmain p {
    font-weight: 500;
    font-size: 14px;
    color: #677487;
}

.pro-listmain img {
    width: 100%;
    position: absolute;
    top: -95px;
    max-width: 680px;
    right: 0px; 
}

.pro-spline-rele-div{
    position: relative;
    height: 100%;
}

.pro-spline-tag{
    width: 100%;
    position: absolute;
    top: -90px;
    max-width: 680px;
    height: calc(100% + 180px);
    right: 0px; 
}
.pro-listmain .cutome-btn {
    margin-top: 50px;
}

.gall-text-section {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    display: none;
}

.gall-text-section h3 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 350.817px;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
}

.single-gallery-image {
    max-width: 400px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 160px;
}

.single-gallery-image img {
    border: 1px solid #FFFFFF;
    border-radius: 24px;
    transition: 0.4s;
}

.single-gallery-image .owl-stage-outer {
    overflow: unset;
}

.single-gallery-image .owl-stage {
    width: 400px !important;
    transform: translate3d(0px, 0px, 0px) !important;
}

.single-gallery-image .owl-item {
    position: absolute;
    z-index: 1;
    transition: 0.4s;
}

.single-gallery-image .owl-item:nth-child(even) {
    transform: rotate(-8deg);
}

.single-gallery-image .owl-item:nth-child(odd) {
    transform: rotate(8deg);
}

.single-gallery-image .owl-item:nth-child(1) img,
.single-gallery-image .owl-item:nth-child(2) img {
    box-shadow: 0px 183px 73px rgba(0, 0, 0, 0.01), 0px 103px 62px rgba(0, 0, 0, 0.05), 0px 46px 46px rgba(0, 0, 0, 0.09), 0px 11px 25px rgba(0, 0, 0, 0.1);
}

.single-gallery-image .owl-item.center {
    position: relative;
    transform: rotate(0deg);
    z-index: 2;
}

.single-gallery-image .owl-item.center img {
    box-shadow: 0px 183px 73px rgba(0, 0, 0, 0.01), 0px 103px 62px rgba(0, 0, 0, 0.05), 0px 46px 46px rgba(0, 0, 0, 0.09), 0px 11px 25px rgba(0, 0, 0, 0.1);
}

.single-gallery-image .owl-carousel .owl-nav button {
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    border: 1px solid #4AD7AA;
    color: #4AD7AA;
    border-radius: 50%;
    z-index: 5;
    position: absolute;
    top: 120px;
    font-size: 16px;
}

.single-gallery-image .owl-carousel .owl-nav button:hover {
    background-color: #FFFFFF;
    border: 1px solid #4AD7AA;
    color: #4AD7AA;
}

.single-gallery-image .owl-carousel .owl-nav button.owl-next {
    right: -100px;
}

.single-gallery-image .owl-carousel .owl-nav button.owl-prev {
    left: -100px;
}

.pro-main-slider-section {
    padding-top: 30px;
    padding-bottom: 100px;
}

.pro-main-slider-section p {
    font-weight: 500;
    font-size: 20px;
    color: #677487;
}

.type-pro-sldier {
    max-width: 635px;
    margin: 0 auto;
    margin-top: 50px;
    text-align: center;
}

.type-pro-sldier h4 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 80px;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
    margin-top: 50px;
    margin-bottom: 30px;
}

.type-pro-sldier img {
    border-radius: 32px;
    box-shadow: 0px 1px 1px rgb(20, 27, 49, 0.2);
    margin-bottom: 30px;
}

.type-pro-sldier .owl-carousel {
    display: grid;
}

.type-pro-sldier .owl-theme .owl-dots {
    order: -1;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.type-pro-sldier .owl-theme .owl-dots .owl-dot {
    width: 100%;
    background-color: #E3E9FF;
}

.type-pro-sldier .owl-theme .owl-dots .owl-dot span {
    width: 100%;
    display: block;
    height: 12px;
    border-radius: 0px;
    transition: 0.4s;
    background-color: #E3E9FF;
    margin: 0px;
}

.type-pro-sldier .owl-theme .owl-dots .owl-dot:first-child span,
.type-pro-sldier .owl-theme .owl-dots .owl-dot:first-child {
    border-radius: 12px 0px 0px 12px;
}

.type-pro-sldier .owl-theme .owl-dots .owl-dot:last-child span,
.type-pro-sldier .owl-theme .owl-dots .owl-dot:last-child {
    border-radius: 0px 12px 12px 0px;
}

.type-pro-sldier .owl-theme .owl-dots .owl-dot.active span {
    border-radius: 12px;
    background-color: #1F2B5A;
}

.type-pro-sldier .owl-carousel .owl-nav {
    transition: 0.4s;
}

.type-pro-sldier .owl-carousel .owl-nav button {
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    border: 1px solid #4AD7AA;
    color: #4AD7AA;
    border-radius: 50%;
    z-index: 5;
    position: absolute;
    top: 0px;
    font-size: 16px;
    margin: 0;
    transition: 0.4s;
}

.type-pro-sldier .owl-carousel .owl-nav button:hover {
    background-color: #FFFFFF;
    border: 1px solid #4AD7AA;
    color: #4AD7AA;
}

.type-pro-sldier .owl-carousel .owl-nav button.owl-next {
    right: -100px;
}

.type-pro-sldier .owl-carousel .owl-nav button.owl-prev {
    left: -100px;
}

.type-pro-sldier .owl-theme .owl-nav .disabled {
    border-color: #D4DBEA;
    color: #D4DBEA;
    opacity: 1;
}
.p-breadcrumb{
    margin-bottom: 30px;
    margin-top: -40px;
}
.p-breadcrumb .woocommerce-breadcrumb{
    font-size: 16px;
    font-weight: 400;
    color: #8d9fb9;
}
.p-breadcrumb a{
    color:#1F2B5A;
    font-weight: 500;
    transition: 0.3s;
}
.p-breadcrumb a:hover{
    color: #4AD7AA;
}
@media (max-width: 767.98px) {
    .product-banner {
        padding-top: 10%;
    }
    .product-banner .cutome-btn {
        bottom: 20px;
    }
    .pro-mainlist-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .pro-listmain img {
        position: relative;
        top: 0;
        width: 100%;
    }
    .pro-spline-tag{
        position: relative;
        top: 0;
        width: 100%;
        height: 300px;
    }
    .small-row-reverse{
        flex-wrap: wrap-reverse;
    }
    .pro-listmain {
        margin-top: 30px;
        padding: 25px 20px;
    }
    .pro-listmain h3 {
        font-size: 45px;
    }
    .pro-listmain .cutome-btn {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .gall-text-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .gall-text-section h3 {
        font-size: 23vw;
        white-space: nowrap;
        height: 180px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .single-gallery-image {
        max-width: 200px;
        top: 46px;
    }
    .single-gallery-image .owl-stage {
        width: 200px !important;
    }
    .single-gallery-image img {
        border-radius: 15px;
    }
    .single-gallery-image .owl-carousel .owl-nav button {
        height: 40px;
        width: 40px;
        top: 50px;
        font-size: 12px;
    }
    .single-gallery-image .owl-carousel .owl-nav button.owl-prev {
        left: -60px;
    }
    .single-gallery-image .owl-carousel .owl-nav button.owl-next {
        right: -60px;
    }
    .pro-main-slider-section p {
        font-size: 16px;
    }
    .pro-main-slider-section {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .type-pro-sldier .owl-theme .owl-dots {
        height: 40px;
        width: calc(100% - 100px);
        margin: 0 auto;
    }
    .type-pro-sldier .owl-theme .owl-dots .owl-dot span {
        height: 8px;
    }
    .type-pro-sldier .owl-carousel .owl-nav button {
        height: 40px;
        width: 40px;
        font-size: 12px;
    }
    .type-pro-sldier .owl-carousel .owl-nav button.owl-next {
        right: 0px;
    }
    .type-pro-sldier .owl-carousel .owl-nav button.owl-prev {
        left: 0px;
    }
    .type-pro-sldier h4 {
        font-size: 50px;
        margin-top: 30px;
        margin-bottom: 10px;
    }
    .type-pro-sldier img {
        margin-bottom: 20px;
        border-radius: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .product-banner {
        padding-top: 5%;
    }
    .pro-listmain img {
        position: relative;
        top: 0;
        width: 100%;
        max-width: 400px;
        margin-top: 20px;
    }
    .pro-spline-tag{
        position: relative;
        top: 0;
        width: 100%;
        height: 350px;
    }
    .small-row-reverse{
        flex-wrap: wrap-reverse;
    }
    .pro-listmain {
        margin-top: 30px;
        padding: 40px;
    }
    .gall-text-section h3 {
        font-size: 26vw;
        white-space: nowrap;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 440px;
    }
    .type-pro-sldier .owl-theme .owl-dots {
        width: calc(100% - 70px);
        margin: 0 auto;
    }
    .type-pro-sldier .owl-carousel .owl-nav button.owl-next {
        right: -40px;
    }
    .type-pro-sldier .owl-carousel .owl-nav button.owl-prev {
        left: -40px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .pro-listmain img {
        max-width: 550px;
    }
    .gall-text-section h3 {
        font-size: 26vw;
        white-space: nowrap;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 440px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .gall-text-section h3 {
        font-size: 26vw;
        white-space: nowrap;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 480px;
    }
}

@media (max-width: 575.98px) {
    .product-banner {
        padding-top: 20%;
    }
}

@media (min-width: 1366px) {

}

/*end product page css----------------------------------- */


/*residentials-ac page css----------------------------------- */

.pro-banner-section h1 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 100px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
}

.pro-banner-section p {
    font-weight: 500;
    font-size: 20px;
    color: #677487;
}

.pro-banner-section .cutome-btn {
    margin-top: 25px;
}

/* .pro-banner-section img {
    width: 100%;
    position: absolute;
    right: 10px;
    bottom: 50px;
    max-width: 680px;
    z-index: -1;
} */

.pro-banner-section::after {
    display: none;
}

.pro-banner-section::before {
    width: 795px;
    height: 795px;
    background: #8DA4FE;
    filter: blur(325.185px);
    left: 80%;
    top: -74%;
}

.ac-resid-section {
    padding-top: 100px;
    padding-bottom: 100px;
}

.section-p-heading p {
    font-weight: 500;
    font-size: 20px;
    color: #677487;
    margin-top: 20px;
    margin-bottom: 40px;
}

.small-icon-tag {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 24px 8px 8px;
    gap: 16px;
    background: rgba(177, 193, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(50px);
    border-radius: 100px;
    font-weight: 500;
    font-size: 16px;
    color: #121212;
    width: fit-content;
    position: absolute;
    white-space: nowrap;
    display: none;
}

.small-icon-tag:nth-child(1) {
    left: 4%;
    bottom: 270px;
    transform: rotate(-8deg);
}

.small-icon-tag:nth-child(2) {
    right: 20%;
    bottom: 210px;
    transform: rotate(15deg);
}

.small-icon-tag:nth-child(3) {
    right: 0px;
    bottom: 30px;
    transform: rotate(-4deg);
}

.small-icon-tag span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    width: 48px;
    height: 48px;
    background: #4AD7AA;
    border-radius: 80px;
}

.small-icon-tag span img {
    width: 100%;
}

.tag-main-div {
    position: relative;
}

.tag-bg-img {
    width: 55%;
    height: 200px;
    object-fit: cover;
    border-radius: 32px;
    box-shadow: 0px 1px 1px rgb(20, 27, 49, 0.2);
    margin-top: 100px;
}

.img-div-resi-ac img {
    width: 100%;
    border-radius: 32px;
    height: 382px;
    object-fit: cover;
    margin-top: 40px;
    margin-bottom: 40px;
}

.nub-residiv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 60px;
    gap: 8px;
    background: #F0F4FD;
    border-radius: 32px;
    text-align: center;
    box-shadow: 0px 1px 1px rgb(20, 27, 49, 0.2);
    overflow: hidden;
    position: relative;
}

.nub-residiv::before {
    content: "";
    position: absolute;
    width: 310px;
    height: 310px;
    bottom: -92%;
    left: -22%;
    background: #8DA4FE;
    border-radius: 50%;
    filter: blur(229.63px);
    z-index: 0;
}

.nub-residiv::after {
    content: "";
    position: absolute;
    width: 310px;
    height: 310px;
    bottom: -26%;
    right: -34%;
    background: #8DA4FE;
    border-radius: 50%;
    filter: blur(229.63px);
    z-index: 0;
}

.nub-residiv h4 {
    font-family: "Rubik", serif;
    font-style: normal;
    font-weight: 400;
    font-size: 80px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #1F2B5A;
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
}

.nub-residiv h4 .ani-nub-small {
    font-size: 27px;
}

.nub-residiv p {
    font-weight: 500;
    font-size: 14px;
    color: #677487;
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
}
.ac-sticky-div{
    position: sticky;
    top: 0;
}
.resi-prod-list {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 60px;
    max-width: 632px;
    margin-left: auto;
}

.resi-prod-list img {
    height: 420px;
    border-radius: 32px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 10px;
    box-shadow: 0px 1px 1px rgb(20, 27, 49, 0.2);
    transition: 0.4s;
    /* object-position: 0% 5%; */
    object-position: center 75%;
}

.resi-prod-list div {
    /* background-color: #1F2B5A; */
    border-radius: 32px;
    padding: 40px 40px;
    position: absolute;
    width: calc(100% - 80px);
    bottom: 0px;
    transition: 0.4s;
    margin: 0 auto;
    left: 0;
    right: 0;
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.2);
    background: linear-gradient(261.37deg, rgba(177, 193, 255, 0.2) 18.11%, rgba(31, 43, 90, 0.65) 77.31%);
    /* border: 2px solid rgba(255, 255, 255, 0.2); */
    backdrop-filter: blur(10.95px); 
}

.resi-prod-list h3 {
    font-weight: 500;
    font-size: 28px;
    color: #FFFFFF;
    margin-bottom: 30px;
    transition: 0.4s;
}

.resi-prod-list p {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    margin-bottom: 30px;
    transition: 0.4s;
}

.resi-prod-list a {
    font-size: 14px;
    color: #ffffff; 
    background-color: #141B31;
    padding: 16px 32px;
    border-radius: 36px;
    display: inline-block;
    transition: 0.4s;
}

.resi-prod-list a:hover {
    background-color: #ffffff;
    color: #141B31;
}

.resi-prod-list:hover div {
    padding: 30px 40px;
}

.resi-prod-list:hover h3 {
    margin-bottom: 10px;
}

.resi-prod-list:hover p {
    margin-bottom: 15px;
}

.tags-text-section {
    background-color: #F1F5FF;
    text-align: center;
    padding-top: 160px;
    padding-bottom: 100px;
    position: relative;
    display: none;
}

.tags-text-section h2 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 415.817px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
    margin-bottom: 0px;
    line-height: 1.1;
}

.tags-text-section .container {
    position: relative;
}

.big-icon-tag {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 40px 12px 12px;
    gap: 20px;
    background: rgba(177, 193, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(20px);
    border-radius: 100px;
    font-weight: 500;
    font-size: 28px;
    color: #FFFFFF;
    width: fit-content;
    position: absolute;
    white-space: nowrap;
}

.tags-text-div div.big-icon-tag:nth-child(1) {
    bottom: 15%;
    left: 3.5%;
}

.tags-text-div div.big-icon-tag:nth-child(2) {
    top: -8%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.tags-text-div div.big-icon-tag:nth-child(3) {
    bottom: 33%;
    right: 5%;
}

.big-icon-tag span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    width: 88px;
    height: 88px;
    background: #4AD7AA;
    border-radius: 80px;
}

.big-icon-tag span img {
    width: 100%;
}

.resi-cust-section {
    padding-top: 100px;
    padding-bottom: 30px;
    position: relative;
}

.resi-cust-section::before {
    content: "";
    position: absolute;
    width: 439px;
    height: 439px;
    left: -173px;
    bottom: -18%;
    background: #8DA4FE;
    border-radius: 50%;
    z-index: -2;
    filter: blur(325.185px);
}

.hpp-cust-div {
    margin-bottom: 30px;
}

.hpp-cust-div img {
    height: 64px;
    width: 64px;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
    z-index: 3;
    position: relative;
}

.hpp-cust-div img:nth-child(2) {
    margin-left: -25px;
    z-index: 2;
}

.hpp-cust-div img:nth-child(3) {
    margin-left: -25px;
    z-index: 1;
}

.cross-image-slider {
    margin-top: 100px;
}

.cross-image-slider img {
    border-radius: 32px;
    height: 550px;
    object-fit: cover;
    transition: 0.4s;
}

.cross-image-slider .owl-item {
    transition: 0.4s;
    border: 1px solid transparent;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0), 0px 103px 62px rgba(0, 0, 0, 0.0), 0px 46px 46px rgba(0, 0, 0, 0.0), 0px 11px 25px rgba(0, 0, 0, 0);
}

.cross-image-slider .owl-item.one,
.cross-image-slider .owl-item.two {
    clip-path: polygon( 100% 11.681%, 100% 11.681%, 99.837% 10.682%, 99.361% 9.724%, 98.595% 8.819%, 97.56% 7.978%, 96.278% 7.212%, 94.769% 6.531%, 93.055% 5.948%, 91.159% 5.474%, 89.101% 5.119%, 86.903% 4.895%, 17.821% 0.151%, 17.821% 0.151%, 15.045% 0.071%, 12.37% 0.205%, 9.84% 0.537%, 7.501% 1.049%, 5.397% 1.724%, 3.575% 2.544%, 2.079% 3.493%, 0.954% 4.553%, 0.246% 5.707%, 0% 6.937%, 0% 93.063%, 0% 93.063%, 0.246% 94.293%, 0.954% 95.447%, 2.079% 96.507%, 3.575% 97.456%, 5.397% 98.276%, 7.501% 98.951%, 9.84% 99.463%, 12.37% 99.795%, 15.045% 99.929%, 17.821% 99.849%, 86.903% 95.105%, 86.903% 95.105%, 89.101% 94.881%, 91.159% 94.526%, 93.055% 94.051%, 94.769% 93.469%, 96.278% 92.788%, 97.56% 92.022%, 98.595% 91.181%, 99.361% 90.276%, 99.837% 89.318%, 100% 88.319%, 100% 11.681%);
}

.cross-image-slider .owl-item.four,
.cross-image-slider .owl-item.tree,
.cross-image-slider .owl-item.five {
    clip-path: polygon( 0% 11.681%, 0% 11.681%, 0.163% 10.682%, 0.639% 9.724%, 1.405% 8.819%, 2.44% 7.978%, 3.722% 7.212%, 5.231% 6.531%, 6.945% 5.948%, 8.841% 5.474%, 10.899% 5.119%, 13.097% 4.895%, 82.179% 0.151%, 82.179% 0.151%, 84.955% 0.071%, 87.63% 0.205%, 90.16% 0.537%, 92.499% 1.049%, 94.603% 1.724%, 96.425% 2.544%, 97.921% 3.493%, 99.046% 4.553%, 99.754% 5.707%, 100% 6.937%, 100% 93.063%, 100% 93.063%, 99.754% 94.293%, 99.046% 95.447%, 97.921% 96.507%, 96.425% 97.456%, 94.603% 98.276%, 92.499% 98.951%, 90.16% 99.463%, 87.63% 99.795%, 84.955% 99.929%, 82.179% 99.849%, 13.097% 95.105%, 13.097% 95.105%, 10.899% 94.881%, 8.841% 94.526%, 6.945% 94.051%, 5.231% 93.469%, 3.722% 92.788%, 2.44% 92.022%, 1.405% 91.181%, 0.639% 90.276%, 0.163% 89.318%, 0% 88.319%, 0% 11.681%);
}

.cross-image-slider .owl-item.one,
.cross-image-slider .owl-item.tree,
.cross-image-slider .owl-item.five {
    transform: scaleY(0.8);
}

.cross-image-slider .owl-item.two,
.cross-image-slider .owl-item.four {
    transform: scaleY(0.9);
}

.cross-image-slider .owl-item.one img,
.cross-image-slider .owl-item.tree img,
.cross-image-slider .owl-item.five img {
    transform: scaleY(1.2);
}

.cross-image-slider .owl-item.two img,
.cross-image-slider .owl-item.four img {
    transform: scaleY(1.1);
}

.cross-image-slider .owl-item.center {
    transform: scale(1);
    border: 1px solid #FFFFFF;
    box-shadow: 0px 183px 73px rgba(0, 0, 0, 0.01), 0px 103px 62px rgba(0, 0, 0, 0.05), 0px 46px 46px rgba(0, 0, 0, 0.09), 0px 11px 25px rgba(0, 0, 0, 0.1);
    border-radius: 32px;
    clip-path: none;
}

.cross-image-slider .owl-item.center img {
    transform: scale(1);
}

.cross-image-slider .owl-carousel .owl-nav {
    margin-top: 60px;
}

.cross-image-slider .owl-carousel .owl-nav button {
    height: 60px;
    width: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    border: 1px solid #4AD7AA;
    color: #4AD7AA;
    border-radius: 50%;
    z-index: 5;
    font-size: 16px;
    margin: 0 8px;
    transition: 0.4s;
}

.cross-image-slider .owl-carousel .owl-nav button:hover {
    background-color: #FFFFFF;
    border: 1px solid #4AD7AA;
    color: #4AD7AA;
}

.cross-image-slider .owl-carousel .owl-stage-outer {
    overflow: unset;
}

.cross-image-slider .owl-carousel {
    overflow-x: hidden;
    padding-bottom: 130px;
}

.gal-test-slider {
    position: relative;
    text-align: center;
}

.gal-test-slider h2 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 527.797px;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #F0F3FF;
    position: absolute;
    left: 0;
    right: 0;
    top: 175px;
    margin: 0 auto;
    overflow: hidden;
    z-index: -1;
    display: flex;
    justify-content: center;
}

@media (max-width: 767.98px) {
    .resi-prod-list a {
        padding: 12px 22px;
        font-size: 14px;
    }
    .pro-banner-section h1 {
        font-size: 60px;
    }
    .pro-banner-section p {
        font-size: 16px;
    }
    .pro-banner-section .cutome-btn {
        margin-top: 5px;
    }
    /* .pro-banner-section img {
        position: relative;
        right: 0px;
        bottom: 0px;
    } */
    .section-p-heading p {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .ac-resid-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .tag-bg-img {
        margin-top: 50px;
    }
    .small-icon-tag {
        font-size: 14px;
    }
    .small-icon-tag:nth-child(2) {
        right: 7%;
        bottom: 174px;
    }
    .nub-residiv {
        padding: 30px 30px;
        margin-bottom: 40px;
    }
    .nub-residiv h4 {
        font-size: 60px;
    }
    .img-div-resi-ac img {
        margin-top: 20px;
        margin-bottom: 20px;
        height: 350px;
    }
    .resi-prod-list {
        padding-bottom: 0px;
    }
    .resi-prod-list div {
        padding: 20px 20px;
        position: relative;
        width: 100%;
        border-radius: 20px;
    }
    .resi-prod-list img {
        height: 300px;
    }
    .resi-prod-list h3 {
        margin-bottom: 10px;
        font-size: 25px;
    }
    .resi-prod-list p {
        margin-bottom: 15px;
    }
    .tags-text-section {
        padding-top: 60px;
        padding-bottom: 40px;
    }
    .tags-text-section h2 {
        font-size: clamp(3rem, 4.125rem + 8.333vw, 12.5rem);
    }
    .big-icon-tag {
        padding: 4px;
        gap: 4px;
        font-size: 10px;
    }
    .big-icon-tag span {
        padding: 8px;
        width: 30px;
        height: 30px;
    }
    .resi-cust-section {
        padding-top: 50px;
        padding-bottom: 0px;
    }
    .cross-image-slider .owl-carousel {
        padding-bottom: 70px;
    }
    .cross-image-slider {
        margin-top: 30px;
    }
    .cross-image-slider img {
        height: 350px;
    }
    .cross-image-slider .owl-carousel .owl-nav {
        margin-top: 30px;
    }
    .cross-image-slider .owl-carousel .owl-nav button {
        height: 40px;
        width: 40px;
        top: 50px;
        font-size: 12px;
    }
    .gal-test-slider h2 {
        font-size: 250px;
        top: 220px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    /* .pro-banner-section img {
        position: relative;
        right: 0px;
        bottom: 0px;
    } */
    .pro-banner-section .cutome-btn {
        margin-top: 5px;
    }
    .nub-residiv {
        margin-bottom: 40px;
    }
    .tags-text-section h2 {
        font-size: clamp(8rem, 4.125rem + 16.333vw, 11.5rem);
    }
    .big-icon-tag {
        padding: 8px;
        gap: 6px;
        font-size: 14px;
    }
    .big-icon-tag span {
        padding: 12px;
        width: 40px;
        height: 40px;
    }
    .cross-image-slider img {
        height: 400px;
    }
    .cross-image-slider {
        margin-top: 50px;
    }
    .gal-test-slider h2 {
        font-size: 450px;
        top: 250px;
    }
    .resi-prod-list{
        margin: 0 auto;
        margin-bottom: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    /* .pro-banner-section img {
        right: 0px;
        bottom: 50px;
        max-width: 580px;
    } */
    .cross-image-slider img {
        height: 400px;
    }
}

@media (min-width: 992px) and (max-width: 1399.98px) {
    .tags-text-section h2 {
        font-size: clamp(10rem, 10.125rem + 16.333vw, 18.5rem);
    }
}

@media (min-width: 2000px) {
    /* .pro-banner-section img {
        max-width: 1000px;
    } */
}


/*end residentials-ac page css----------------------------------- */


/*window-list page css----------------------------------- */

.menu-img-none {
    display: none;
}

.menu-img-none.menuhovershow {
    display: block;
}

.winlist-banner-section::before {
    width: 439px;
    height: 439px;
    filter: blur(325.185px);
    left: -7%;
    top: 14%;
}

.winlist-banner-section::after {
    display: none;
}

.winlist-banner-section h1 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 100px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
}

.winlist-banner-section .cutome-btn {
    margin-top: 20px;
}

.list-banner-img {
    width: 100%;
    box-shadow: 0px 1px 1px rgb(20, 27, 49, 0.2);
    border-radius: 32px;
    min-height: 500px;
    object-fit: cover;
}

.grid-banner-list {
    display: flex;
    grid-gap: 16px;
}

.col-baaner-list {
    padding: 12px;
    background-color: #F0F4FD;
    border-radius: 36px;
    box-shadow: 0px 1px 1px rgb(20, 27, 49, 0.2);
    overflow: hidden;
    position: relative;
    width: 100%;
}

.col-baaner-list::before {
    content: "";
    position: absolute;
    width: 156px;
    height: 156px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -43%;
    background: #8DA4FE;
    border-radius: 50%;
    z-index: 0;
    filter: blur(115.556px);
}

.col-baaner-list::after {
    content: "";
    position: absolute;
    width: 156px;
    height: 156px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -38%;
    background: #8DA4FE;
    border-radius: 50%;
    z-index: 0;
    filter: blur(115.556px);
}

.col-baaner-list img {
    width: 100%;
    box-shadow: 0px 1px 1px rgb(20, 27, 49, 0.2);
    border-radius: 24px;
    position: relative;
    z-index: 1;
}

.icon-banner {
    display: flex;
    align-items: center;
    grid-gap: 16px;
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #1F2B5A;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    line-height: 120%;
}

.icon-banner img {
    box-shadow: none;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    /* background-color: #4AD7AA; */
    /* padding: 12px; */
    padding: 0px;
    filter: grayscale(0) contrast(0) brightness(100);
}
.icon-banner::before{
    content: "";
    height: 48px;
    width: 48px;
    position: absolute;
    background-color: #4AD7AA;
    border: 1px solid #fff;
    border-radius: 50%;
    display: block;
    left: 0;
}
.icon-banner p{
    margin-bottom: 0px;
    font-size: 12px;
    font-family: var(--paragraphs_font);
    letter-spacing: normal;
    text-transform: none;
    line-height: normal;
}

.list-banner-p-text {
    font-weight: 500;
    font-size: 20px;
    color: #677487;
}

.prod-list-section {
    padding-bottom: 100px;
}

.list-serach-div {
    display: flex;
    grid-gap: 20px;
    justify-content: end;
}

.serach-icon-div {
    position: relative;
}

.serach-icon-div .s-icon {
    position: absolute;
    top: 20px;
    left: 18px;
    height: 24px;
    width: 24px;
}

.serach-icon-div .form-control {
    padding: 20px 20px 20px 55px;
    background: #F9FBFE;
    border: 1px solid #D4DBEA;
    border-radius: 36px;
    width: 400px;
    box-shadow: none;
}

.serch-filter-btn {
    width: 64px;
    min-width: 64px;
    height: 64px;
    background: #F9FBFE;
    border: 1px solid #D4DBEA;
    border-radius: 50%;
}

.serch-filter-btn img {
    height: 24px;
    width: 24px;
}

.inner-tab-pill {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 16px;
}

.inner-tab-pill .nav-link {
    padding: 20px 50px;
    background: #F0F4FD;
    border-radius: 36px;
    font-size: 16px;
    color: #000000;
}

.inner-tab-pill .nav-link.active {
    background-color: #1F2B5A;
    color: #FFFFFF;
}

.inner-list-div {
    background: rgba(177, 193, 255, 0.2);
    border: 1px solid #FFFFFF;
    padding: 25px 15px;
    position: relative;
    height: 490px;
}

.inner-list-div img {
    width: 100%;
    object-fit: contain;
    height: auto;
}

.innter-body-text {
    padding-top: 30px;
}
.innter-body-text h3 {
    line-height: 22px;
    height: 70px;
}
.innter-body-text h3 a {
    font-weight: 500;
    font-size: 16px;
    color: #121212;
    margin-top: 10px;
    margin-bottom: 10px;
}

.innter-body-text p {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #00945E;
    padding: 2px 12px;
    border: 1px solid #00945E;
    border-radius: 24px;
    width: fit-content;
}

.innter-body-text div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 8px;
    margin-top: 25px;
    margin-bottom: 25px;
    transition: 0.4s;
}

.innter-body-text div span {
    font-weight: 500;
    font-size: 12px;
    color: #1F2B5A;
    padding: 2px 10px;
    background: rgba(177, 193, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(50px);
    border-radius: 20px;
    display: inline-block;
}

.innter-body-text > a {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    margin-top: 20px;
    background: #1F2B5A;
    border: 1px solid #1F2B5A;
    padding: 7px 11px;
    border-radius: 5px;
    transition: all 0.3s ease-in;
}
.innter-body-text > a:hover {
    background: transparent;
    border: 1px solid #1F2B5A;
}

.innter-body-text a:hover {
    background-color: transparent;
    color: #1F2B5A;
}


.list-hc-section {
    padding-top: 100px;
    padding-bottom: 100px;
    overflow: hidden;
}

.main-list-hc {
    position: relative;
    margin-bottom: 200px;
}

.list-hc-heading {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 200px;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
}

.hc-body-div {
    max-width: 636px;
    background: linear-gradient(180deg, #F7F9FF 0%, #B2C1FE 100%);
    border: 1px solid #FFFFFF;
    border-radius: 30px;
    margin: 0 auto;
    text-align: center;
    padding: 0px 15px;
    padding-top: 40px;
}

.hc-body-div h3 {
    font-weight: 500;
    font-size: 28px;
    color: #121212;
    max-width: 310px;
    margin: 0 auto;
    margin-bottom: 25px;
}

.hc-body-div p {
    max-width: 450px;
    font-weight: 500;
    font-size: 16px;
    color: #677487;
    margin: 0 auto;
    margin-bottom: 5px;
}

.hc-body-div img {
    width: 100%;
}

.list-cross-div-1 {
    position: absolute;
    max-width: 306px;
    left: 10%;
    bottom: -22%;
    transform: rotate(-10deg);
}

.list-cross-div-2 {
    position: absolute;
    max-width: 306px;
    right: 10%;
    bottom: -22%;
    transform: rotate(10deg);
}

.list-cross-div-1 img,
.list-cross-div-2 img {
    width: 100%;
    border: 1px solid #FFFFFF;
    box-shadow: 0px 183px 73px rgba(0, 0, 0, 0.01), 0px 103px 62px rgba(0, 0, 0, 0.05), 0px 46px 46px rgba(0, 0, 0, 0.09), 0px 11px 25px rgba(0, 0, 0, 0.1);
    border-radius: 32px;
}

.list-last-b-section {
    padding-top: 20px;
    padding-bottom: 100px;
}

.list-other-div {
    position: relative;
    padding: 40px;
    background: #F0F4FD;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0px 1px 1px rgb(20, 27, 49, 0.2);
}

.list-other-div::before {
    content: "";
    position: absolute;
    width: 310px;
    height: 310px;
    bottom: 22%;
    left: -43%;
    background: #8DA4FE;
    border-radius: 50%;
    filter: blur(229.63px);
    z-index: 0;
}

.list-other-div::after {
    content: "";
    position: absolute;
    width: 310px;
    height: 310px;
    top: 10%;
    left: 100%;
    background: #8DA4FE;
    border-radius: 50%;
    filter: blur(229.63px);
    z-index: 0;
}

.list-other-div h3 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 80px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #1F2B5A;
    margin-bottom: 0px;
    margin-top: 15px;
    position: relative;
    z-index: 1;
}

.list-other-div p {
    font-weight: 500;
    font-size: 14px;
    color: #677487;
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
}

.list-other-div img {
    width: 100%;
    border-radius: 24px;
    /* height: 400px; */
    height: auto;
    object-fit: cover;
    margin-top: 40px;
    position: relative;
    z-index: 1;
    box-shadow: 0px 1px 1px rgb(20, 27, 49, 0.2);
}

.list-other-div .cutome-btn {
    position: relative;
    z-index: 1;
}

@media (max-width: 767.98px) {
    .icon-banner {
        margin-bottom: 12px;
        grid-gap: 10px;
        /* justify-content: center; */
    }
    .winlist-banner-section h1 {
        font-size: 50px;
    }
    .list-banner-img {
        height: 300px;
        min-height:350px;
        margin-top: 20px;
    }
    .grid-banner-list {
        flex-wrap: wrap;
    }
    .col-baaner-list {
        max-width: 230px;
        margin: 0 auto;;
        border-radius: 22px;
        /* text-align: center; */
    }
    .col-baaner-list img {
        border-radius: 15px;
        max-width: 100%;
    }
    .icon-banner img {
        border-radius: 30px;
        height: 30px;
        width: 30px;
        /* padding: 7px; */
        padding: 0px;
    }
    .icon-banner::before{ 
        height: 30px;
        width: 30px; 
    }
    .list-banner-p-text {
        font-size: 16px;
        margin-bottom: 0px;
        margin-top: 15px;
    }
    .prod-list-section {
        padding-top: 20px;
        padding-bottom: 50px;
    }
    .serach-icon-div {
        width: 100%;
    }
    .serach-icon-div .form-control {
        width: 100%;
    }
    .list-serach-div {
        justify-content: start;
        grid-gap: 10px;
    }
    .serch-filter-btn {
        width: 50px;
        height: 50px;
        min-width: 50px;
    }
    .serch-filter-btn img {
        height: 20px;
        width: 20px;
    }
    .serach-icon-div .form-control {
        padding: 12px 20px 12px 45px;
    }
    .serach-icon-div .s-icon {
        height: 18px;
        width: 18px;
        top: 15px;
        left: 15px;
    }
    .inner-tab-pill {
        grid-gap: 8px;
    }
    .inner-tab-pill .nav-link {
        padding: 14px 20px;
        font-size: 14px;
    }
    .innter-body-text h3 {
        height: auto;
    }
    .list-hc-section {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .list-hc-heading {
        font-size: 80px;
    }
    .list-cross-div-1 {
        bottom: -70px;
        left: 0px;
        max-width: 120px;
    }
    .list-cross-div-2 {
        bottom: -70px;
        right: 0px;
        max-width: 120px;
    }
    .list-cross-div-1 img,
    .list-cross-div-2 img {
        border-radius: 15px;
    }
    .main-list-hc {
        margin-bottom: 150px;
    }
    .list-last-b-section {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .list-other-div {
        padding: 20px;
        border-radius: 15px;
        margin-bottom: 20px;
    }
    .list-other-div h3 {
        font-size: 50px;
    }
    .list-other-div p {
        margin-bottom: 30px;
    }
    .list-other-div img {
        /* height: 300px; */
        height: auto;
        margin-top: 20px;
        border-radius: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .list-banner-p-text {
        margin-top: 20px;
    }
    .list-serach-div {
        justify-content: start;
    }
    .list-cross-div-1 {
        bottom: -70px;
        left: 0px;
        max-width: 180px;
    }
    .list-cross-div-2 {
        bottom: -70px;
        right: 0px;
        max-width: 180px;
    }
    .main-list-hc {
        margin-bottom: 150px;
    }
    .list-hc-heading {
        font-size: 100px;
    }
    .list-hc-section {
        padding-top: 0px;
    }
    .list-other-div {
        margin-bottom: 20px;
    }
    .list-banner-img {
        margin-top: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1399.98px) {
    .list-cross-div-1 {
        bottom: -70px;
        left: 0px;
        max-width: 280px;
    }
    .list-cross-div-2 {
        bottom: -70px;
        right: 0px;
        max-width: 280px;
    }
    .main-list-hc {
        margin-bottom: 160px;
    }
    .list-other-div h3 {
        font-size: 53px;
    }
    .list-other-div img {
        /* height: 350px; */
        height: auto;
    }
}


/*end window-list page css----------------------------------- */


/*commercial-ac-vrf page css----------------------------------- */

.com-vrf-ban-section::before {
    width: 439px;
    height: 439px;
    top: 16%;
    left: -5%;
    background: #8DA4FE;
    filter: blur(325.185px);
}

.com-vrf-ban-section::after {
    display: none;
}

.com-vrf-ban-section h1 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 85px;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
    margin-bottom: 40px;
}

.banner-main-vrf {
    display: flex;
    grid-gap: 20px;
}

.col-vrf {
    overflow: hidden;
    transition: 0.7s;
    width: 152px;
    min-width: 152px;
    position: relative;
    border-radius: 72px;
}

.col-vrf.hovered {
    width: 100%;
}

.vrf-banner-img {
    width: 100%;
    height: 550px;
    object-fit: cover;
    border-radius: 72px;
}

.vfr-banner-icon {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 12px 12px 12px 12px;
    gap: 0px;
    background: rgba(177, 193, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(20px);
    border-radius: 100px;
    transition: 0.7s;
    overflow: hidden;
}

.hovered .vfr-banner-icon {
    grid-gap: 20px;
}

.vfr-banner-icon .span-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    width: 88px;
    height: 88px;
    min-width: 88px;
    background: #4AD7AA;
    border-radius: 80px;
}

.vfr-banner-icon .span-icon img {
    width: 100%;
}

.vfr-banner-icon .span-text {
    font-weight: 500;
    font-size: 28px;
    color: #FFFFFF;
    visibility: hidden;
    opacity: 0;
    transform: translateX(0px);
    transition: 0.7s;
    white-space: nowrap;
    width: 0px;
}

.hovered .vfr-banner-icon .span-text {
    visibility: visible;
    opacity: 1;
    transform: translateX(0px);
    width: auto;
    margin-right: 20px;
}

@media (max-width: 767.98px) {
    .banner-main-vrf {
        grid-gap: 10px;
    }
    .vfr-banner-icon .span-icon {
        width: 30px;
        height: 30px;
        min-width: 30px;
        padding: 7px;
    }
    .vfr-banner-icon {
        padding: 5px;
        bottom: 5px;
        left: 5px;
    }
    .col-vrf {
        width: 52px;
        min-width: 52px;
        border-radius: 30px;
    }
    .vrf-banner-img {
        border-radius: 30px;
        height: 300px;
    }
    .vfr-banner-icon .span-text {
        font-size: 14px;
    }
    .hovered .vfr-banner-icon .span-text {
        margin-right: 10px;
    }
    .hovered .vfr-banner-icon {
        grid-gap: 5px;
    }
    .com-vrf-ban-section h1 {
        font-size: 60px;
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .col-vrf {
        width: 100px;
        min-width: 100px;
        border-radius: 50px;
    }
    .vrf-banner-img {
        border-radius: 50px;
        height: 450px;
    }
    .vfr-banner-icon .span-icon {
        width: 55px;
        height: 55px;
        min-width: 55px;
        padding: 15px;
    }
    .vfr-banner-icon {
        padding: 10px;
        bottom: 11px;
        left: 11px;
    }
    .vfr-banner-icon .span-text {
        font-size: 20px;
    }
    .hovered .vfr-banner-icon .span-text {
        margin-right: 10px;
    }
    .hovered .vfr-banner-icon {
        grid-gap: 10px;
    }
    .com-vrf-ban-section h1 {
        font-size: 80px;
    }
}


/*end commercial-ac-vrf page css----------------------------------- */


/*case studies page css----------------------------------- */

.case-studies-banner-section::before,
.case-studies-banner-section::before {
    display: none;
}

.case-studies-banner-section h1 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 220px;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
    position: relative;
    z-index: 1;
}

.case-s-b-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: -180px;
    margin-bottom: 40px;
}

.case-s-ban-col {
    position: relative;
    max-width: 320px;
    width: 100%;
    z-index: 2;
    transition: 0.3s;
}

.case-s-ban-col img {
    width: 100%;
    height: 390px;
    object-fit: cover;
    border: 1px solid #FFFFFF;
    filter: drop-shadow(0px 138.768px 55.3554px rgba(0, 0, 0, 0.01)) drop-shadow(0px 78.1043px 47.0142px rgba(0, 0, 0, 0.05)) drop-shadow(0px 34.8815px 34.8815px rgba(0, 0, 0, 0.09)) drop-shadow(0px 8.34123px 18.9573px rgba(0, 0, 0, 0.1));
    border-radius: 24px;
}

.case-s-ban-col div {
    position: absolute;
    bottom: 20px;
    width: calc(100% - 40px);
    left: 0px;
    right: 0px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.case-s-ban-col h3 {
    font-weight: 500;
    font-size: 20px;
    color: #FFFFFF;
    margin: 0px;
}

.case-s-ban-col a {
    height: 48px;
    width: 48px;
    min-width: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background-color: #4AD7AA;
}

.case-s-ban-col:nth-child(1) {
    transform: rotate(-8deg);
}

.case-s-ban-col:nth-child(2) {
    z-index: 0;
}

.case-s-ban-col:nth-child(3) {
    transform: rotate(8deg);
}

.case-s-ban-col:nth-child(2) img {
    height: 490px;
}

.case-s-hilight-head {
    background: rgba(230, 235, 255, 0.4);
    border-radius: 50px;
    margin: 30px 0px;
    padding: 30px;
}

.case-s-hilight-head .section-heading {
    margin-top: 30px;
    margin-bottom: 50px;
}

.inner-case-div {
    background: #F0F4FD;
    border-radius: 32px;
    overflow: hidden;
    position: relative;
    padding: 24px;
    box-shadow: 0px 1px 1px rgb(20, 27, 49, 0.2);
}

.inner-case-div::before {
    content: "";
    position: absolute;
    width: 310px;
    height: 310px;
    left: -9%;
    top: -15%;
    border-radius: 50%;
    z-index: 0;
    background: #8DA4FE;
    filter: blur(229.63px);
}

.inner-case-div::after {
    content: "";
    position: absolute;
    width: 310px;
    height: 310px;
    left: 99%;
    top: 10%;
    border-radius: 50%;
    z-index: 0;
    background: #8DA4FE;
    filter: blur(229.63px);
}

.inner-case-div .row {
    z-index: 1;
    position: relative;
}

.inner-case-div img {
    width: 100%;
    border-radius: 24px;
    box-shadow: 0px 1px 1px rgb(20, 27, 49, 0.2);
}

.inner-case-div h3 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 80px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
    margin-top: 30px;
    margin-bottom: 5px;
}

.inner-case-div p {
    font-size: 14px;
    color: #677487;
}

.inner-case-div h6 {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #121212;
    margin-bottom: 35px;
    margin-top: 20px;
}

.case-tab-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 16px;
    margin-top: 20px;
}

.case-tab-ul .nav-link {
    padding: 20px 30px;
    background: #F0F4FD;
    border-radius: 36px;
    font-size: 16px;
    color: #000000;
}

.case-tab-ul .nav-link.active {
    background-color: #1F2B5A;
    color: #FFFFFF;
}

.case-topic-list {
    margin-bottom: 60px;
}

.case-tab-section {
    padding-top: 100px;
    padding-bottom: 100px;
}

.case-tab-section .tab-content {
    width: 90%;
    margin: 0 auto;
}

.case-topic-list img {
    width: 100%;
    border-radius: 30px;
    height: 330px;
    object-fit: cover;
}

.case-topic-list div {
    background: rgba(167, 185, 255, 0.2);
    backdrop-filter: blur(21.95px);
    border-radius: 29.4559px;
    padding: 30px;
    width: calc(100% - 60px);
    margin: 0 auto;
    margin-top: -130px;
}

.case-topic-list h4 {
    font-weight: 500;
    font-size: 25px;
    color: #121212;
    margin-bottom: 20px;
}

.case-topic-list p {
    font-size: 14px;
    color: #141B31;
    margin-bottom: 30px;
}

.case-topic-list a {
    display: inline-block;
    font-size: 14px;
    color: #000000;
    padding: 18px 22px;
    background-color: #4AD7AA;
    border-radius: 70px;
    transition: 0.3s;
}

.case-topic-list a:hover {
    background-color: #1F2B5A;
    color: #FFFFFF;
}

@media (max-width: 767.98px) {
    .case-topic-list a {
        padding: 14px 22px;
    }
    .case-studies-banner-section h1 {
        font-size: 75px;
    }
    .case-s-b-row {
        margin-top: 0px;
        grid-gap: 15px;
    }
    .case-s-ban-col:nth-child(1),
    .case-s-ban-col:nth-child(3) {
        transform: rotate(0deg);
    }
    .case-s-ban-col {
        max-width: 220px;
        margin: 0 auto;
    }
    .case-s-ban-col img,
    .case-s-ban-col:nth-child(2) img {
        height: 250px;
    }
    .case-s-ban-col h3 {
        font-size: 16px;
    }
    .case-s-ban-col a {
        height: 38px;
        width: 38px;
        min-width: 38px;
    }
    .case-s-hilight-head {
        padding: 15px;
        border-radius: 20px;
    }
    .case-s-hilight-head .section-heading {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .inner-case-div {
        padding: 15px;
        border-radius: 15px;
    }
    .inner-case-div img {
        border-radius: 15px;
    }
    .inner-case-div h3 {
        font-size: 45px;
    }
    .inner-case-div h6 {
        margin-bottom: 20px;
    }
    .case-tab-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .case-tab-ul .nav-link {
        padding: 15px 25px;
        font-size: 14px;
    }
    .case-tab-ul {
        grid-gap: 7px;
        margin-bottom: 10px;
    }
    .case-tab-section .tab-content {
        width: 100%;
    }
    .case-topic-list div {
        padding: 25px;
        width: calc(100% - 30px);
    }
    .case-topic-list h4 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .case-topic-list p {
        margin-bottom: 15px;
    }
    .case-topic-list {
        margin-bottom: 30px;
    }
    .case-topic-list img {
        height: 280px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .case-studies-banner-section h1 {
        font-size: 150px;
    }
    .case-s-b-row {
        margin-top: 0px;
        grid-gap: 15px;
    }
    .case-s-ban-col {
        max-width: 220px;
        margin: 0 auto;
    }
    .case-s-ban-col:nth-child(1),
    .case-s-ban-col:nth-child(3) {
        transform: rotate(0deg);
    }
    .case-s-ban-col img,
    .case-s-ban-col:nth-child(2) img {
        height: 250px;
    }
    .case-s-ban-col a {
        height: 38px;
        width: 38px;
        min-width: 38px;
    }
    .case-s-hilight-head .section-heading {
        margin-top: 15px;
        margin-bottom: 25px;
    }
    .case-tab-ul {
        grid-gap: 10px;
    }
    .case-tab-ul .nav-link {
        padding: 18px 25px;
        font-size: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .case-s-ban-col {
        max-width: 220px;
    }
    .case-s-ban-col img {
        height: 280px;
    }
    .case-s-ban-col:nth-child(2) img {
        height: 380px;
    }
}


/*end case studies page css----------------------------------- */


/*commercial-support page css----------------------------------- */

.commr-banner-section .container {
    position: relative;
}

.support-banner-text {
    font-family: "Rubik", serif;
    font-style: normal;
    font-weight: 600;
    font-size: 52px;
    text-transform: uppercase;
    color: #121212;
    line-height: 65px;
    text-align: center;
    padding-bottom: 100px;
}


.support-banner-text div:nth-child(3) {
    margin-right: 100px;
}

.support-map-img img{ 
    width: 100%;
    margin-top: -275px;
    margin-bottom: -125px;
}
.support-banner-img-1 {
    position: absolute;
    top: 14%;
    left: 33%;
    width: 300px;
    height: 380px;
    object-fit: cover;
    border: 1px solid #FFFFFF;
    filter: drop-shadow(0px 138.768px 55.3554px rgba(0, 0, 0, 0.01)) drop-shadow(0px 78.1043px 47.0142px rgba(0, 0, 0, 0.05)) drop-shadow(0px 34.8815px 34.8815px rgba(0, 0, 0, 0.09)) drop-shadow(0px 8.34123px 18.9573px rgba(0, 0, 0, 0.1));
    border-radius: 24px;
    transform: rotate(-8deg);
    z-index: 1;
}

.support-banner-img-2 {
    position: absolute;
    top: 40%;
    left: 5%;
    width: 200px;
    height: 260px;
    object-fit: cover;
    border: 1px solid #FFFFFF;
    filter: drop-shadow(0px 138.768px 55.3554px rgba(0, 0, 0, 0.01)) drop-shadow(0px 78.1043px 47.0142px rgba(0, 0, 0, 0.05)) drop-shadow(0px 34.8815px 34.8815px rgba(0, 0, 0, 0.09)) drop-shadow(0px 8.34123px 18.9573px rgba(0, 0, 0, 0.1));
    border-radius: 24px;
    z-index: 1;
    transform: rotate(15deg);
}

.commes-p-text-div {
    margin-top: 150px;
}

.commes-p-text-div p {
    font-weight: 500;
    font-size: 20px;
    color: #677487;
}

.commes-p-text-div .cutome-btn {
    z-index: 5;
}

.support-form-section {
    padding-top: 100px;
    padding-bottom: 100px;
    background: linear-gradient(180deg, #FFFFFF 43.27%, #D0DAFF 92.58%), #FFFFFF;
}

.support-form-section .section-heading p {
    max-width: 635px;
    margin-top: 0px;
}

.support-form-section .contact-tab-body,
.sale-and-support-section .contact-tab-body {
    max-width: 935px;
    margin: 0 auto;
}

@media (max-width: 767.98px) {
    .commr-banner-section{
        padding-top: 100px;
    }
    .support-banner-text {
        font-size: 60px;
    }
    .support-banner-text div:nth-child(2),
    .support-banner-text div:nth-child(3) {
        text-align: right;
        margin-right: 50px;
    }
    .support-banner-text div:nth-child(3){
        margin-right: 20px;
    }
    .support-map-img img { 
        margin-top: -80px;
        margin-bottom: -100px;
    }
    .support-banner-img-1 {
        top: 3%;
        left: 65%;
        width: 100px;
        height: 130px;
        border-radius: 15px;
    }
    .support-banner-img-2 {
        top: 25%;
        left: 50%;
        width: 60px;
        height: 90px;
        border-radius: 10px;
    }
    .commes-p-text-div {
        margin-top: 50px;
    }
    .commes-p-text-div p {
        font-size: 16px;
    }
    .support-form-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .support-form-section .home-tab-main .nav-link {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .support-banner-text {
        font-size: 100px;
    }
    .support-banner-text div:nth-child(2),
    .support-banner-text div:nth-child(3) {
        text-align: right;
        margin-right: 100px;
    }
    .support-banner-text div:nth-child(3){
        margin-right: 50px;
    }
    .support-banner-img-1 {
        top: 12%;
        left: 60%;
        width: 220px;
        height: 280px;
        border-radius: 20px;
    }
    .support-banner-img-2 {
        top: 35%;
        left: 30%;
        width: 140px;
        height: 190px;
        border-radius: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .support-banner-text {
        font-size: 140px;
    }
    .support-banner-text div:nth-child(2),
    .support-banner-text div:nth-child(3) {
        text-align: right;
    }
    .support-banner-img-1 {
        top: 12%;
        left: 60%;
        width: 260px;
        height: 340px;
        border-radius: 25px;
    }
    .support-banner-img-2 {
        top: 37%;
        left: 30%;
        width: 200px;
        height: 260px;
        border-radius: 20px;
    }
}


/*end commercial-support page css----------------------------------- */


/*our-latest-projects page css----------------------------------- */

.latest-pro-banner-text {
    font-family: "Rubik", serif;
    font-style: normal;
    font-weight: 400;
    font-size: 220px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
}

.latest-pro-banner-text div:nth-child(2),
.latest-pro-banner-text div:nth-child(3) {
    z-index: 2;
    position: relative;
}

.latest-pro-banner-text div:nth-child(2) {
    margin-left: 8%;
}

.latest-pro-banner-text div:nth-child(3) {
    text-align: right;
}

.letest-banner-img-1 {
    width: 420px;
    height: 600px;
    object-fit: cover;
    border: 1px solid #FFFFFF;
    filter: drop-shadow(0px 138.768px 55.3554px rgba(0, 0, 0, 0.01)) drop-shadow(0px 78.1043px 47.0142px rgba(0, 0, 0, 0.05)) drop-shadow(0px 34.8815px 34.8815px rgba(0, 0, 0, 0.09)) drop-shadow(0px 8.34123px 18.9573px rgba(0, 0, 0, 0.1));
    border-radius: 24px;
    position: absolute;
    top: 2%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.latest-pro-banner .container {
    position: relative;
}

.letest-box-banner {
    background: linear-gradient(180deg, #FFFFFF 0%, #B2C1FE 100%);
    box-shadow: 17px 34px 23px rgba(0, 0, 0, 0.01), 8px 15px 17px rgba(0, 0, 0, 0.02), 2px 4px 9px rgba(0, 0, 0, 0.02);
    backdrop-filter: blur(38.5px);
    border-radius: 30.8px;
    text-align: center;
    width: auto;
    transform: rotate(-4deg);
    position: absolute;
    right: 0;
    top: 20%;
    padding: 32px;
    transition: 0.4s;
}

.letest-box-banner div {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 80px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #1F2B5A;
    line-height: 1;
}

.letest-box-banner p {
    font-weight: 500;
    font-size: 14px;
    color: #677487;
    margin-bottom: 5px;
}

@media (max-width: 767.98px) {
    .latest-pro-banner-text {
        font-size: 80px;
        z-index: 2;
        position: relative;
    }
    .letest-banner-img-1 {
        width: 220px;
        height: 350px;
    }
    .letest-box-banner {
        padding: 15px;
        border-radius: 15px;
        top: 5%;
    }
    .letest-box-banner div {
        font-size: 40px;
    }
    .letest-box-banner p {
        font-size: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .latest-pro-banner-text {
        z-index: 2;
        position: relative;
    }
}


/*end our-latest-projects page css----------------------------------- */


/*single-product page css----------------------------------- */

.single-main-banner {
    padding-bottom: 50px;
}

.single-img {
    width: 100%;
    background-color: rgba(126, 141, 201, 0.16);
    object-fit: contain;
    position: relative;
}
.single-img img {
    width: 100%;
    display: inline-block;
    height: auto;
}
.sing-btn-main {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 16px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.sing-btn-main a {
    width: 100%;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #1F2B5A;
    color: #1F2B5A;
    font-size: 14px;
    padding: 14px 5px;
    transition: 0.3s;
}

.sing-btn-main a.sing-btn-2:hover {
    background-color: #1F2B5A;
    color: #FFFFFF;
}

.sing-btn-main a.sing-btn-1 {
    background-color: #1F2B5A;
    color: #FFFFFF;
}

.sing-btn-main a.sing-btn-1:hover {
    background-color: #FFFFFF;
    color: #1F2B5A;
}

.sing-text-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 15px 40px;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.sing-text-icon a {
    font-weight: 500;
    font-size: 14px;
    text-decoration-line: underline;
    color: #101828;
}

.sing-text-icon a img {
    width: 24px;
    margin-right: 12px;
}

h1.single-main-heading {
    font-family: "Rubik", serif;
    font-weight: 600;
    font-size: 36px;
    text-transform: uppercase;
    color: #121212;
    padding-bottom: 20px;
}

.sing-tag-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 20px;
    flex-wrap: wrap;
}

.sing-tag-main h5 {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #00945E;
    padding: 8px 20px;
    border: 1px solid #00945E;
    border-radius: 24px;
    margin-bottom: 0px;
    display: none;
}
.sing-tag-main h5.active {
    display: block;
}
.sing-tag-main div {
    display: flex;
    align-items: center;
    grid-gap: 20px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #000000;
}

.sing-tag-main div .form-select {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #000000;
    outline: none;
    box-shadow: 0px 1px 1px rgb(20, 27, 49, 0.2);
    border: none;
    border-radius: 24px;
    background-color: #F0F4FD;
    padding: 8px 30px 8px 22px;
    width: 200px;
}
.sing-tag-main div .form-select.small {
    width: 100px;
}
.sing-tag-main div .form-select option {
    background-color: #1F2B5A;
    color: #FFFFFF;
}

div.sing-green-div {
    flex-wrap: wrap;
    grid-gap: 10px;
}
/*.scroll-sing-main::before {
    content: "";
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}*/

.sing-color-box {
    margin: 40px 0 80px 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    justify-items: center;
}
.singel-inner-h5 {
    font-size: 24px;
    text-align: center;
    font-family: "Rubik", serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #121212;
}
.singel-inner-h5.pb {
    padding-bottom: 50px;
}

.sing-icon-span {
    height: 50px;
    width: 50px;
    min-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00945E;
    border-radius: 50%;
    margin: 0 auto;
}

.sing-icon-span img {
    height: 80%;
    width: 80%;
    stroke: transparent;
    stroke-width: 0;
}

.list-sing-div {
    display: inline-block;
    text-align: center;
    background: rgba(177, 193, 255, 0.2);
    padding: 30px 20px;
}

.list-sing-div h6 {
    font-weight: 500;
    font-size: 16px;
    color: #121212;
    margin-top: 18px;
    margin-bottom: 20px;
}

.list-sing-div p {
    font-size: 15px;
    color: #677487;
}

.list-sing-div p b {
    font-weight: 500;
    color: #121212;
}

.charec-list-div {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    margin-top: 30px;
    grid-gap: 20px;
    justify-items: center;
    padding: 0 30px;
}
.charec-list-div div {
    width: 100%;
    padding: 22px 5px;
    text-align: center;
}

.charec-list-div div .sing-icon-span {
    margin: 0 auto;
    margin-bottom: 16px;
}

.charec-list-div div p {
    font-weight: 500;
    font-size: 16px;
    color: #121212;
    margin-bottom: 0px;
}

.sing-customer-section {
    background: linear-gradient(360deg, #FFFFFF 0%, #AFBFFF 49%, #FFFFFF 100%), #FFFFFF;
    padding-top: 60px;
    padding-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.sing-customer-section::before {
    content: "Galleries";
    position: absolute;
    bottom: -27%;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 527.797px;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: rgba(31, 43, 90, 0.2);
}

.sing-customer-section .container {
    position: relative;
}

.sing-cust-img-1 {
    position: absolute;
    top: 7%;
    left: 8%;
    width: 154px;
    box-shadow: 17px 34px 23px rgba(0, 0, 0, 0.01), 8px 15px 17px rgba(0, 0, 0, 0.02), 2px 4px 9px rgba(0, 0, 0, 0.02);
    border-radius: 30.8px;
    transform: rotate(-10deg);
    transition: 0.4s;
}

.sing-cust-img-2 {
    position: absolute;
    top: 7%;
    right: 8%;
    width: 154px;
    box-shadow: 17px 34px 23px rgba(0, 0, 0, 0.01), 8px 15px 17px rgba(0, 0, 0, 0.02), 2px 4px 9px rgba(0, 0, 0, 0.02);
    border-radius: 30.8px;
    transform: rotate(10deg);
    transition: 0.4s;
}

.sing-customer-section h3 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 160px;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
    margin-bottom: 50px;
}

.customer-sing-slider-div {
    margin: 0 auto;
}

.customer-sing-slider-div .owl-carousel .owl-stage-outer {
    padding-bottom: 280px;
    padding-top: 50px;
}

.customer-sing-slider-div img {
    height: 600px;
    border: 1px solid #FFFFFF;
    border-radius: 32px;
    transition: 0.4s;
    object-fit: cover;
}

.customer-sing-slider-div .active img {
    box-shadow: 0px 183px 73px rgba(0, 0, 0, 0.01), 0px 103px 62px rgba(0, 0, 0, 0.05), 0px 46px 46px rgba(0, 0, 0, 0.09), 0px 11px 25px rgba(0, 0, 0, 0.1);
}

.customer-sing-slider-div .owl-item.one img {
    transform: rotate(-4deg);
    margin-left: 100px;
}

.customer-sing-slider-div .owl-item.tree img {
    transform: rotate(4deg);
    margin-left: -100px;
}

.customer-sing-slider-div .owl-item {
    position: relative;
    z-index: 3;
}

.customer-sing-slider-div .owl-item.one {
    position: relative;
    z-index: 0;
}

.customer-sing-slider-div .owl-item.tree {
    position: relative;
    z-index: 0;
}

.sing-rec-pro-section {
    padding-top: 100px;
    padding-bottom: 100px;
}

.sing-recom-slider {
    margin-top: 50px;
}

.sing-recom-slider .owl-carousel .owl-nav {
    margin-top: 0px;
    order: 3;
    width: 11%;
}

.sing-recom-slider .owl-carousel .owl-nav button {
    height: 60px;
    width: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    border: 1px solid #4AD7AA;
    color: #4AD7AA;
    border-radius: 50%;
    font-size: 16px;
    margin: 0 8px;
    transition: 0.4s;
}

.sing-recom-slider .owl-carousel .owl-nav button:hover {
    background-color: #FFFFFF;
    color: #4AD7AA;
}

.sing-recom-slider .owl-carousel {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 30px;
}

.sing-recom-slider .owl-carousel .owl-stage-outer {
    width: 100%;
}

.sing-recom-slider .owl-theme .owl-dots {
    order: 2;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 86%;
}

.sing-recom-slider .owl-theme .owl-dots .owl-dot {
    width: 100%;
    background-color: #E3E9FF;
}

.sing-recom-slider .owl-theme .owl-dots .owl-dot span {
    width: 100%;
    display: block;
    height: 12px;
    border-radius: 0px;
    transition: 0.4s;
    background-color: #E3E9FF;
    margin: 0px;
}

.sing-recom-slider .owl-theme .owl-dots .owl-dot:first-child span,
.sing-recom-slider .owl-theme .owl-dots .owl-dot:first-child {
    border-radius: 12px 0px 0px 12px;
}

.sing-recom-slider .owl-theme .owl-dots .owl-dot:last-child span,
.sing-recom-slider .owl-theme .owl-dots .owl-dot:last-child {
    border-radius: 0px 12px 12px 0px;
}

.sing-recom-slider .owl-theme .owl-dots .owl-dot.active span {
    border-radius: 12px;
    background-color: #1F2B5A;
}

.light-box-air-box {
    align-items: end;
}

.light-box-air-box .nub-residiv {
    margin-bottom: 30px;
}

.pt-pb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.sing-contat-modal .modal-content {
        border-radius: 10px;
    background: #F0F4FD;
    padding: 30px;
}

.sing-contat-modal .btn-close {
    background: none;
    position: absolute;
    right: -10px;
    top: -20px;
    color: #000000;
    font-size: 20px;
    box-shadow: none;
    transition: 0.3s;
}

.sing-contat-modal h3 {
    font-family: "Rubik", serif;
    font-size: 24px;
    color: #121212;
    text-align: center;
    margin-bottom: 40px;
}

.sing-contat-modal .contact-input .form-control {
    padding: 14px 24px;
    font-size: 14px;
}

.sing-contat-modal .contact-input {
    margin-bottom: 20px;
}

.sing-contat-modal .contact-input label {
    margin-bottom: 5px;
    font-size: 14px;
}

.sing-contat-modal .contact-form-btn {
    padding: 15px 25px;
    font-size: 14px;
}

.pro-detail-slider .owl-carousel .owl-nav button{
    height: 50px;
    width: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #4AD7AA; 
    color: #ffffff;
    border-radius: 50%;
    z-index: 5;
    font-size: 16px; 
    transition: 0.4s;
    position: absolute;
    top: 45%;
    border: 1px solid #1F2B5A;
    animation: buttonarroanimation 2.1s infinite;
}
.pro-detail-slider .owl-carousel .owl-nav button:hover{
    background-color: #1F2B5A;
}
.pro-detail-slider .owl-carousel .owl-nav button.owl-prev{
    left: 0px;
}
.pro-detail-slider .owl-carousel .owl-nav button.owl-next{
    right: 0px;
}

.banner-3d spline-viewer{
    width: 100%;
    height: 850px;
    margin-top: -180px;
    margin-bottom: -100px;
}
.location-vide-modal .modal-content{
    background-color: #f7f7f7;
}
.location-vide-modal #asl-storelocator.asl-cont .asl-wrapper .Filter_section .search_filter .sl-search-group .asl-search-address,
.location-vide-modal #asl-storelocator.asl-cont .agile-modal .sl-form-group .form-control,
.location-vide-modal #asl-storelocator.asl-cont .asl-wrapper .asl-ddl-filters .asl-filter-cntrl .btn-group button.adropdown-toggle,
.location-vide-modal #asl-storelocator.asl-cont .sl-main-cont .btn.btn-asl,
.location-vide-modal #asl-storelocator.asl-cont .infoBox #style_0 .asl-buttons a{
    border-radius: 32px;
}
.location-vide-modal #asl-storelocator.asl-cont .agile-modal-content .btn.btn-default{
    border-radius: 32px !important;
}
.location-vide-modal #asl-storelocator.asl-cont .asl-wrapper .Filter_section .search_filter .sl-search-group .span-geo{
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
}
.location-vide-modal #asl-storelocator.asl-cont .asl-wrapper .Filter_section .asl-advance-filters .asl-filter-cntrl .asl-cntrl-lbl{
    line-height: 16px;
}
.location-vide-modal #asl-storelocator.asl-cont .agile-modal-content{
    border-radius: 20px;
}
.location-vide-modal #asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .asl-map .map-image .asl-map-canv .infoBox #style_0 h3{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    font-family: var(--paragraphs_font);
    letter-spacing: 0px;
}
.location-vide-modal #asl-storelocator.asl-cont .infoBox .infoWindow .infowindowContent{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
@media (max-width: 767.98px) {
    .sing-btn-main a {
        padding: 12px 0;
    }
    .pt-pb-100 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .single-main-img {
        height: 400px;
    }
    .sing-btn-main {
        margin-top: 30px;
        margin-bottom: 20px;
    }
    h1.single-main-heading {
        font-size: 45px;
        margin-top: 30px;
    }
    .sing-text-icon {
        margin-bottom: 20px;
    }
    .sing-tag-main {
        grid-gap: 10px;
    }
    .sing-tag-main h5 {
        font-size: 10px;
        padding: 5px 10px;
    }
    .sing-tag-main div {
        font-size: 12px;
        grid-gap: 5px;
    }
    .sing-tag-main div .form-select {
        font-size: 12px;
        padding: 6px 30px 6px 20px;
        width: 130px;
    }
    .sing-scroll-div {
        height: auto;
        padding-bottom: 10px;
    }
    .sing-color-box {
        margin-top: 15px;
        margin-bottom: 30px;
        padding: 20px;
        border-radius: 20px;
    }
    .singel-inner-h5 {
        font-size: 20px;
    }
    .list-sing-div {
        margin-top: 20px;
        grid-gap: 10px;
    }
    .sing-icon-span {
        height: 45px;
        width: 45px;
        min-width: 45px;
    }
    .sing-icon-span img {
        /* height: 25px;
        width: 25px; */
        height: 100%;
        width: 100%;
    }
    .list-sing-div h6 {
        font-size: 18px;
        margin-top: 12px;
        margin-bottom: 16px;
    }
    .list-sing-div p {
        font-size: 14px;
        margin-bottom: 0px;
    }
    .charec-list-div div p {
        font-size: 14px;
    }
    .charec-list-div div .sing-icon-span {
        margin-bottom: 5px;
    }
    .charec-list-div div {
        border-radius: 15px;
        padding: 14px 5px;
    }
    .charec-list-div {
        grid-gap: 10px;
        margin-top: 10px;
    }
    .scroll-sing-main::before {
        display: none;
    }
    .sing-customer-section {
        padding-top: 5px;
        padding-bottom: 0px;
    }
    .sing-customer-section h3 {
        font-size: 65px;
        margin-bottom: 20px;
        z-index: 1;
        position: relative;
    }
    .sing-cust-img-1,
    .sing-cust-img-2 {
        width: 55px;
        border-radius: 10px;
        top: 3%;
    }
    .customer-sing-slider-div .owl-carousel .owl-stage-outer {
        padding-top: 0px;
        padding-bottom: 150px;
    }
    .customer-sing-slider-div .owl-item.one img {
        transform: rotate(0deg);
        margin-left: 0px;
    }
    .customer-sing-slider-div img {
        height: 350px;
        border-radius: 20px;
    }
    .sing-customer-section::before {
        font-size: 260px;
    }
    .sing-rec-pro-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .sing-recom-slider {
        margin-top: 20px;
    }
    .sing-recom-slider .owl-carousel .owl-nav {
        width: 32%;
    }
    .sing-recom-slider .owl-carousel .owl-nav button {
        height: 40px;
        width: 40px;
        font-size: 12px;
        margin: 0 4px;
    }
    .sing-recom-slider .owl-theme .owl-dots {
        width: 61%;
        height: 40px;
    }
    .sing-recom-slider .owl-theme .owl-dots .owl-dot span {
        height: 8px;
    }
    .sing-recom-slider .owl-carousel {
        grid-gap: 20px;
    }
    .pro-detail-slider .owl-carousel .owl-nav button{
        height: 40px;
        width: 40px; 
        font-size: 14px;
    }
    .banner-3d spline-viewer{
        height: 350px;
        margin-top: 20px;
        margin-bottom: 0px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .sing-scroll-div {
        height: auto;
        padding-bottom: 5px;
    }
    .scroll-sing-main::before {
        display: none;
    }
    .customer-sing-slider-div .owl-item.one img {
        transform: rotate(0deg);
        margin-left: 0px;
    }
    .customer-sing-slider-div .owl-carousel .owl-stage-outer {
        padding-top: 0px;
        padding-bottom: 250px;
    }
    .sing-customer-section::before{
        font-size: 500px;
    }
    .sing-customer-section {
        padding-bottom: 0px;
    }
    .sing-recom-slider .owl-carousel .owl-nav {
        width: 21%;
    }
    .sing-recom-slider .owl-theme .owl-dots {
        width: 75%;
    }
    .banner-3d spline-viewer{
        height: 450px;
        margin-top: 20px;
        margin-bottom: 0px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .customer-sing-slider-div img {
        height: 450px;
    }
    .sing-recom-slider .owl-carousel .owl-nav {
        width: 16%;
    }
    .sing-recom-slider .owl-theme .owl-dots {
        width: 80%;
    }
}

@media (min-width: 1200px) and (max-width: 1405.98px) {
    .sing-recom-slider .owl-carousel .owl-nav {
        width: 14%;
    }
    .sing-recom-slider .owl-theme .owl-dots {
        width: 83%;
    }
}


/*end single-product page css----------------------------------- */


/*appliances-main page css----------------------------------- */

.appliances-banner {
    text-align: center;
}

.appliances-banner::after {
    display: none;
}

.appliances-banner::before {
    width: 795px;
    height: 795px;
    background: #8DA4FE;
    filter: blur(325.185px);
    left: 76%;
    top: -50%;
}

.appliances-banner h1,
.appliances-banner h2 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 120px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
    line-height: 1;
    margin-bottom: 0px;
}

.appliances-banner h5 {
    font-weight: 500;
    font-size: 36px;
    color: #121212;
}

.appliances-banner img {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 70px;
}

.appi-list-grid {
    display: grid;
    grid-gap: 20px;
    height: 100%;
    align-content: space-between;
    /* align-content: start; */
    padding-bottom: 30px;
    position: sticky;
    top: 100px;
}

@media (max-width: 767.98px) {
    .appliances-banner h1,
    .appliances-banner h2 {
        font-size: 60px;
    }
    .appliances-banner img {
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .appliances-banner h5 {
        font-size: 20px;
    }
}


/*end appliances-main page css----------------------------------- */


/*all-products page css----------------------------------- */

.all-product-banner {
    overflow: hidden;
}

.all-product-banner.appliances-banner img {
    max-width: 940px;
    margin-top: 10px;
    margin-bottom: 40px;
    position: relative;
    z-index: 2;
}

.all-product-banner .cutome-btn {
    margin-top: 100px;
    position: relative;
    z-index: 4;
}

.all-pro-banner-div {
    position: relative;
}

.all-product-banner.appliances-banner img.all-pro-av-bg-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    max-width: 1400px;
    margin-top: -92px;
    margin-bottom: 0px;
    z-index: 3;
}

.all-product-list .home-tab-main {
    max-width: 100%;
}

.all-product-list .inner-tab-pill {
    flex-wrap: nowrap;
}

.all-product-list .inner-tab-pill .nav-link {
    width: 100%;
}

@media (max-width: 767.98px) {
    .all-product-banner.appliances-banner img.all-pro-av-bg-img {
        margin-top: -68px;
        z-index: 1;
    }
    .all-product-banner .cutome-btn {
        margin-top: 40px;
    }
    .all-product-list .inner-tab-pill {
        flex-wrap: wrap;
    }
    .all-product-list .inner-tab-pill .nav-link {
        width: auto;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .all-product-list .inner-tab-pill {
        flex-wrap: wrap;
    }
    .all-product-list .home-tab-main .nav-link {
        font-size: 14px;
        padding: 21px 10px;
    }
    .all-product-list .inner-tab-pill .nav-link {
        width: auto;
        padding: 16px 16px;
        font-size: 14px;
    }
}

@media (min-width: 992px) and (max-width: 1399.98px) {
    .all-product-list .inner-tab-pill .nav-link {
        padding: 16px 22px;
        font-size: 14px;
    }
}


/*end all-products page css----------------------------------- */


/*discover-and-learn page css----------------------------------- */

.discover-banner-section {
    overflow-y: unset;
    overflow-x: clip;
}

.discover-banner-section .container {
    position: relative;
}

.discover-banner-text div {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 160px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
    position: relative;
    z-index: 3;
}

.discover-banner-text div:nth-child(2) {
    padding-left: 20%;
}

.discover-banner-text div:nth-child(3) {
    padding-left: 40%;
    z-index: 0;
}

.discover-banner-img {
    object-fit: cover;
    position: absolute;
    top: -8%;
    left: 63%;
    width: 417px;
    height: 560px;
    border: 1px solid #FFFFFF;
    filter: drop-shadow(0px 138.768px 55.3554px rgba(0, 0, 0, 0.01)) drop-shadow(0px 78.1043px 47.0142px rgba(0, 0, 0, 0.05)) drop-shadow(0px 34.8815px 34.8815px rgba(0, 0, 0, 0.09)) drop-shadow(0px 8.34123px 18.9573px rgba(0, 0, 0, 0.1));
    border-radius: 24px;
    transform: rotate(-4.74deg);
    z-index: 1;
    transition: 0.4s;
}

.discover-banner-bottom-text {
    max-width: 354px;
    position: absolute;
    bottom: 40px;
}

.discover-banner-bottom-text h3 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 80px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #1F2B5A;
}

.discover-banner-bottom-text p {
    font-weight: 400;
    font-size: 16px;
    color: #677487;
}

.disc-mainte-section {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    overflow: hidden;
}

.disc-mainte-section::before {
    content: "";
    position: absolute;
    width: 439px;
    height: 439px;
    left: -8%;
    top: 27%;
    background: #8DA4FE;
    border-radius: 50%;
    z-index: -2;
    filter: blur(325.185px);
}

.disc-mainte-section::after {
    content: "";
    position: absolute;
    width: 310px;
    height: 310px;
    right: -6%;
    top: 50%;
    background: #8DA4FE;
    border-radius: 50%;
    z-index: -2;
    filter: blur(229.63px);
}

.maint-h-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-gap: 20px;
    align-items: end;
    margin-bottom: 60px;
}

.disc-mainte-section h2,
.disco-look-section h2 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 120px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
    line-height: 1;
    margin-bottom: 0px;
}

.mainte-head-a {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 40px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #4AD7AA;
    display: block;
}

.maint-list-div .row {
    margin-bottom: 50px;
}

.maint-list-div h3 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 40px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
}

.maint-list-div img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border: 1px solid #FFFFFF;
    border-radius: 24px;
}

.maint-list-div h4 {
    font-weight: 500;
    font-size: 28px;
    color: #121212;
}

.maint-list-div p {
    font-weight: 400;
    font-size: 16px;
    color: #677487;
}

.maint-list-div a {
    font-size: 16px;
    color: #000000;
    padding: 21px 24px;
    background: #4AD7AA;
    border-radius: 80px;
    display: inline-block;
    margin-top: 30px;
    transition: 0.3s;
}

.maint-list-div a:hover {
    color: #FFFFFF;
    background-color: #1F2B5A;
}

.disco-look-section {
    padding-top: 70px;
    padding-bottom: 150px;
}

.disco-look-sldier {
    margin-top: 50px;
}

.disco-look-sldier img {
    height: 416px;
    border: 1px solid #FFFFFF;
    border-radius: 24px;
    object-fit: cover;
    margin-bottom: 20px;
}

.disco-look-sldier h3 {
    font-weight: 500;
    font-size: 28px;
    color: #121212;
}

.disco-look-sldier p {
    font-weight: 400;
    font-size: 16px;
    color: #677487;
}

.disco-look-sldier .owl-item:nth-of-type(even) .item {
    margin-top: 150px;
}

@media (max-width: 767.98px) {
    .discover-banner-text div {
        font-size: 60px;
    }
    .discover-banner-text div:nth-child(2) {
        padding-left: 5%;
    }
    .discover-banner-text div:nth-child(3) {
        padding-left: 10%;
        z-index: 2;
    }
    .discover-banner-img {
        width: 170px;
        height: 230px;
        border-radius: 15px;
        left: 44%;
    }
    .discover-banner-bottom-text {
        position: unset;
        margin-top: 30px;
    }
    .discover-banner-bottom-text h3 {
        font-size: 55px;
    }
    .discover-banner-bottom-text p {
        font-size: 14px;
    }
    .disc-mainte-section {
        padding-top: 20px;
        padding-bottom: 40px;
    }
    .disc-mainte-section h2,
    .disco-look-section h2 {
        font-size: 60px;
    }
    .mainte-head-a {
        font-size: 25px;
    }
    .maint-list-div h3 {
        font-size: 30px;
    }
    .maint-list-div h4 {
        font-size: 22px;
    }
    .maint-list-div p {
        font-size: 14px;
    }
    .maint-list-div a {
        padding: 15px 22px;
        font-size: 15px;
        margin-top: 5px;
    }
    .maint-list-div .row {
        margin-bottom: 40px;
    }
    .maint-h-row {
        margin-bottom: 40px;
    }
    .disco-look-sldier img {
        height: 330px;
        border-radius: 20px;
        margin-bottom: 10px;
    }
    .disco-look-sldier h3 {
        font-size: 22px;
    }
    .disco-look-sldier p {
        font-size: 14px;
    }
    .disco-look-sldier .owl-item:nth-of-type(even) .item {
        margin-top: 30px;
    }
    .disco-look-sldier {
        margin-top: 30px;
    }
    .disco-look-section {
        padding-top: 20px;
        padding-bottom: 50px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .discover-banner-text div {
        font-size: 130px;
    }
    .discover-banner-text div:nth-child(2) {
        padding-left: 10%;
    }
    .discover-banner-text div:nth-child(3) {
        padding-left: 25%;
    }
    .discover-banner-img {
        width: 300px;
        height: 400px;
        left: 60%;
        top: 0%;
    }
    .discover-banner-bottom-text {
        position: unset;
        margin-top: 0px;
    }
    .disc-mainte-section h2,
    .disco-look-section h2 {
        font-size: 100px;
    }
    .mainte-head-a {
        font-size: 30px;
    }
    .maint-list-div a {
        margin-top: 10px;
    }
    .disco-look-sldier img {
        height: 350px;
    }
    .disco-look-sldier .owl-item:nth-of-type(even) .item {
        margin-top: 70px;
    }
    .disco-look-section {
        padding-top: 50px;
        padding-bottom: 150px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .discover-banner-img {
        width: 300px;
        height: 450px;
        left: 70%;
        top: 0%;
    }
    .maint-list-div a {
        margin-top: 5px;
    }
    .disco-look-sldier .owl-item:nth-of-type(even) .item {
        margin-top: 100px;
    }
}


/*end discover-and-learn page css----------------------------------- */


/*discover-view-all page css----------------------------------- */

.discover-view-all-banner {
    padding-bottom: 50px;
}

.discover-view-all-banner .cross-image-slider .owl-carousel {
    padding-bottom: 0px;
}

.discover-view-all-banner::before,
.discover-view-all-banner::after {
    display: none;
}

.discover-view-all-banner .inner-tab-pill {
    flex-wrap: nowrap;
}

.discover-view-all-banner .inner-tab-pill .nav-link {
    width: 100%;
    padding: 20px 30px;
}

.discover-view-all-banner .list-serach-div {
    width: 100%;
    grid-gap: 0px;
}

.discover-view-all-banner .serach-icon-div .form-control {
    width: 421px;
}

.view-all-list {
    margin-bottom: 25px;
}

.view-all-list img {
    height: 416px;
    object-fit: cover;
    border: 1px solid #FFFFFF;
    border-radius: 24px;
    margin-bottom: 25px;
}

.view-all-list h3 {
    font-weight: 500;
    font-size: 28px;
    color: #121212;
    margin-bottom: 10px;
}

.view-all-list p {
    font-weight: 400;
    font-size: 16px;
    color: #677487;
    margin-bottom: 30px;
}

.view-all-list a {
    font-size: 16px;
    color: #000000;
    padding: 21px 24px;
    background: #4AD7AA;
    border-radius: 80px;
    display: inline-block;
    transition: 0.3s;
}

.view-all-list a:hover {
    color: #FFFFFF;
    background-color: #1F2B5A;
}

.discover-view-all-slider .owl-carousel .owl-nav {
    margin-top: 60px;
}

.discover-view-all-slider .owl-carousel .owl-nav button {
    height: 60px;
    width: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    border: 1px solid #4AD7AA;
    color: #4AD7AA;
    border-radius: 50%;
    font-size: 16px;
    margin: 0 8px;
    transition: 0.4s;
}

.discover-view-all-slider .owl-carousel .owl-nav button:hover {
    background-color: #FFFFFF;
    border: 1px solid #4AD7AA;
    color: #4AD7AA;
}

.view-all-form-section {
    padding-top: 80px;
    padding-bottom: 120px;
    background-color: #F0F4FD;
}

.view-all-sub-form {
    display: flex;
    grid-gap: 24px;
    align-items: flex-end;
    margin-top: 50px;
}

.view-all-sub-form .contact-input {
    margin-bottom: 0px;
    width: 100%;
}

.view-all-sub-form .contact-form-btn {
    height: fit-content;
    min-width: 173px;
}

@media (max-width: 767.98px) {
    .discover-view-all-banner .inner-tab-pill {
        flex-wrap: wrap;
    }
    .discover-view-all-banner .inner-tab-pill .nav-link {
        width: auto;
        padding: 14px 20px;
    }
    .discover-view-all-banner .serach-icon-div .form-control {
        width: 100%;
    }
    .discover-view-all-banner .list-serach-div {
        max-width: 460px;
        margin-top: 10px;
    }
    .view-all-list img {
        height: 350px;
        border-radius: 20px;
        margin-bottom: 15px;
    }
    .view-all-list h3 {
        font-size: 22px;
    }
    .view-all-list p {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .view-all-list a {
        font-size: 14px;
        padding: 14px 20px;
    }
    .discover-view-all-slider .owl-carousel .owl-nav {
        margin-top: 10px;
    }
    .discover-view-all-slider .owl-carousel .owl-nav button {
        height: 40px;
        width: 40px;
        font-size: 12px;
        margin: 0 5px;
    }
    .view-all-form-section {
        padding-top: 60px;
        padding-bottom: 80px;
    }
    .view-all-sub-form {
        flex-wrap: wrap;
        margin-top: 30px;
    }
    .view-all-sub-form .contact-form-btn {
        margin-top: 10px;
        min-width: auto;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .discover-view-all-banner .inner-tab-pill {
        flex-wrap: wrap;
    }
    .discover-view-all-banner .inner-tab-pill .nav-link {
        width: auto;
        padding: 18px 40px;
    }
    .discover-view-all-banner .serach-icon-div .form-control {
        width: 100%;
    }
    .discover-view-all-banner .list-serach-div {
        margin-top: 10px;
        width: 100%;
    }
    .discover-view-all-banner .serach-icon-div {
        width: 100%;
    }
    .view-all-sub-form {
        grid-gap: 15px;
    }
    .view-all-sub-form .contact-form-btn {
        min-width: auto;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .discover-view-all-banner .serach-icon-div .form-control {
        width: 300px;
    }
    .discover-view-all-banner .inner-tab-pill .nav-link {
        font-size: 15px;
    }
}


/*end discover-view-all page css----------------------------------- */


/*discover-and-learn-single page css----------------------------------- */

.sing-disc-banner-section::before,
.sing-disc-banner-section::after {
    display: none;
}

.disciver-sing-banner img {
    width: 100%;
    object-fit: cover;
    height: 550px;
    border-radius: 32px;
    box-shadow: 0px 1px 1px rgb(20, 27, 49, 0.2);
}

.disc-sing-h1-heading {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 80px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
    margin-top: 50px;
    margin-bottom: 30px;
}

.disc-sing-p-div p {
    font-weight: 500;
    font-size: 20px;
    color: #677487;
    margin-bottom: 30px;
}

.disc-sing-serach .serach-icon-div .form-control {
    width: 100%;
}

.sing-tag-div {
    padding: 31px;
    background: #F0F4FD;
    border-radius: 26px;
    margin-top: 25px;
}

.sing-tag-div h3 {
    font-family: "Rubik", serif;
    font-weight: 400;
    font-size: 60px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #121212;
}

.sing-tag-list {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 15px;
    margin-top: 20px;
}

.sing-tag-list a {
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    color: #000000;
    padding: 18px 29px;
    background: #FFFFFF;
    border-radius: 33px;
    transition: 0.4s;
}

.sing-tag-list a:hover {
    background-color: #1F2B5A;
    color: #FFFFFF;
}

.sing-tag-div p {
    font-weight: 400;
    font-size: 16px;
    color: #677487;
    margin-top: 50px;
    margin-bottom: 20px;
}
#bottom-to-top-button {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1F2B5A;
    color: #ffffff;
    font-size: 20px;
    width: 50px;
    height: 50px; 
    border-radius: 50%;
    position: fixed;
    bottom: 25px;
    right: 25px;
    transition: background-color .3s, 
    opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    cursor: pointer;
    border: 1px solid #ffffff;
}
#bottom-to-top-button.show {
    opacity: 1;
    visibility: visible;
  }

@media (max-width: 767.98px) {
    .disciver-sing-banner img {
        height: 350px;
        border-radius: 20px;
    }
    .disc-sing-h1-heading {
        font-size: 60px;
        margin-top: 45px;
        margin-bottom: 10px;
    }
    .disc-sing-p-div p {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .disc-sing-p-div {
        margin-bottom: 40px;
    }
    .sing-tag-div {
        padding: 20px;
    }
    .sing-tag-div h3 {
        font-size: 35px;
    }
    .sing-tag-list {
        grid-gap: 10px;
        margin-top: 10px;
    }
    .sing-tag-list a {
        padding: 14px 20px;
        font-size: 14px;
    }
    .sing-tag-div p {
        margin-top: 20px;
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .disciver-sing-banner img {
        height: 450px;
    }
}


/*end discover-and-learn-single page css----------------------------------- */


/*dark-mode css----------------------------------- */

.dark-mode {
    background-color: #141B31;
}

.dark-mode .home-banner-bg::before {
    background-image: radial-gradient(circle, #141B3100, #141B31 75%);
}

.dark-mode .home-banner-bg::after, .dark-mode .banner-home-slider::before{
    background-image: linear-gradient(to right, #141B31, #141B3100);
}
.dark-mode .banner-home-slider::after{
    background-image: linear-gradient(to left, #141B31 , #141B3100);
}

.dark-mode .home-banner h1,
.dark-mode .home-banner h6,
.dark-mode .ani-nub-banner,
.dark-mode .p-nub-banner,
.dark-mode .section-heading h2,
.dark-mode .p-grey-color,
.dark-mode .testim-h-p,
.dark-mode .home-tab-main .nav-link,
.dark-mode .product-body h3,
.dark-mode .product-body p,
.dark-mode .home-slider-item h4,
.dark-mode .comn-slider-list h4,
.dark-mode .comn-slider-list p,
.dark-mode .home-testi-list .test-testi-h,
.dark-mode .testi-box h4,
.dark-mode .testi-box p,
.dark-mode .testi-box div,
.dark-mode .testi-box::after {
    color: #ffffff;
}

.dark-mode .cutome-btn,
.dark-mode .product-body a,
.dark-mode .home-slider-item a,
.dark-mode .comn-slider-list a {
    background-color: #FFFFFF;
    color: #1F2B5A;
}

.dark-mode .banner-box-col {
    background: #7E8DC929;
    box-shadow: 0px -1px #FFFFFF50;
}

.dark-mode .banner-box-col::before{
    background-color: #7E8DC929;
}
.dark-mode .home-banner::after{
    background-image: linear-gradient(to top, #141b31, #141b3100);
}
.dark-mode .home-banner::before {
    display: block;
    background: #1746FF;
    z-index: 1;
}

.dark-mode .section-heading h5 {
    color: #66F9CA;
    border: 1px solid #66F9CA;
}

.dark-mode .home-logo-list span::after {
    background-color: #7E8DC929;
}

.dark-mode .home-logo-list span {
    background: #7E8DC929;
    box-shadow: 0px -1px #FFFFFF50;
}

.dark-mode .home-logo-list img {
    filter: grayscale(0) contrast(0) brightness(100);
}

.dark-mode .home-tab-main,
.dark-mode .product-body {
    background-color: #1F2B5A;
}

.dark-mode .home-tab-main .nav-link.active {
    background-color: #FFFFFF;
    color: #000000;
}

.dark-mode .homeslider-img {
    background: linear-gradient(180deg, #141B31 0%, #1a2858 100%);
}

.dark-mode .home-slider-item,
.dark-mode .comn-slider-list {
    background: #1F2B5A;
    border: 1px solid #ffffff50;
}

.dark-mode .testi-box,
.dark-mode .product-body {
    border: 1px solid #ffffff50;
}

.dark-mode .home-testi-list::before {
    background: #1746FF;
}
.dark-mode .banner-play-icon{
    filter: drop-shadow(0px 0px 0px #fff);
}

/*end dark-mode css----------------------------------- */


/*arabic language css----------------------------------- */

.ar-lang .dark-ligh-btn {
    margin: 0px 0px 0px 12px;
}

.ar-lang .flag-dropdown {
    margin-left: 12px;
}

.ar-lang .flag-dropdown .dropdown-menu {
    text-align: right;
    padding: 0px 8px 3px 0px;
}

.ar-lang .drop-innter-div,
.ar-lang .home-banner h1 {
    text-align: right;
}

.ar-lang .dark-ligh-btn::before {
    left: 26px;
}

.ar-lang .dark-active.dark-ligh-btn::before {
    left: 2px;
}

.ar-lang .home-banner-bg {
    left: 0px;
    right: auto;
}

.ar-lang .v-bb-btn-div {
    text-align: left;
}

.ar-lang .commercial-list-home.class2 .two,
.ar-lang .commercial-list-home.class3 .two,
.ar-lang .commercial-list-home.class4 .two,
.ar-lang .commercial-list-home.class3 .tree,
.ar-lang .commercial-list-home.class4 .tree,
.ar-lang .commercial-list-home.class4 .four {
    margin-right: -520px;
    margin-left: 0px;
}

.ar-lang .footer-box a {
    position: relative;
    padding-right: 30px;
}

.ar-lang .footer-box a::before {
    padding-right: 0;
    position: absolute;
    right: 0;
    transform: rotate(180deg);
}

.ar-lang .cutome-btn::after {
    right: auto;
    left: -45px;
    transform: translateX(20px) rotate(180deg);
}

.ar-lang .cutome-btn:hover::after {
    transform: translateX(0px) rotate(180deg);
}

.ar-lang .big-icon-tag {
    padding: 12px 12px 12px 40px;
}

.ar-lang .testi-box::after {
    left: 30px;
    right: auto;
}

.ar-lang .discover-banner-img {
    right: 63%;
    left: auto;
}

.ar-lang .customer-sing-slider-div .owl-item.tree img {
    transform: rotate(-4deg);
    margin-left: 100px;
}

.ar-lang .customer-sing-slider-div .owl-item.one img {
    transform: rotate(4deg);
    margin-left: -100px;
}

.ar-lang .sing-recom-slider .owl-carousel .owl-nav {
    display: inline-flex;
    flex-direction: row-reverse;
}

.ar-lang .navbar-toggler {
    margin-right: 0px;
    margin-left: 15px;
}
.ar-lang .home-slider-item span{
    left: 5px;
    right: auto;
}

.ar-lang .home-banner-bg::after, .ar-lang .banner-home-slider::before{
    right: 0px;
    left: auto;
    background-image: linear-gradient(to right, #FFFFFF00, #FFFFFF);
}
.ar-lang.dark-mode .home-banner-bg::after, .ar-lang.dark-mode .banner-home-slider::before{
    background-image: linear-gradient(to right, #141B3100, #141B31);
}
.ar-lang .banner-home-slider::after{
    right: auto;
    left: 0px;
    background-image: linear-gradient(to left, #FFFFFF00, #FFFFFF);
}
.ar-lang.dark-mode .banner-home-slider::after{
    background-image: linear-gradient(to left, #141B3100, #141B31);
}
.ar-lang .h-button-list .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle{
    padding: 6px 14px 6px 4px;
}
.ar-lang .intl-tel-input.allow-dropdown .flag-container{
    right: 0;
    left: auto;
}
.ar-lang .intl-tel-input.allow-dropdown input, 
.ar-lang .intl-tel-input.allow-dropdown input[type=tel]{
    padding-right: 52px;
    padding-left: 6px;
}
.ar-lang .intl-tel-input .selected-flag{
    padding: 0 8px 0 0;
}
.ar-lang .intl-tel-input .selected-flag .iti-arrow{
    left: 6px;
    right: auto;
}
.intl-tel-input .selected-flag{
    border-radius: 32px 0px 0px 32px;
}
.ar-lang .intl-tel-input .selected-flag{
    border-radius: 0px 32px 32px 0px;
}
.ar-lang .intl-tel-input .country-list{
    text-align: right;
}
.ar-lang .icon-banner::before{
    right: 0;
    left: auto;
}

.ar-lang .banner-play-icon { 
    left: 8%;
    right: auto;
}

.ar-lang .ani-nub-banner{
    font-size: 40px; 
}
.ar-lang .section-heading h2{
    font-size: 60px;
}
.ar-lang .about-nub-div .ani-nub-banner{
    font-size: 60px;
}

.ar-lang .gall-text-section h3{
    font-size: 170px;
}
.ar-lang .nub-residiv h4{
    font-size: 60px; 
}
.ar-lang .nub-residiv h4 .ani-nub-small{
    font-size: 30px; 
}
.ar-lang .tags-text-section h2{ 
    font-family: "Rubik", serif;
}

.ar-lang .hpp-cust-div img:nth-child(2) {
    margin-left: 0px; 
    margin-right: -25px; 
}
.ar-lang .hpp-cust-div img:nth-child(3) {
    margin-left: 0px; 
    margin-right: -25px; 
}
.ar-lang .home-testi-list .test-testi-h{
    font-size: 55px;
}
.ar-lang .indu-topic-list div h3{
    font-size: 40px; 
}
.ar-lang .discover-banner-text div{
    font-size: 110px;
}
.ar-lang .discover-banner-bottom-text{
    position: unset;
    margin-top: 20px;
}
.ar-lang .disc-mainte-section h2,
.ar-lang .disco-look-section h2{
    font-size: 80px;
}
.ar-lang .news-banner-text h1{
    font-size: 200px;
}
.ar-lang .contact-form-section h2{
    font-size: 90px;
}
.ar-lang .contact-banner h1{
    margin-bottom: 20px;
}
.ar-lang .indu-hbanenr-text-div-1{
    left: auto;
    right: 0px;
}
.ar-lang .indu-hbanenr-text-div-2{
    right: auto;
    left: 0px;
}
.ar-lang .support-banner-text{
    font-size: 110px;
}
.ar-lang .com-vrf-ban-section h1{
    font-size: 67px;
}
.ar-lang .hovered .vfr-banner-icon .span-text{
    margin-left: 20px;
    margin-right: 0px;
}
@media (max-width: 767.98px) {
    .ar-lang .com-vrf-ban-section h1{
        font-size: 45px;
    }
    .ar-lang .hovered .vfr-banner-icon .span-text{
        margin-left: 10px; 
    }
    .ar-lang .discover-banner-img {
        right: 44%;
    }
    .dark-mode .home-banner-bg::after{
        background-image: linear-gradient(to bottom, #141B31, #141B3100);
    }
    .dark-mode .home-banner-bg::before {
        background-image: radial-gradient(circle, #141B3100, #141B31 99%);
    }
    .dark-mode .home-banner::before{
        opacity: 0.3;
    }
    .ar-lang.dark-mode .home-banner-bg::after{
        background-image: linear-gradient(to top, #141B3100, #141B31);
    }
    .ar-lang .home-banner-bg::after{
        background-image: linear-gradient(to top, #FFFFFF00, #FFFFFF);
    }
    .ar-lang .ani-nub-banner{
        font-size: 28px; 
    }
    .ar-lang .about-nub-div .ani-nub-banner{
        font-size: 30px;
    }
    .ar-lang .section-heading h2{
        font-size: 35px;
    }
    .ar-lang .nub-residiv h4{
        font-size: 40px; 
    }
    .ar-lang .nub-residiv h4 .ani-nub-small{
        font-size: 20px; 
    }
    .ar-lang .big-icon-tag {
        padding: 4px 4px 4px 10px;
    }
    .ar-lang .support-banner-text{
        font-size: 45px;
    }
    .ar-lang .support-banner-text div:nth-child(2),
    .ar-lang .support-banner-text div:nth-child(3){
        text-align: right;
    } 
    .ar-lang .home-testi-list .test-testi-h{
        font-size: 35px;
    }
    .ar-lang .indu-topic-list div h3{
        font-size: 30px; 
    }
    .ar-lang .discover-banner-text div{
        font-size: 50px;
    }
    .ar-lang .disc-mainte-section h2,
    .ar-lang .disco-look-section h2 {
        font-size: 50px;
    }
    .ar-lang .news-banner-text h1{
        font-size: 100px;
    }
    .ar-lang .contact-form-section h2{
        font-size: 60px;
    }
    .ar-lang .indu-ban-nub h3{
        font-size: 60px;
    }
}

@media (min-width: 992px) {
    .ar-lang .text-lg-end {
        text-align: left !important;
    }
}


@media (min-width: 576px) and (max-width: 991.98px) {
    .ar-lang .home-product-slider .one {
        transform: rotate(8.12deg);
    }
    .ar-lang .home-product-slider .tree {
        transform: rotate(-8.12deg);
    }
}

@media (min-width: 768px) and (max-width: 991.98px) { 
    .ar-lang .com-vrf-ban-section h1{
        font-size: 55px;
    }
    .ar-lang .hovered .vfr-banner-icon .span-text{
        margin-left: 10px; 
    }
 }

@media (min-width: 992px) {
    .ar-lang .home-product-slider .one {
        transform: rotate(11.12deg);
    }
    .ar-lang .home-product-slider .two {
        transform: rotate(5.4deg);
    }
    .ar-lang .home-product-slider .four {
        transform: rotate(-5.4deg);
    }
    .ar-lang .home-product-slider .five {
        transform: rotate(-11.12deg);
    }
}



/*end arabic language css----------------------------------- */
.megamenu-body .col-xl-7 .no-line.row::before{
    display: none;
}



/***** Arif Code ***/
.responsive-header {
    display: none;
    padding: 20px;
    box-shadow: 0px 0px 10px 5px rgb(203 203 203 / 40%);
    align-items: center;
    justify-content: space-between;
}
.responsive-header.sticky {
    position: fixed;
    z-index: 9999999;
    background: #fff;
    top: 0;
    box-shadow: 0px 0px 10px 5px rgb(203 203 203 / 40%);
}
.responsive-logo {
    width: 40%;
}
.responsive-logo img {
    width: 100%;
}
.responsive-menu {
    display: inline-block;
    text-align: right;
    width: 60%;
}
#menu-btn img {
    width: 10%;
}
.offcanvas-toggle {
    position: fixed;
    left: -100%;
    top: 0;
    z-index: 9999;
    background: #fff;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
    height: 100%;
    width: 250px;
    padding: 30px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in;
}
.offcanvas-toggle.active {
    opacity: 1;
    visibility: visible;
    left: 0;
}
.offcanvas-toggle > a {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 40px;
    overflow: hidden;
}
.offcanvas-toggle ul li img {
    width: 70%;
}
.offcanvas-toggle ul li a {
    font-size: 14px;
    color: #222;
    display: inline-block;
    width: 100%;
    margin-left: 0;
    transition: all 0.3s ease-in;
}
.offcanvas-toggle ul li a:hover {
    color: #0084ff;
    margin-left: 5px;
}
.lang-anchor {
    padding-bottom: 10px;
    padding-top: 10px;
}
.lang-anchor a {
    font-size: 14px;
    color: #222;
}
.align-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.gap {
    padding: 80px 0; 
}
.remove-bottom {
    padding-bottom: 0;
}
.remove-top {
    padding-top: 0;
}
.flipbox {
    background: #1F2B5A;
    padding: 20px 25px;
    border-radius: 5px;
    text-align: center;
    height: 280px;
    transition: all 0.3s ease-in;
}
.flipbox:hover {
    background: rgb(177, 193, 255, 0.2);
}
.flipbox:hover h5 {
    color: #222;
}
.flipbox:hover p {
    color: #1F2B5A;
}
.flipbox h5 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
}
.flipbox p {
    font-size: 15px;
    color: #cacaca;
}
.our-brands {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    padding-top: 50px;
}
.our-brands li {
    list-style: none;
}
.who-area {
    display: inline-flex;
    align-items: center;
    flex-direction: column;
}
.fancy-who,
.fancy-who img {
    display: inline-block;
    width: 100%;
}
.fancy-who h2 {
    color: #141E42;
    font-family: "Rubik", serif;
    font-weight: 600;
    font-size: 32px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
}
.fancy-who p {
    padding: 30px 0;
    color: #141E42;
    font-size: 16px;
    line-height: 34px;
}
.media-and-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 70px;
}
.media-and-btn img {
    width: 20%;
}
.media-and-btn a {
    display: inline-block;
    border: 2px solid #141E42;
    padding: 10px 25px;
    border-radius: 10px;
    font-size: 15px;
    color: #141E42;
    transition: all 0.3s ease-in;
}
.media-and-btn a:hover {
    background: #141E42;
    color: #fff;
}
.history-bar {
    width: 100%;
    position: relative;
}
.history-bar:before {
    content: '';
    left: 10px;
    top: 0;
    position: absolute;
    background: #141E42;
    height: 100%;
    width: 5px;
}
.history-box {
    padding-left: 40px;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
    position: relative;
}
.history-box:before {
    content:'';
    left:0;
    top:10px;
    position: absolute;
    width: 25px;
    height: 25px;
    background: #66B4BB;
    border-radius: 100%;
    transition: all 0.3s ease-in;
}
.history-box:hover:before {
    width: 30px;
    height: 30px;
    left: -3px;
    background: #141E42;
}
.history-box h4 {
    font-size: 24px;
    font-weight: bold;
    font-family: "Rubik", serif;
    color:#141E42;
    margin:0;
}
.history-box h5 {
    font-family: "Rubik", serif;
    color: #66B4BB;
    font-size: 16px;
    margin: 0;
    font-weight: 400;
}
.est-img img {
    width: 110%;
}
.client-carousel {
    display: inline-flex;
    align-items: center;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 0;
    padding: 0;
}
.client-carousel .slick-track {
    display: flex;
    align-items: center;
    justify-content: center;
}
.client-carousel li {
    list-style: none;
    text-align: center;
}
.client-carousel img {
    margin: 0 auto;
    filter: grayscale(1);
    width: 70% !important;
}
.client-carousel img:hover {
    filter: grayscale(0);
}
.slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 99;
    border:none;
    color: transparent;
    background: none;
    display: inline-block;
    cursor: pointer;
    width: 40px;
    margin-top: -15px;
}
.slick-next {
    right: 0;
    margin-right: -45px;
}
.slick-prev {
    margin-left:-50px;
}
.slick-prev:before {
    content: '\f104';
    font-family: 'FontAwesome';
    color: #000;
    background: #EAEEFF;
    height: 35px;
    width: 35px;
    line-height:35px;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
}
.slick-next:before {
    content: '\f105';
    font-family: 'FontAwesome';
    color: #000;
    background: #e0f0ff;
    height: 35px;
    width: 35px;
    line-height:35px;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
}
.slick-prev:hover:before,
.slick-next:hover:before {
    background: rgb(177, 193, 255, 0.2);
    color:#fff;
}
.locate-heading h2 {
    display: inline-block;
    width: 100%;
    font-family: "Rubik", serif;
    font-size: 44px;
    font-weight: bold;
    line-height: 50px;
}
.address-box {
    display: inline-block;
    width: 100%;
    border: 2px solid #EBEBEB;
    padding: 30px;
    border-radius: 20px;
    height: 220px;
    margin-bottom: 80px;
}
.address-box h6,
.branch-box h6 {
    font-family: "Rubik", serif;
    font-size: 18px;
    font-weight: 600;
    text-transform:uppercase;
}
.timings {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
}
.timings ul {
    margin: 0; 
    padding: 0;
}
.timings ul li {
    list-style: none;
    padding-bottom: 10px;
}
.branch-box {
    display: flex;
    width: 100%;
    border: 2px solid #EBEBEB;
    padding: 30px;
    border-radius: 20px;
    height: 280px;
    flex-direction: column;
    justify-content: space-between;
}
.branch-box h6 {
    font-family: "Rubik", serif;
    font-size: 18px;
    font-weight: 600;
}
.branch-box p {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 20px;
}
.branch-box a {
    display: inline-block;
    border: 2px solid #141E42;
    padding: 10px 25px;
    border-radius: 10px;
    font-size: 15px;
    color: #fff;
    background: #141E42;
    transition: all 0.3s ease-in;
}
.branch-box a:hover {
    color: #141E42;
    background: transparent;
}
#map {
    height: 400px;
    width: 100%;
}
.language-switcher {
    display: flex;
    position: relative;
    align-items: end;
    padding-left: 30px;
}
.language-switcher span {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: 6px;
    justify-content: center;
}
.language-switcher ul {
    position: absolute;
    left: 0;
    top: 20px;
    width: 60px;
    background: #fff;
    display: block;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    margin: 0;
}
.language-switcher ul li {
    padding: 0;
    margin: 0;
    text-align: center;
    list-style: none;
}
.language-switcher ul li a {
    color: #141E42;
    font-size: 13px;
    display: inline-block;
    width: 100%;
    padding: 5px 10px;
}
.language-switcher:hover ul {
    opacity: 1;
    visibility: visible;
}
/** Career Page **/
.job-box {
    display: inline-block;
    width: 100%;
    padding: 20px 30px;
    border:2px solid #EBEBEB;
    border-radius: 20px;
    margin: 0 20px;
    height: 250px;
}
.job-box h5 {
    text-transform: uppercase;
    height: 50px;
}
.job-box a {
    display: inline-block;
    font-size: 12px;
    color: #1F2B5A;
    margin-top: 20px;
    background-color: transparent;
    border: 1px solid #1F2B5A;
    padding: 7px 11px;
    border-radius: 5px;
    transition: all 0.3s ease-in;
}
.job-box a:hover {
    background: #1F2B5A;
    color: #fff;
}

/* Add button text of contact form 7 */
.wpcf7-file::-webkit-file-upload-button {
    visibility: hidden;
}
.wpcf7-file::before {
    content: 'Upload Resume*';
    cursor: pointer;
}
#html5lightbox-watermark { display: none !important; }

/** After Sales Service **/
.waranty-intro {
    display: inline-block;
    width: 100%;
}
.waranty-intro h2 {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    padding-bottom: 10px;
}
.wrnty-btns-downcount {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 30px 0;
}
.downcount-list {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 100px;
}
.wrnty-downcount {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.downcount-content h4 {
    margin:0;
}
.downcount-content p {
    line-height: 20px;
}
.wrnty-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:10px;
    margin: 0;
    padding: 0;
}
.wrnty-btns li {
    list-style: none;
}
.btn {
    display: inline-block;
    font-size: 13px;
    border: 1px solid #373F60;
    padding: 10px 20px;
    transition: all 0.3s ease-in;
}
.btn:hover {
    border: 1px solid #373F60;
    background: #373F60;
    color:#fff;
}
.btn.filled {
    border: 1px solid #373F60;
    background: #373F60;
    color:#fff;
    transition: all 0.3s ease-in;
}
.btn.filled:hover {
    background: transparent;
    color:#373F60;
}
.warnty-inout-list {
    display: flex;
    justify-content: center; /* Centers the content horizontally */
    gap: 20px; /* Adds space between the boxes */
    flex-wrap: wrap;
}
.border-box {
    border: 2px solid #EBEBEB;
    text-align: center;
    padding: 20px;
    border-radius: 20px;
    width: 260px; /* Set a fixed width to maintain consistency */
    box-sizing: border-box; /* Ensure padding is included in the width */
    display: flex;
    flex-direction: column;
    align-items: center;
}
.border-box.small { 
    width: 200px;
    padding: 40px 20px;
}
.border-box h5 {
    padding-top:20px;
    text-transform: uppercase;
    font-weight: bold;
}
.border-box.small h6 {
    font-weight: bold;
    padding-bottom: 20px;
    height: 60px;
}
.banner-slider,
.banner-slider img {
    width: 100%;
    display: inline-block;
}
.banner-slider {
    margin:0;
    padding:0;
}
.banner-slider li {
    margin: 0;
    padding: 0
}

.model-brand-logo {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 30px;
}
.brand-logo {
    position: absolute;
    left: 20px;
    top: 20px;
}
.partner-imgs {
    display: flex;
    gap:30px;
    align-items: center;
    justify-content: space-around;
    width: 30%;
}
.partner-imgs img {
    width: 100%;
}
.dropdown-div {
    display: ruby;
    align-items: center;
}
.dropdown-div:after {
    content:"\f107";
    font-family: 'FontAwesome';
    margin-left: -10px;
}
.lower-alpha li {
    list-style: lower-alpha;
    padding: 10px 0;
}
.dist-wrap {
    width: 100%;
    display: inline-block;
}
.dist-img img {
    width:100%;
    display: inline-block;
}
.dist-content h2 {
    font-weight: bold;
}
.dist-content h5 {
    font-style: italic;
    font-weight: 400;
}
.dist-content p {
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 30px;
}
.dist-content ul {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 0;
}
.dist-content ul li {
    list-style: none;
}
/** Project Referrence Page **/
.bg-grey {
    background: #E9EDFE;
}
.fun-lists {
    display: flex;
    gap: 75px;
}
.fun-fact {
    display: inline-block;
    width: 200px;
    background: #22386E;
    padding: 30px;
    position: relative;
    height: 400px;
}
.fun-fact h4 {
    color:#fff;
    margin: 0;
}
.fun-fact p {
    color:#fff;
}
.fun-fact span {
    color:#fff;
}
.fun-content {
    display: inline-block;
    width: 200px;
    margin-right: 30px;
    background: #00945E;
    padding: 30px;
    position: absolute;
    left: 100px;
    bottom: 0;
    height: 240px;
    z-index: 1;
}
.small-gap {
    padding: 50px 0;
}
.since-txt {
    font-size: 24px;
    text-align: center;
}
.proj-list {
    margin: 40px 0 80px 0;
}
.proj-wrap img {
    width: 100%;
    display: inline-block;
}
.proj-wrap h5 {
    padding-top: 20px;
}
.proj-wrap ul {
    padding:0;
    margin: 0;
}
.proj-wrap ul li {
    list-style: none;
}
.proj-list .proj-wrap {
    margin: 0 10px;
}
.proj-list .slick-arrow {
    top:30%;
}
.large-venue {
    background: #E9E9E9;
    margin-bottom: 30px;
}
.large-venue > img  {
    display: inline-block;
    width: 100%;
	height:auto;
}
.large-venue.small > img {
    height: 262px;
}
.large-venue h2 {
    padding: 0 20px;
}
.large-venue h2 a {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    display: inline-block;
    width: 100%;
    margin: 20px 0;
}
.venue-detail {
    padding:0 20px 30px 20px;
    display: flex;
    justify-content: space-between;
}
.venue-detail ul {
    margin:0;
    padding:0;
    width: 35%;
}
.venue-detail ul li {
    list-style: none;
    font-size: 13px;
    font-weight: 300;
    color:#000;
}
/** Blog **/

.media-center-post img {
    width: 100%;
    height: auto;
}
.media-center-post h4 {
    padding-top:20px;
    display: inline-block;
}
.media-center-post h5 {
    padding: 20px 0;
}
.blog-carousel {
    margin-top: 100px;
}
.blog-carousel .media-center-post {
    margin: 0 10px;
}
.blog-carousel .slick-arrow {
    top:30%;
}

@media screen and (max-width: 540px) {
    header{ display: none; }
    .responsive-header{
        display: inline-flex;
    }
    .gap { padding: 40px 0;  }
    /* Home */
    .dropdown-div {
        position: relative;
    }
    .dropdown-menu {
        padding-top:0;
    }
    .dropdown-div .dropdown-menu.active {
        position: relative !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }
    .dropdown-div:after {
        position: absolute;
        top:15px;
        right:0;
    }
    .drop-innter-div {
        box-shadow: none;
        padding-top:0;
    }
    .home-banner {
        padding: 70px 50px;
        height: auto;
        text-align: center;
        position: relative;
    }
   .overlay-img::before {
        content: '';
        left: 0;
        top: 0;
        position: absolute;
        height: 100%;
        width: 100%;
        background: rgba(0,0,0,0.5);
    }
    .home-banner h1 {
        font-size: 40px;
        text-align: center;
        z-index: 999;
        position: relative;
    }
    .home-banner h6 {
        font-size: 18px;
        line-height: 30px;
        font-weight: 400;
    }
    .hero-wraper {
        position: unset;
        transform: unset;
    }
    .flipbox {
        margin-bottom: 20px;
    }
    .fancy-who { padding-top: 30px; text-align: center }
    .fancy-who h2 { font-size: 24px;  }
    .fancy-who p { padding: 0; }
    .media-and-btn { 
        padding-top: 20px;  
        flex-direction: column;
        gap:20px;
    }
    .partner-imgs {
        flex-direction: column;
    }
    .section-heading h2 {
        font-size: 24px;
        text-align: center;
        line-height: 32px;
    }
    .about-banner.extra { padding-top: 70px; text-align: center; } 
    .product-banner { padding-top: 0; }
    .home-tab-main {
        position: fixed;
        left: 0;
        bottom: 0;
        background: #1F2B5A;
        transform: translate(0, 0);
        border-radius: 0;
        z-index: 99999;
        margin-bottom: 0 !important;
        margin: 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        max-width: 100%;
    }
    .home-tab-main .nav-link  { color:#fff; padding: 25px 15px; }
    .banner-space.extra {
        padding-top: 80px;
        margin-bottom: 40px;
    }
    .product-banner { overflow: hidden; }
    .support-banner-text {
        font-size: 28px;
        padding-bottom: 30px;
    }
    .locate-heading {
        text-align: center;
        padding-bottom: 20px;
    }
    .locate-heading h2 {
        font-size: 28px;
        line-height: 34px;
    }
    .address-box { margin-bottom: 20px; }
    .address-box h6, .branch-box h6 { text-align:center; }
    .branch-box { height: auto; margin-bottom: 20px;text-align: center; }
    h1.single-main-heading { font-size: 28px; margin-top:0; }
    .model-brand-logo { margin-top:20px; }
    .history-bar {
        padding: 30px 0;
    }
    .history-bar:before {
        left: 0;
        top: -15px;
        height: 5px;
        width: 100%;
    }
    .history-bar .slick-list { overflow: visible; }
    .history-box { text-align: center; }
    .history-box:before { top: -55px; left:50%; margin-left: 5px; }
    .history-bar .history-box.slick-current:before { 
        width: 30px;
        height: 30px;
        background: #141E42;
        top: -55px;
        left:50%;
    }
    .inner-list-div {
        display: inline-block;
        width: 100%;
        text-align: center;
        height: auto;
    }
    .innter-body-text p { margin: 0 auto; }
    .inner-list-div a { display: inline-block; }
    .innter-body-text { text-align: center; }
    .innter-body-text > a { margin-top: 0; }
    .bottom-w-face:after { height: 20px; }
    .waranty-intro { text-align: center; }
    .waranty-intro h2 { font-size: 24px; }
    .wrnty-btns-downcount { flex-direction: column;  }
    .downcount-list { gap: 20px; text-align: left; }
    .wrnty-downcount {
        flex-direction: column;
        text-align: center;
    }
    .footer-about {
        text-align: center;
        margin-bottom: 30px;
    }
    .dist-content {
        padding-top: 20px;
        text-align: center;
    }
    .row.swap {
        flex-direction: column-reverse;
    }
    .dist-content ul { flex-wrap: wrap; justify-content: center; }
    .fun-lists { 
        flex-direction: column; 
        gap:20px;
    }
    .fun-fact {
        height: 250px;
        width: 330px;
        padding: 20px;
    }
    .fun-content {
        left:50%;
        height: 150px;
        padding: 15px;
    }

}