:root {
    --white: #ffffff;
    --black: #000000;
    --primary: #486898;
    --brand_red: #ed1c24;
    --acumin_light: Acumin_Light;
    --acumin_exlight: Acumin_exLight;
    --acumin_regular: acumin_regular;
    --acumin_medium: Acumin_Medium;
    --acumin_semibold: Acumin_Semibold;
    --acumin_bold: Acumin_Bold;
    --din_bold: DIN_bold;
    --roboto_light: roboto_light;
    --roboto_reg: roboto_reg
}

* {
    margin: 0;
    padding: 0
}

.case_studies_swiper_wrapper {
    padding: 0
}

.products_list_wrapper {
    padding: 0
}

ul {
    list-style: none;
    padding: 0;
    margin: 0
}

li {
    list-style: none
}

a,
a:active,
a:focus,
a:hover {
    outline: none;
    color: initial;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

a:hover {
    text-decoration: none
}

img {
    width: 100%;
    height: auto
}

.row {
    margin-left: 0;
    margin-right: 0
}

.container-fluid {
    padding: 0
}

@font-face {
    font-family: "Acumin_Light";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/AcuminPro-Light.woff2) format("woff2"), url(../fonts/AcuminPro-Light.woff) format("woff"), url(../fonts/AcuminPro-Light.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: "Acumin_exLight";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/AcuminPro-ExtraLight.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: "Acumin_Regular";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/AcuminPro-Regular.woff2) format("woff2"), url(../fonts/AcuminPro-Regular.woff) format("woff"), url(../fonts/Acumin-RPro.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: "Acumin_Medium";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/AcuminPro-Medium.woff2) format("woff2"), url(../fonts/AcuminPro-Medium.woff) format("woff"), url(../fonts/AcuminPro-Medium.otf) format("opentype");
    font-display: swap
}

@font-face {
    font-family: "Acumin_Semibold";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/AcuminPro-Semibold.woff2) format("woff2"), url(../fonts/AcuminPro-Semibold.woff) format("woff"), url(../fonts/AcuminPro-Semibold.otf) format("opentype");
    font-display: swap
}

@font-face {
    font-family: "Acumin_Bold";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/AcuminPro-Bold.woff2) format("woff2"), url(../fonts/AcuminPro-Bold.woff) format("woff"), url(../fonts/Acumin-BdPro.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: "roboto_light";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/Roboto-Light.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: "roboto_reg";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/Roboto-Regular.woff2) format("woff2"), url(../fonts/Roboto-Regular.woff) format("woff"), url(../fonts/Roboto-Regular.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: "DIN_bold";
    src: url("../fonts/DINBold.eot");
    src: url("../fonts/DINBold.eot?#iefix") format("embedded-opentype"), url("../fonts/DINBold.woff2") format("woff2"), url("../fonts/DINBold.woff") format("woff"), url("../fonts/DINBold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

html {
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth
}

body {
    font-family: var(--acumin_regular);
    font-size: 15px
}

body {
    overflow-x: hidden;
    overflow-y: scroll
}

.object-fit {
    object-fit: cover;
    object-position: center;
    object-position: center
}

::-webkit-scrollbar {
    width: 10px
}

.zone-tabs-area ul::-webkit-scrollbar-track {
    background: rgb(163 161 161 / 90%)
}

::-webkit-scrollbar-thumb {
    background: var(--primary)
}

::-webkit-scrollbar-thumb:hover {
    background: var(--black)
}

::selection {
    color: var(--white);
    background: var(--primary)
}

section {
    position: relative
}

.heading {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.heading h2 {
    text-align: left;
    letter-spacing: -2px;
    color: #231f20;
    opacity: 1;
    font-size: 72px;
    line-height: 1.1;
    margin-bottom: 10px;
    font-family: var(--acumin_bold);
    width: 100%
}

.heading p {
    text-align: left;
    letter-spacing: 0;
    color: rgba(35, 31, 32, 0.8);
    font-size: 16px;
    line-height: 1.4;
    font-family: var(--roboto_reg);
    margin: 0;
    width: 100%
}

.temp-1 {
    padding: 0 14% 0 18%
}

.temp-1 .heading {
    justify-content: center;
    flex-wrap: unset;
    flex-direction: column
}

.temp-1 .heading h2 {
    text-align: center
}

.temp-1 .heading p {
    text-align: center;
    width: 94%;
    margin: 0 auto;
    font-size: 20px
}

.who-we-are-bg {
    padding: 120px 0;
    background: url(../images/who-we-are-bg.png) #f7f7f7 no-repeat top;
    background-size: cover;
    padding-bottom: 0px
}

.temp-1 .btnMain {
    margin: 0 auto;
    margin-top: 60px;
    width: fit-content
}

.search_journey .banner_content_wrapper {
    left: 0;
    right: 0
}

.search_journey .serch-brea {
    display: flex;
    justify-content: center
}

#digital-infrastructure .ep_col:hover h3 {
    color: #fff
}

#scroll-Down {
    position: absolute;
    width: 500px;
    height: 500px;
    overflow: hidden;
    left: 50%;
    bottom: -240px;
    z-index: 1;
    transform: translateX(-50%);
    display: none
}

#scroll-Down a {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 273px
}

#scroll-Down text {
    color: #383636;
    font-size: 9.5px;
    letter-spacing: 1px;
    font-family: var(--acumin_regular);
    display: inline-block;
    transition: all 0.3s
}

#scroll-Down .dot {
    display: inline-block;
    text-align: center;
    font-size: 10px;
    fill: #383636;
    border-radius: 50%;
    position: relative
}

#scroll-Down svg {
    position: relative;
    left: 0;
    top: 0;
    width: 500px;
    height: 500px;
    -webkit-animation-name: rotate;
    -moz-animation-name: rotate;
    -ms-animation-name: rotate;
    -o-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 9s;
    -moz-animation-duration: 9s;
    -ms-animation-duration: 9s;
    -o-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(360deg)
    }

    to {
        -webkit-transform: rotate(0)
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(360deg)
    }

    to {
        -moz-transform: rotate(0)
    }
}

@-ms-keyframes rotate {
    from {
        -ms-transform: rotate(360deg)
    }

    to {
        -ms-transform: rotate(0)
    }
}

@-o-keyframes rotate {
    from {
        -o-transform: rotate(360deg)
    }

    to {
        -o-transform: rotate(0)
    }
}

@keyframes rotate {
    from {
        transform: rotate(360deg)
    }

    to {
        transform: rotate(0)
    }
}

#scroll-Down a {
    z-index: 2
}

#scroll-Down a img {
    height: auto;
    position: relative;
    animation: banner-arrow 0.9s linear 5s infinite alternate
}

@keyframes banner-arrow {
    from {
        left: 0px;
        top: 0px;
        transition: all 0.3s
    }

    to {
        left: 0px;
        top: 10px;
        transition: all 0.3s
    }
}

.btnMain {
    float: left;
    padding: 25px 60px 21px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 1;
    color: #fff;
    text-align: center;
    outline: 0;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    background: #486898;
    border-radius: 50px;
    opacity: 1;
    text-align: center;
    letter-spacing: 0px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: var(--acumin_bold)
}

.btnMain:hover,
.btnMain:active,
.btnMain:focus {
    color: #fff;
    background-color: #5b7db0
}

.btn-carsKnow {
    width: fit-content;
    padding: 19px 34px 15px;
    font-size: 12px;
    line-height: normal;
    letter-spacing: 0px;
    text-align: left;
    outline: 0;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    border-radius: 100px;
    opacity: 1;
    color: #ffffff;
    text-transform: uppercase;
    border: 1px solid #ffffff;
    font-family: var(--acumin_bold);
    display: flex;
    justify-content: center;
    align-items: center
}

.card-product-name {
    width: fit-content;
    max-width: 266px
}

.card-product-mrp {
    width: 100%;
    gap: 6px;
    justify-content: start
}

.btn-carsKnow:hover {
    color: #fff
}

.temp-2 {
    padding: 0
}

.smart-spaces-bg {
    padding: 120px 0;
    background: url(../images/smart-spaces-bg.jpeg) no-repeat center;
    background-size: cover;
    background-color: #f7f7f7
}

.bg-gray {
    background-color: #f7f7f7
}

.temp-2-inner {
    width: 100%;
    display: flex;
    gap: 55px
}

.temp-2-area {
    width: 35%;
    display: flex;
    align-items: center;
    justify-content: start
}

.temp-2-area .heading p {
    padding-right: 24%
}

.temp-2-area-1 {
    width: 63%
}

.temp-2-card img {
    width: 100% !important;
    height: 650px;
    max-height: 650px;
    object-fit: cover
}

.smart-spaces-slider .temp-2-card img {}

.temp-2 .btnMain {
    margin-top: 42px
}

.temp-2-card-text {
    width: 100%
}

.temp-2-textTop {
    width: 100%;
    align-self: start;
    justify-content: start;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column
}

.temp-2-textTop h6 {
    letter-spacing: 1px;
    color: #ffffff;
    text-transform: uppercase;
    opacity: 1;
    font-family: var(--acumin_regular);
    font-size: 12px;
    background: rgb(0 0 0 / 40%);
    padding: 10px 16px 6px;
    border-radius: 25px;
    display: block;
    margin-bottom: 25px;
    width: fit-content;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.temp-2-textTop h5 {
    text-align: left;
    letter-spacing: 0;
    color: #ffffff;
    opacity: 1;
    font-size: 30px;
    line-height: 1.2;
    font-family: var(--acumin_exlight);
    margin-bottom: 25px
}

.temp-2-card {
    position: relative
}

.temp-2-textBottom {
    width: 100%;
    align-self: end;
    position: absolute;
    bottom: 0
}

.temp-2-textTop-textarea {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 20px
}

.temp-2-textBottom h4 {
    text-align: left;
    letter-spacing: -4px;
    color: #383636;
    text-transform: capitalize;
    opacity: 1;
    font-size: 100px;
    font-family: var(--acumin_bold);
    color: #fff;
    align-items: center;
    display: flex;
    width: 50%;
    margin: 0
}

.temp-2-textBottom h4 span {
    text-align: left;
    letter-spacing: -0.48px;
    color: #383636;
    text-transform: capitalize;
    opacity: 1;
    font-size: 24px;
    line-height: 1.2;
    font-family: var(--acumin_regular);
    color: #fff;
    margin-left: 10px;
    position: relative;
    width: 50%
}

.temp-2-card-text {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    padding: 40px;
    transition: all 0.8s;
    z-index: 1
}

.bg-whiteFade {
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 10px;
    width: 100%;
    transition: all 0.8s
}

.temp-2-card:hover .bg-whiteFade {
    background: #f5f5f5;
    height: 100%;
    transition: all 0.8s;
    opacity: 1;
    z-index: 1
}

.smart-spaces-slider .temp-2-card:after {
    position: absolute;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5662640056022409) 16%, rgba(0, 0, 0, 0.5858718487394958) 84%);
    left: 0;
    z-index: 0;
    right: 0px
}

.temp-2-card:hover .temp-2-card-text {}

.temp-2-textTop p {
    text-align: left;
    letter-spacing: -0.6px;
    color: rgb(56 54 54 / 70%);
    font-size: 14px;
    line-height: 1.2;
    font-family: var(--acumin_regular);
    margin: 0;
    opacity: 0;
    transition: all 0.8s;
    margin-bottom: 40px
}

.temp-2-textTop a {
    text-align: left;
    letter-spacing: 0px;
    color: #486898;
    text-transform: uppercase;
    font-family: var(--acumin_bold);
    font-size: 14px;
    line-height: 1.2;
    opacity: 1;
    margin: 0;
    opacity: 0;
    transition: all 0.8s
}

.temp-2-card:hover .temp-2-textTop a {
    opacity: 1;
    transition: all 0.8s
}

.temp-2-card:hover .temp-2-textTop p {
    opacity: 1;
    transition: all 0.8s
}

.temp-2-card:hover .temp-2-textTop h5 {
    color: #383636;
    transition: all 0.8s
}

.temp-2-card:hover .temp-2-textBottom h4 {
    color: #383636;
    transition: all 0.8s
}

.temp-2-card:hover .temp-2-textBottom h4 span {
    color: #383636;
    transition: all 0.8s
}

.temp-3 {
    padding: 0;
    width: 100%
}

.temp-3 .heading p {
    padding-right: 40%
}

.temp-3-inner {
    width: 100%;
    margin-top: 42px
}

.temp-3-area {
    width: 100%
}

.product-solutions-slider {
    padding-bottom: 90px
}

.temp-3-card {
    width: 100%;
    position: relative;
    overflow: hidden
}

.temp-3-card:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0.6) 100%);
    z-index: 0
}

.temp-3-card img {
    width: 100%
}

.temp-3-card-text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 40px
}

.temp-3-card h3 {
    text-align: left;
    letter-spacing: 0;
    color: #ffffff;
    text-transform: uppercase;
    opacity: 1;
    font-size: 28px;
    line-height: 1.2;
    width: 100%;
    transform: translateY(40px);
    transition: all 0.8s;
    font-family: var(--acumin_bold)
}

.temp-3-card-text .btn-carsKnow {
    transform: translateY(100px);
    transition: all 0.8s
}

.temp-3-card:hover .temp-3-card-text .btn-carsKnow {
    transform: translateY(0px)
}

.temp-3-card:hover .temp-3-card-text .btn-carsKnow:hover {
    background-color: #5b7db0
}

.temp-3-card:hover .temp-3-card-text h3 {
    transform: translateY(-30px);
    transition: all 0.8s
}

header {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99
}

.banner_sec {
    width: 100%
}

.banner_sec .swiper {
    width: 100%;
    height: 100%
}

.banner_sec .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.banner_sec .swiper-slide img {
    display: block;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: top right
}

.banner_sec .swiper-button-next,
.banner_sec .swiper-button-prev {
    width: 50px;
    height: 50px;
    z-index: 2;
    border: 1px solid #383636;
    border-radius: 50%;
    right: auto;
    bottom: 50px;
    top: auto;
    left: 5%
}

.banner_sec .swiper-button-next.swiper-button-disabled,
.banner_sec .swiper-button-prev.swiper-button-disabled {
    border: 1px dashed #383636
}

.banner_sec .swiper-button-next::before {
    content: "";
    background: url("../images/arrowTop.png") no-repeat;
    width: 14px;
    height: 18px;
    rotate: 90deg
}

.banner_sec .swiper-button-prev::after {
    content: "";
    background: url("../images/arrowTop.png") no-repeat;
    width: 14px;
    height: 18px;
    rotate: -90deg
}

.banner_sec .swiper-button-next {
    left: calc(5% + 65px)
}

@-webkit-keyframes progress {
    0% {
        stroke-dashoffset: -75;
        opacity: 1
    }

    95% {
        stroke-dashoffset: 0;
        opacity: 1
    }

    100% {
        opacity: 0;
        stroke-dashoffset: 0
    }
}

@-moz-keyframes progress {
    0% {
        stroke-dashoffset: -75;
        opacity: 1
    }

    95% {
        stroke-dashoffset: 0;
        opacity: 1
    }

    100% {
        opacity: 0;
        stroke-dashoffset: 0
    }
}

@-o-keyframes progress {
    0% {
        stroke-dashoffset: -75;
        opacity: 1
    }

    95% {
        stroke-dashoffset: 0;
        opacity: 1
    }

    100% {
        opacity: 0;
        stroke-dashoffset: 0
    }
}

@keyframes progress {
    0% {
        stroke-dashoffset: -75;
        opacity: 1
    }

    95% {
        stroke-dashoffset: 0;
        opacity: 1
    }

    100% {
        opacity: 0;
        stroke-dashoffset: 0
    }
}

.banner_sec .swiper-container {
    width: 100%;
    height: 100%
}

.banner_sec .swiper-slide {
    text-align: center;
    font-size: 18px;
    background-color: #fff;
    display: block
}

.banner_sec .swiper-pagination-bullet {
    background-color: transparent;
    opacity: 0.7
}

.banner_sec .swiper-pagination-bullet--svg-animation {
    width: 26px;
    height: 26px;
    margin: 10px 11px !important;
    display: inline-block
}

.banner_sec .swiper-pagination-bullet--svg-animation svg {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 30px;
    height: 30px
}

.banner_sec .swiper-pagination-bullet--svg-animation .svg__circle-inner {
    stroke: none;
    fill: transparent;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    transition: inherit;
    fill: #000;
    opacity: 0.5
}

.banner_sec .swiper-pagination-bullet-active-main .svg__circle-inner {
    opacity: 1
}

.banner_sec .swiper-pagination-bullet-active .svg__circle {
    stroke: #000;
    stroke-dasharray: 75;
    stroke-dashoffset: 0;
    -webkit-animation: progress 5.5s ease-in forwards;
    -moz-animation: progress 5.5s ease-in forwards;
    -ms-animation: progress 5.5s ease-in forwards;
    animation: progress 5.5s ease-in forwards
}

.banner_sec .swiper-pagination-bullet-active .svg__circle-inner {
    fill: #0c67c2;
    stroke: none
}

.banner_sec #swiper .swiper-slide {
    background-color: #fff
}

.banner_sec #swiper .swiper-pagination {
    white-space: normal;
    width: 100% !important;
    z-index: 1;
    right: 0;
    bottom: 50px;
    top: auto;
    left: 50% !important;
    transform: translateX(-50%);
    display: flex
}

.banner_sec #swiper .swiper-pagination .swiper-pagination-bullet--svg-animation {
    display: block;
    left: inherit !important
}

.banner_sec #swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: inherit
}

.chatBoat {
    background: #486898 0% 0% no-repeat padding-box;
    box-shadow: 0px 20px 30px #00000029;
    position: fixed;
    bottom: 45px;
    border-radius: 50%;
    cursor: pointer;
    padding: 23px 20px;
    z-index: 9;
    right: 95px
}

.slideData {
    position: absolute;
    top: 25%;
    left: 5%;
    display: block;
    text-align: left;
    z-index: 9
}

.wrapbreadcrumb {
    text-align: left
}

.breadcrumbSec {
    font-family: var(--roboto_reg);
    font-size: 12px;
    letter-spacing: 1.2px;
    display: inline-block;
    padding: 0 15px;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 25px
}

.breadcrumbSec li {
    padding: 5px
}

.breadcrumbSec li,
.breadcrumbSec li a {
    color: var(--white) !important
}

.breadcrumbSec .breadcrumb-item+.breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, "+");
    color: var(--white)
}

.breadcrumbSec .breadcrumb {
    margin-bottom: 0
}

.slideData h1 {
    font-family: var(--acumin_bold);
    font-size: 80px;
    line-height: 1.1;
    letter-spacing: -2px;
    color: #231f20;
    margin-top: 50px
}

.slideData .info1 {
    text-align: left;
    letter-spacing: 0;
    color: rgba(35, 31, 32, 0.8);
    margin-top: 10px;
    margin-bottom: 30px;
    font-family: var(--roboto_Reg);
    font-size: 20px;
    line-height: 1.2
}

.forumBtn {
    background: #486898 0% 0% no-repeat padding-box;
    border-radius: 35px;
    width: 190px;
    height: 60px;
    text-align: center;
    letter-spacing: 0px;
    color: #ffffff;
    text-transform: uppercase;
    display: inline-block;
    line-height: 70px;
    font-size: 14px;
    color: var(--white);
    font-family: var(--acumin_bold);
    margin-bottom: 35px;
    margin-top: 20px;
    padding-top: 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

.forumBtn:hover {
    background-color: #5b7db0
}

.forumBtn:focus {
    color: white
}

.slideData .video-js .vjs-big-play-button:before {
    background: url(../images/Polygon-Btn.png);
    width: 18px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    transform: translate(-7px, -11px)
}

.slideData .video-js .vjs-big-play-button {
    background: #ffffff1a 0% 0% no-repeat padding-box;
    border: 2px solid #486898;
    width: 80px;
    height: 80px;
    left: calc(80% - 35px);
    top: calc(50% - 40px)
}

.videoSec {
    width: 450px;
    height: 190px;
    position: relative;
    margin-top: 20px;
    display: flex;
    align-items: center
}

.videoSec .tl_Video {
    color: #ffffff;
    position: absolute;
    left: 40px;
    font-family: var(--acumin_semibold);
    font-size: 24px;
    width: 66%
}

.scroll-Down {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    width: 275px;
    height: 140px
}

.scroll-Down>a {
    display: flex
}

.scroll-Down img {
    width: auto
}

.scroll-Down img {
    width: auto
}

.scroll-Down path {
    fill: transparent
}

.scroll-Down text {
    fill: #000;
    font-size: 25px
}

.sticky-right-bar nav ul li a img.img-fluid {
    width: auto;
    height: auto;
    display: none
}

.sticky-right-bar nav ul li a img.img-fluid2 {
    display: inline;
    width: auto
}

.sticky-right-bar nav {
    float: right;
    position: fixed;
    top: 30%;
    right: 0;
    background: transparent;
    z-index: 9;
    box-shadow: 0 0 9px #79757575
}

.sticky-right-bar nav ul {
    text-align: center;
    background: #486898 0% 0% no-repeat padding-box
}

.sticky-right-bar nav ul li {
    position: relative;
    width: 80px;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.4s ease-out;
    padding: 10px;
    border-bottom: 1px solid #ccc
}

.sticky-right-bar nav ul li:last-child {
    border: none
}

.sticky-right-bar nav ul li:hover {
    background: #5b7db0 0% 0% no-repeat padding-box
}

.sticky-right-bar nav ul li:hover img.img-fluid {
    display: none
}

.sticky-right-bar nav ul li:hover img.img-fluid2 {
    display: inline
}

.sticky-right-bar ul li h6 {
    margin-top: 10px;
    font: normal normal bold 10px/12px var(--acumin_bold);
    letter-spacing: -0.2px;
    color: var(--white)
}

.sticky-right-bar nav ul li:hover h6 {
    color: var(--white)
}

.whoWe_Section {
    background: url("../images/bg1a.webp") no-repeat top;
    background-size: cover;
    padding-top: 190px;
    padding-bottom: 190px
}

.whoWe_Section .sec1 {
    margin: auto
}

.whoWe_Section h3 {
    font: normal normal bold 90px/90px var(--acumin_bold);
    letter-spacing: -4.5px;
    color: #383636;
    padding-bottom: 50px
}

.whoWe_Section p {
    color: #383636;
    opacity: 0.7;
    font: normal normal normal 20px/28px Roboto;
    letter-spacing: -0.6px;
    padding-bottom: 50px
}

.merqueeSection {
    padding-bottom: 60px;
    width: 100%
}

.merqueeSection .sec1 {
    display: flex;
    width: 100%
}

.merqueeSection .sec1 span {
    font-size: 84px;
    font-family: var(--Roboto-Medium);
    letter-spacing: -5.04px;
    color: #383636;
    text-transform: uppercase;
    opacity: 0.1;
    margin-right: 90px;
    font-weight: 600
}

.productSolution {}

.productSolution h3 {
    font: normal normal bold 90px/90px Acumin Pro;
    letter-spacing: -4.5px;
    color: #383636;
    font-family: var(--acumin_bold);
    padding-bottom: 10px;
    padding-left: 10%
}

.productSolution p {
    color: #383636;
    opacity: 0.7;
    font: normal normal normal 20px/28px Roboto;
    letter-spacing: -0.6px;
    padding-bottom: 50px;
    padding-left: 10%
}

.wrap_productSolution_slider {
    padding-left: 10%
}

.wrap_productSolution_slider .swiper-slide {
    width: 565px;
    height: 746px
}

.wrap_productSolution_slider .swiper-slide img {
    width: 100%
}

.captionData {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: left;
    padding: 23px 50px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.captionData h6 {
    letter-spacing: -0.8px;
    color: #ffffff;
    font-size: 45px;
    font-family: var(--roboto_reg)
}

.captionData .moreLink {
    border-radius: 25px;
    border: 1px solid #fff;
    color: #fff;
    padding: 10px 10px;
    font-size: 12px;
    font-family: var(--acumin_bold);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.wrap_productSolution_slider .swiper-slide:hover .captionData {
    bottom: 60px
}

.wrap_productSolution_slider .swiper-slide:hover .captionData .moreLink {
    opacity: 1
}

.whereToBuy_sec .pr0 {
    padding-right: 0
}

.whereToBuy_sec {
    background: #f3f3f3 0% 0% no-repeat padding-box;
    padding: 0 0 0 85px
}

.whereToBuy_sec .heading h2 {
    padding-top: 110px
}

.retailers_sec {}

.retailers_sec .input-group {}

.retailers_sec .input-group .form-control {
    border: 1px solid #ffffff1a;
    color: var(--black);
    border-radius: 35px !important;
    height: 60px;
    background: #fff 0% 0% no-repeat padding-box;
    opacity: 1;
    padding-left: 30px;
    padding-right: 60px;
    border: 2px solid #cccccc;
    padding-top: 10px;
    letter-spacing: -0.32px;
    opacity: 0.5
}

.retailers_sec .input-group .form-control::placeholder {
    line-height: 50px
}

.retailers_sec .input-group .btn-success {
    position: absolute;
    right: 10px;
    background: none;
    border: 0;
    top: 13px;
    z-index: 9
}

.retailers_sec .input-group .btn-success img {
    border-radius: 0 9px
}

#map {
    height: 100%;
    position: relative
}

.gm-style:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.3337710084033614) 65%, rgba(243, 243, 243, 1) 97%);
    z-index: 1;
    pointer-events: none
}

.gm-style div:first-child {
    z-index: auto !important
}

.gm-err-container {
    background-color: #f3f3f3 !important
}

.whereBuyTab {
    margin-top: 30px;
    width: 80%
}

.whereBuyTab .nav-link {
    border: 0;
    border-radius: 0;
    font-size: 14px;
    color: #1f2127;
    font-family: var(--acumin_bold);
    opacity: 1;
    padding: 21px 30px
}

.whereBuyTab .tab-content .nav-link {
    opacity: 0.7;
    font-size: 12px;
    padding: 21px 37px;
    background: #f3f3f3
}

.whereBuyTab .tab-content .subTabNav {
    display: grid;
    grid-template-columns: auto auto auto
}

.whereBuyTab .tab-content .subTabNav .nav-link {
    padding: 21px 0
}

.whereBuyTab .nav-link.active {
    opacity: 1;
    background-color: #f8f9fa
}

.whereBuyTab .tab-content {
    background: #ffffffb3;
    padding: 50px !important;
    border: 0px !important
}

.navigationMap li {
    display: block;
    padding: 24px 0px 15px 0;
    position: relative
}

.navigationMap li.active {
    border-bottom: 1px solid #486898
}

.navigationMap li.active a {
    color: #486898;
    opacity: 1
}

.navigationMap li a {
    letter-spacing: -0.4px;
    color: #1f2127;
    opacity: 0.7;
    font-size: 20px;
    font-family: var(--acumin_semibold)
}

.navigationMap li::before {
    content: "";
    background: url("../images/arrowRight1.svg") no-repeat;
    width: 7px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 32px;
    opacity: 0.5
}

.navigationMap li.active::before {
    content: "";
    background: url("../images/arrowRight2.svg") no-repeat;
    width: 8px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 32px;
    opacity: 1
}

.shopBtn {
    background: #486898 0% 0% no-repeat padding-box;
    border-radius: 35px;
    width: -webkit-fill-available;
    height: 60px;
    text-align: center;
    letter-spacing: 0px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 70px;
    font-size: 14px;
    color: var(--white);
    font-family: var(--acumin_bold);
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.shopBtn:hover {
    background-color: #5b7db0
}

.btn:hover {
    background-color: #5b7db0
}

.footer_lt_data_top .submitBtn:hover {
    background-color: #5b7db0
}

.whereBuyTab .mainTab-content {
    padding: 0 !important;
    background: none !important
}

.whereBuyTab .nav-tabs {
    border: 0 !important
}

.whereBuyTab .mainNav-tabs {
    margin-bottom: 40px
}

.mainNav-tabs .nav-link {
    background: none !important;
    border: 2px solid #1f2127;
    border-radius: 100px;
    margin-right: 10px;
    padding: 13px 37px
}

.mainNav-tabs .nav-link.active {
    background: #1f2127 0% 0% no-repeat padding-box !important;
    color: #fff
}

.enquire_Sec {
    position: relative
}

.enquire_Sec .enq_lt_data {
    padding: 100px 150px
}

.enquire_Sec .enq_lt_data h5 {
    font-family: var(--acumin_bold);
    font-size: 90px;
    letter-spacing: -4.5px;
    color: #000000;
    padding-bottom: 20px
}

#contact-us .enquire_Sec .enq_lt_data h5 {
    font-size: 72px;
    color: #231f20
}

.enquire_Sec .enq_lt_data .form-control {
    background: #f9f9f9 0% 0% no-repeat padding-box;
    border: 1px solid #efefef;
    border-radius: 35px;
    height: 60px;
    padding-left: 24px;
    font-size: 16px
}

.enquire_Sec .enq_lt_data .form-control::placeholder {
    opacity: 0.5;
    color: #000000;
    font-family: var(--roboto_reg);
    font-size: 16px;
    line-height: 1.1;
    position: relative;
    top: 2px
}

.custom-select {
    position: relative
}

.custom-select select {
    border: 1px solid #ffffff1a;
    color: var(--white);
    border-radius: 30px;
    height: 60px;
    background: #ffffff0d 0% 0% no-repeat padding-box;
    opacity: 1;
    padding-left: 30px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative
}

.custom-select.type02 {
    position: relative
}

.custom-select.type02 select {
    background: #f9f9f9 0% 0% no-repeat padding-box;
    border: 1px solid #efefef;
    border-radius: 35px;
    height: 60px;
    padding-left: 24px;
    font-size: 16px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    color: #000
}

.custom-select.type02::before {
    content: "\f078";
    position: absolute;
    right: 26px;
    top: 19px;
    color: #000;
    font-family: "FontAwesome";
    z-index: 999
}

.downloadApp_Sec {
    padding: 0 190px;
    padding-top: 225px;
    padding-bottom: 0px;
    background-image: url(../images/bg1.webp);
    background-repeat: no-repeat;
    width: 100%;
    background-size: 100% 100%
}

.downloadApp_Sec h5 {
    font-family: var(--acumin_bold);
    font-size: 90px;
    color: #383636;
    letter-spacing: -4.5px;
    margin-left: 22px;
    margin-top: 50px
}

.lowerText {
    letter-spacing: -0.6px;
    color: #383636;
    opacity: 0.7;
    margin-left: 22px;
    font-family: var(--roboto_reg);
    font-size: 20px;
    line-height: 1.2
}

.downloadApp_Sec .downApp_btn_section .nav-link {
    width: 265px;
    margin: 12px;
    transition-duration: 2s;
    box-shadow: 0px 40px 80px #0000000d;
    border: 1px solid #cccccc;
    border-radius: 24px;
    opacity: 1
}

.codeLogo {
    position: absolute;
    top: 210px;
    left: -108px
}

.downloadApp_Sec .downApp_btn_section .nav-tabs {
    border: 0 !important;
    align-items: inherit;
    margin-top: 42px
}

.downloadApp_Sec .downApp_btn_section .nav-link h4 {
    position: relative;
    top: -12px;
    font: normal normal bold 20px/30px var(--acumin_bold);
    font-family: var(--acumin_bold);
    letter-spacing: 0;
    color: #383636
}

.downloadApp_Sec .downApp_btn_section .nav-link p {
    font: normal normal 300 12px/14px var(--acumin_regular);
    letter-spacing: 0;
    color: #1f2127;
    opacity: 0.7;
    position: relative;
    top: -15px;
    min-height: 40px
}

.downloadApp_Sec .wrap_data1 {
    margin-top: 15px
}

.downloadApp_Sec .downApp_btn_section .nav-link .socInfo {
    opacity: 0
}

.downloadApp_Sec .downApp_btn_section .nav-link.active .socInfo {
    opacity: 1;
    position: relative;
    top: -14px;
    transition-duration: 2s
}

.downloadApp_Sec .downApp_btn_section .nav-link {
    height: 188px
}

.downloadApp_Sec .downApp_btn_section .nav-link.active {
    height: 238px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.3s linear;
    border: 0;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 40px 80px #00000033;
    border-radius: 24px;
    opacity: 1
}

.downloadApp_Sec .tab-pane .tabSec1 {
    opacity: 0
}

.downloadApp_Sec .tab-pane.active .tabSec1 {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    transition-duration: 0.4s
}

.downloadApp_Sec .tab-content {
    width: 280px;
    height: auto;
    padding: 0 !important;
    border: 0 !important;
    position: relative;
    top: -112px;
    right: -272px;
    border: 5px solid #000 !important;
    border-radius: 34px
}

.downloadApp_Sec .tab-content .tabSec1 img {
    border-radius: 35px
}

.downloadApp_Sec .wrapDownApp {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.downloadApp_Sec .img1 {
    width: 100px;
    position: relative
}

.textareaSec {
    background: #f9f9f9 0% 0% no-repeat padding-box;
    padding: 15px;
    width: 100%;
    height: 108px;
    resize: none;
    font-size: 16px;
    font: normal normal normal 16px/30px var(--roboto_reg);
    border: 1px solid #efefef;
    border-radius: 20px
}

.textareaSec::-webkit-scrollbar {
    display: none
}

.textRequired {
    font-size: 12px;
    letter-spacing: -0.24px;
    color: #000000;
    opacity: 0.7;
    top: -20px;
    position: relative;
    font-family: var(--roboto_reg);
    font-size: 12px;
    line-height: 1.2;
    font-style: italic;
    left: 15px
}

.enquire_Sec .submitBtn {
    width: 190px;
    height: 60px;
    background: #486898 0% 0% no-repeat padding-box;
    border-radius: 35px;
    margin-top: 15px;
    border: 0;
    text-transform: uppercase;
    font-family: var(--acumin_bold);
    font-size: 14px;
    padding-top: 10px
}

.enquire_Sec .submitBtn:hover {
    background-color: #5b7db0
}

.featuredProducts_section .tab-content .product_tab_sec img {
    height: 100%
}

.featuredProducts_section {
    padding-top: 120px;
    padding-bottom: 20px
}

.featuredProducts_section .tl_info {
    text-align: center
}

.featuredProducts_section .tl_info h4 {
    letter-spacing: -4.5px;
    color: #000000;
    text-transform: capitalize;
    font-size: 90px;
    font-family: var(--acumin_bold);
    padding-bottom: 0px
}

.featuredProducts_section .tl_info p {
    color: #1f2127;
    opacity: 0.7;
    font: normal normal normal 20px/28px Roboto
}

.featuredProducts_section .product_tab_sec .row {
    margin: 20px 10px
}

.featuredProducts_section .product_tab_sec .col-md-6 {
    padding: 0px 10px
}

.featuredProducts_section .product_tab_sec .row>div {
    position: relative
}

.product_tab_sec .captionText {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: calc(100% - 20px);
    padding-block: 50px;
    padding-inline: 60px
}

.product_tab_sec .captionText::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
    z-index: -1
}

.product_tab_sec .captionText h6 {
    text-align: center;
    letter-spacing: 0;
    color: #ffffff;
    text-transform: capitalize;
    opacity: 1;
    font-family: var(--acumin_regular);
    font-size: 40px;
    margin-bottom: 10px;
    line-height: 1.1
}

.product_tab_sec .captionText p {
    text-align: center;
    font-size: 16px;
    font-family: var(--roboto_reg);
    letter-spacing: 0;
    color: #ffffff;
    opacity: 0.8
}

.product_tab_sec .captionText .btn_sec_prod {
    margin-top: 15px;
    text-align: center;
    margin-top: 25px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.product_tab_sec .captionText .btn_sec_prod .knowMore {
    border: 1px solid #486898;
    border-radius: 25px;
    width: 150px;
    height: 45px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    margin: 0 5px;
    font-size: 12px;
    font-family: var(--acumin_bold);
    line-height: 45px;
    background: #486898
}

.product_tab_sec .captionText .btn_sec_prod .knowMore:hover {
    background-color: #5b7db0;
    border-color: #5b7db0
}

.product_tab_sec .captionText .btn_sec_prod .shopOnline {
    background: #486898;
    border-radius: 25px;
    width: 150px;
    height: 45px;
    margin: 0 5px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    font-family: var(--acumin_bold);
    line-height: 45px
}

.product_tab_sec .captionText .btn_sec_prod .shopOnline:hover {
    background-color: #5b7db0
}

.product_nav_sec {
    text-align: center;
    padding-bottom: 50px;
    display: block;
    width: 50%;
    margin: auto;
    margin-top: 50px
}

.product_nav_sec .link1 {
    border: 2px solid rgba(56, 54, 54, 0.2);
    border-radius: 100px;
    padding: 12px 30px;
    color: #383636;
    font-size: 12px;
    font-family: var(--acumin_semibold);
    display: inline-block;
    margin-bottom: 15px
}

.product_nav_sec .link1.active {
    background: #383636 0% 0% no-repeat padding-box;
    color: #fff;
    border: 1px solid #383636;
    height: auto
}

.product_nav_sec .nav-tabs {
    display: block;
    border: 0
}

.featuredProducts_section .tab-content {
    border: 0 !important;
    background: none !important
}

.gm-style-iw-d h3 {
    font-size: 16px;
    color: #000;
    padding-bottom: 10px
}

.gm-style-iw-d ul li {
    display: flex;
    align-items: flex-start
}

.gm-style-iw-d ul li span {
    width: 40px;
    text-align: center
}

.gm-style-iw-d ul li a {
    width: 100px;
    color: var(--white);
    font-size: 10px;
    font-family: var(--acumin_bold);
    text-align: center;
    line-height: 37px;
    height: 35px;
    background: #486898 0% 0% no-repeat padding-box;
    border-radius: 35px;
    margin-left: 20px
}

.to-top {
    border-radius: 50%;
    font-size: 25px;
    line-height: 60px;
    background-color: #fff;
    color: #222;
    bottom: 84px;
    text-align: center;
    overflow: hidden;
    position: fixed;
    display: none;
    z-index: 9;
    right: 40px;
    line-height: 68px;
    box-shadow: 0px 20px 30px #00000029;
    width: 65px;
    height: 65px;
    align-items: center;
    justify-content: center
}

img {
    width: 100%;
    height: auto
}

footer {
    background: #141519 0% 0% no-repeat padding-box
}

.footer_lt_data_top {
    padding: 100px;
    padding-left: 90px
}

.footer_lt_data_top h2 {
    color: var(--white)
}

.footer_lt_data_top form input.form-control {
    border: 1px solid #ffffff1a;
    color: var(--white) !important;
    border-radius: 30px;
    height: 60px;
    background: #ffffff0d 0% 0% no-repeat padding-box;
    opacity: 1;
    padding-left: 30px;
    padding-top: 10px;
    font-size: 16px
}

.footer_lt_data_top form input.form-control::placeholder {
    font-size: 16px;
    position: relative;
    top: 2px
}

.footer_lt_data_top form .form-select {
    border: 1px solid #ffffff1a;
    color: var(--white);
    border-radius: 30px;
    height: 60px;
    background: #ffffff0d 0% 0% no-repeat padding-box;
    opacity: 1;
    padding-left: 30px
}

.footer_lt_data_top form input.form-control::placeholder {
    color: var(--white);
    opacity: 0.3
}

.footer_lt_data_top .submitBtn {
    background: #486898 0% 0% no-repeat padding-box;
    border-radius: 35px;
    width: 190px;
    height: 60px;
    margin-top: 25px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px
}

.border-right {
    border-right: 1px solid rgba(204, 204, 204, 0.1)
}

.footer_lt_data {}

.footer_lt_data_top {}

.footer_lt_data_top form {
    width: 100%;
    margin-top: 42px
}

.footer_lt_data_bottom {
    padding: 50px;
    padding-bottom: 85px;
    padding-top: 70px;
    padding-left: 94px
}

.footer_lt_data_bottom h5 {
    letter-spacing: -0.9px;
    color: #ffffff;
    font-family: var(--acumin_semibold);
    font-size: 30px;
    margin-bottom: 15px
}

.footer_lt_data_bottom .input-group .form-control {
    border: 1px solid #ffffff1a;
    color: var(--white);
    border-radius: 30px !important;
    height: 60px;
    background: #ffffff0d 0% 0% no-repeat padding-box;
    opacity: 1;
    padding-left: 30px;
    padding-top: 10px
}

.footer_lt_data_bottom .input-group .form-control {
    color: var(--white)
}

.footer_lt_data_bottom .input-group .form-control::placeholder {
    color: var(--white);
    opacity: 0.3
}

.footer_lt_data_bottom .input-group .btn-success {
    background: #486898 0% 0% no-repeat padding-box;
    width: 45px;
    height: 45px;
    border-radius: 50px !important;
    border: 0;
    position: absolute;
    top: 6px;
    right: 10px;
    z-index: 9
}

.footer_rt_data {
    padding: 100px;
    padding-right: 50px;
    padding-bottom: 50px
}

.footer_rt_data .productData>* {
    padding: 0
}

.footer_rt_data .ftr-heading {
    font-family: var(--acumin_exlight);
    font-weight: 300;
    font-size: 32px;
    color: var(--white);
    padding-bottom: 25px
}

.footer_rt_data .ftr-subheading {
    font-family: var(--acumin_regular);
    font-weight: 300;
    font-size: 16px;
    color: var(--white);
    opacity: 0.8;
    padding-top: 0px;
    padding-bottom: 15px
}

.footer_rt_data .listUL li {
    margin-bottom: 7px
}

.footer_rt_data .listUL li a {
    opacity: 0.5;
    color: var(--white);
    font-size: 14px;
    font-family: var(--roboto_reg);
    font-size: 14px;
    line-height: 1.2
}

.followUsSec {
    display: flex
}

.followUsSec .tlFus {
    font-size: 32px;
    color: var(--white);
    margin-right: 15px;
    font-family: var(--acumin_exlight)
}

.followUsSec .sm-icons {
    margin-left: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.followUsSec .sm-icons li {
    padding: 10px;
    margin-right: 10px
}

.followUsSec .sm-icons li i {
    color: var(--white)
}

.followUsSec .sm-icons li:hover i {
    opacity: 0.5
}

.copyrightSec {
    border-top: 1px solid rgba(204, 204, 204, 0.1);
    padding-top: 20px;
    padding-bottom: 20px;
    font: normal normal 300 12px/34px Roboto;
    color: #fff;
    text-align: center;
    font-family: var(--roboto_reg)
}

.copyrightSec .footerMenu ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.copyrightSec .footerMenu li {
    display: inline-block;
    padding: 0 8px
}

.copyrightSec .footerMenu li a {
    color: #fff;
    font-family: var(--roboto_reg);
    line-height: 1.2;
    font-size: 12px;
    letter-spacing: 0px
}

.copyrightSec a {
    color: #fff
}

.copyrightSec span a:hover {
    opacity: 0.8
}

.featuredProducts_section .heading h2 {
    text-align: center;
    margin-bottom: 0
}

.featuredProducts_section .heading p {
    text-align: center;
    color: rgba(35, 31, 32, 0.8)
}

.temp-4 {
    padding-top: 190px;
    padding-bottom: 100px
}

.temp-4 h2 {
    text-align: center;
    letter-spacing: -4.5px;
    color: #000000;
    opacity: 1;
    font-family: var(--acumin_bold);
    font-size: 90px;
    line-height: 1.2;
    margin-top: 69px
}

.temp-4-inner {
    width: 100%;
    padding: 0 5%
}

.breadcrumb1 {
    position: relative;
    z-index: 98;
    text-align: center;
    letter-spacing: 0px;
    color: rgb(0 0 0 / 50%);
    text-transform: uppercase;
    opacity: 1;
    font-family: var(--acumin_bold);
    font-size: 14px;
    line-height: 1.2;
    width: 100%
}

.breadcrumb1 a {
    text-align: center;
    letter-spacing: 0px;
    color: rgb(0 0 0 / 50%);
    text-transform: uppercase;
    opacity: 1;
    font-family: var(--acumin_bold);
    font-size: 14px;
    line-height: 1.2;
    width: 100%
}

.breadcrumb1 .page {
    color: #000
}

.temp-5 {
    width: 100%
}

.temp-5-area {
    padding: 0 7.23% 0 3.1%;
    display: flex
}

.temp-5-left {
    width: 23%;
    padding-right: 4.2%;
    border-right: 1px solid #f1f1f1;
    padding-top: 120px;
    padding-bottom: 120px
}

.temp-5-right {
    width: 77%;
    padding-left: 7.23%;
    padding-top: 120px;
    padding-bottom: 120px
}

input[type="checkbox"] {
    position: relative;
    border: 1px solid #cccccc;
    border-radius: 0 !important;
    background: none;
    cursor: pointer;
    line-height: 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 25px;
    width: 25px;
    -webkit-appearance: none;
    opacity: 1;
    box-shadow: none !important
}

input[type="checkbox"]:hover {
    opacity: 1
}

input[type="checkbox"]:checked {
    background-color: #486898;
    opacity: 1;
    border-color: unset;
    box-shadow: none
}

input[type="checkbox"]:before {
    content: "";
    position: absolute;
    right: 50%;
    top: 50%;
    width: 4px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2
}

.temp-5 .accordion-button {
    text-align: left;
    letter-spacing: -0.48px;
    color: #3c3535;
    text-transform: uppercase;
    opacity: 1;
    font-size: 16px;
    line-height: 1.2;
    font-family: var(--acumin_semibold);
    border-color: unset;
    box-shadow: none;
    border-bottom: 1px solid #cccccc;
    padding: 40px 0 12px 0
}

.temp-5 label {
    text-align: left;
    letter-spacing: -0.12px;
    color: #5e5e5e;
    text-transform: uppercase;
    opacity: 1;
    font-size: 12px;
    line-height: 1.4;
    font-family: var(--acumin_semibold);
    margin-left: 8px;
    margin-top: 8px
}

.temp-5 h5 {
    text-align: left;
    letter-spacing: -0.14px;
    color: #3c3535;
    text-transform: uppercase;
    opacity: 1;
    font-family: var(--acumin_bold);
    font-size: 14px;
    line-height: 1.1;
    margin: 12px 0 15px 0;
    display: inline-flex
}

.temp-5 h5:first-child {
    margin: 10px 0 15px 0
}

.temp-5 .form-check {
    margin-bottom: 15px;
    display: flex;
    align-items: center
}

.temp-5 .accordion-button:not(.collapsed) {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #cccccc
}

.temp-5 .accordion-item {
    border: 0
}

.temp-5 .accordion-body {
    padding: 0;
    padding-top: 20px
}

.temp-5 .accordion-body-scroll {
    max-height: 320px;
    overflow-y: auto;
    padding-right: 10px
}

.temp-5::-webkit-scrollbar {
    width: 2px
}

.temp-5::-webkit-scrollbar-thumb {
    background: #ccc
}

.temp-5::-webkit-scrollbar-track {
    background: #f1f1f1
}

.temp-5-rightInner {
    width: 100%;
    display: flex;
    justify-content: left;
    row-gap: 30px;
    column-gap: 30px;
    flex-wrap: wrap;
    overflow: auto;
    overflow-x: hidden;
    height: 1100px;
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.temp-5-card {
    width: 100%;
    position: relative
}

.temp-5-card-text {
    width: 100%;
    padding: 15px 0 15px 0
}

.temp-5-rightInner::-webkit-scrollbar {
    width: 0
}

.temp-5 .card-text-title {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 15px
}

.temp-5 .card-text-title h3 {
    text-align: left;
    letter-spacing: -0.4px;
    color: #486898;
    opacity: 1;
    font-family: var(--acumin_bold);
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 0;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize
}

.temp-5-rightInner2 {
    display: none
}

.temp-5 .card-text-title h4 {
    letter-spacing: -0.96px;
    color: #1f2127;
    opacity: 1;
    font-family: var(--acumin_bold);
    font-size: 20px;
    line-height: 20px;
    margin-bottom: -4px
}

.temp-5 .temp-5-card-text .card-product-mrp p {
    font-size: 20px;
    line-height: 14px
}

.temp-5 .temp-5-card-text p {
    text-align: left;
    letter-spacing: -0.28px;
    color: #1f2127;
    opacity: 0.7;
    font-size: 14px;
    line-height: 1.1;
    font-family: var(--roboto_reg);
    margin-bottom: 0
}

.temp-5-card h6 {
    text-align: center;
    letter-spacing: 1px;
    color: #ffffff;
    text-transform: uppercase;
    opacity: 1;
    font-family: var(--acumin_regular);
    font-size: 12px;
    background: rgb(0 0 0 / 40%);
    border-radius: 25px;
    padding: 8px 20px;
    border-radius: 25px;
    display: inline-block;
    position: absolute;
    top: 40px;
    z-index: 1;
    margin: 0 auto;
    width: fit-content;
    left: 0;
    right: 0
}

.temp-5 .add-boq {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
    transition: all 0.8s;
    opacity: 0;
    padding: 0 16px
}

.temp-5 .temp-5-card-img {
    width: 100%;
    height: 377px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    border: 1px solid #00000020
}

.temp-5 .temp-5-card-img img {
    transform: scale(0.7);
    transition: all 0.8s
}

.temp-5-card-img:hover img {
    transform: scale(0.4);
    transition: all 0.8s
}

.temp-5.search-journey .add-boq .btn-carsKnow {
    border: 1px solid #383636;
    color: #1f2127
}

.temp-5 .add-boq .btn-carsKnow {
    padding: 14px 24px 12px
}

.temp-5 .temp-5-card .add-boq .btn-carsKnow {
    color: #1f2127;
    border: 1px solid #1f2127;
    width: 100%
}

.temp-5 .temp-5-card .add-boq .btn-carsKnow-bgblue {
    background-color: #486898;
    color: #fff;
    margin-left: 10px;
    border: none
}

.temp-5 .temp-5-card-img:hover .add-boq {
    bottom: 40px;
    transition: all 0.8s;
    opacity: 1
}

.temp-5-left h3 {
    text-align: left;
    letter-spacing: -1.28px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
    font-family: var(--acumin_bold);
    font-size: 32px;
    line-height: 1.2;
    margin: 0
}

.accordion-button:not(.collapsed)::after {
    background: url(../images/svg/minus.svg) no-repeat center;
    background-size: cover;
    width: 14px;
    height: 2px
}

.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
    background: url(../images/svg/plus.svg) no-repeat center;
    background-size: auto;
    width: 14px;
    height: 14px;
    transition: all 0.5s ease
}

.accordion-item.active .accordion-button::after {
    background: url(../images/svg/minus.svg) no-repeat center
}

.temp-6 {
    width: 100%;
    position: relative
}

.temp-6-area {
    width: 40%;
    position: absolute;
    left: 100px;
    top: 50%;
    transform: translateY(-50%)
}

.temp-6 h3 {
    text-align: left;
    letter-spacing: -4.5px;
    color: #383636;
    text-transform: capitalize;
    opacity: 1;
    font-size: 90px;
    font-family: var(--acumin_bold);
    line-height: 1;
    margin-bottom: 20px;
    width: 722px
}

.temp-6 p {
    text-align: left;
    letter-spacing: -0.6px;
    color: #383636;
    opacity: 0.7;
    font-size: 20px;
    line-height: 1.2;
    font-family: var(--roboto_reg);
    margin-bottom: 60px;
    max-width: 397px
}

.temp-6 .temp-6-area p {
    padding-bottom: 60px
}

.temp-6 .btnMain {
    float: left;
    padding: 26px 64px
}

.career_banner img {
    height: calc(100vh - 140px);
    object-fit: cover
}

.inner_page_banner {
    margin-top: 140px;
    position: relative;
    height: calc(100vh - 140px)
}

.inner_page_banner img {
    height: calc(100vh - 140px)
}

.inner_page_banner:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    background: transparent linear-gradient(90deg, #000000 0%, #00000000 70%) 0% 0% no-repeat padding-box;
    opacity: 0.8
}

.inner_page_banner .container-fluid {
    height: 100%
}

.inner_page_banner.acbLand:before {
    background: none !important
}

.inner_page_banner.search_journey {
    height: calc(100vh - 30vh)
}

.home-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -100;
    transition: 1s opacity;
    object-fit: cover
}

.banner_content_wrapper {
    position: absolute;
    top: 156px;
    left: 140px;
    z-index: 2
}

.banner_content_wrapper .breadcrumb-item {
    font: normal normal 14px/20px var(--acumin_bold);
    letter-spacing: 0px;
    text-transform: uppercase
}

.banner_content_wrapper .breadcrumb-item a {
    color: rgb(255 255 255 / 50%)
}

.banner_content_wrapper .breadcrumb-item.active {
    opacity: 1;
    color: #fff;
    text-transform: uppercase
}

.banner_content_wrapper .breadcrumb-item+.breadcrumb-item::before {
    color: rgb(255 255 255 / 50%)
}

.banner_text {
    margin-top: 70px;
    max-width: 730px;
    width: 100%
}

.banner_text h1 {
    font: normal normal 80px/1.1 var(--acumin_bold);
    letter-spacing: -2px;
    color: #ffffff;
    opacity: 1;
    margin-bottom: 10px
}

.banner_text h1 sup {
    font-size: 12px;
    top: 0;
    bottom: auto;
    vertical-align: text-top;
    letter-spacing: 0
}

.banner_text p {
    margin: 0 0 60px;
    font: normal normal 20px/1.4 var(--roboto_reg);
    letter-spacing: 0px;
    color: rgb(255 255 255 / 100%);
    opacity: 1
}

.btn_solid {
    display: flex;
    width: 220px;
    height: 60px;
    background: #486898 0% 0% no-repeat padding-box;
    border-radius: 35px;
    align-items: center;
    justify-content: center;
    font: normal normal 14px/20px var(--acumin_bold);
    letter-spacing: 0px;
    color: #ffffff;
    text-transform: uppercase;
    opacity: 1;
    padding-top: 4px
}

.btn_solid:hover {
    color: #fff;
    background-color: #5b7db0
}

.padding--tb {
    padding: 120px 0;
}

.elegant_design {
    background: url(../images/switches_accessories/inner_page_section_bg.png) no-repeat;
    padding: 120px 0;
    background-size: cover
}

.dark_center {
    text-align: center
}

.head_wrapper h2 {
    font: normal normal 72px/1.1 var(--acumin_bold);
    letter-spacing: -2px;
    opacity: 1;
    position: relative;
    margin-bottom: 10px;
    color: #231f20
}

.dark_center.head_wrapper {
    padding-bottom: 42px
}

.temp-9 .btnMain {
    margin-top: 42px
}

.head_wrapper p {
    width: 830px;
    font: normal normal 16px / 1.4 var(--roboto_reg);
    letter-spacing: 0px;
    color: rgba(35, 31, 32, 0.8);
    margin: 0;
    color: rgba(35, 31, 32, 0.8)
}

.dark_center.head_wrapper p {
    margin: 0 auto 0;
    color: rgba(35, 31, 32, 0.8)
}

.elegant_slider_wrapper .swiper-slide {
    height: auto;
    padding: 0;
    gap: 30px;
    display: flex
}

.elegant_slider_wrapper {
    padding: 0 0px
}

.elegant_design_slider {
    overflow: visible
}

.slide_card,
.linear_gradient {
    position: relative
}

.slide_card {
    overflow: hidden
}

.linear_gradient:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 1) 100%);
    z-index: 1
}

.slide_card:hover .linear_gradient:before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 38%, rgba(0, 0, 0, 1) 100%)
}

.slider_card_content_wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 40px;
    color: #383636;
    z-index: 1;
    transform: translateY(0);
    transition: all 0.5s ease
}

.slide_card:hover .slider_card_content_wrapper {
    transform: translateY(-60px)
}

.slider_card_content_wrapper h2 {
    font: normal normal 32px/38px var(--acumin_regular);
    letter-spacing: 0;
    text-transform: capitalize;
    opacity: 1;
    margin: 0 0 10px
}

.slider_card_content_wrapper p {
    margin: 0;
    text-align: left;
    font: normal normal 16px/22px var(--roboto_reg);
    letter-spacing: 0px;
    opacity: 0.7;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.light_content h2,
.light_content p {
    color: #fff
}

.top_left_logo {
    position: absolute;
    top: 25px;
    left: 40px;
    width: 150px;
    height: auto;
    object-fit: contain;
    z-index: 1;
}

.swiper-slide.arteor-advanced .top_left_logo {
    width: 180px
}

.slide_card .product_img {
    transition: all 0.5s ease;
    height: 100%
}

.slide_card:hover .product_img {
    transform: scale(1.1)
}

.slide_card:hover .top_left_logo {
    transform: none
}

.know_more_btn {
    color: #fff;
    display: flex;
    width: 130px;
    height: 45px;
    border: 2px solid #383636;
    border-radius: 100px;
    opacity: 1;
    align-items: center;
    justify-content: center;
    font: normal normal 12px/16px var(--acumin_bold);
    letter-spacing: 0px;
    color: #383636;
    text-transform: uppercase;
    opacity: 1;
    margin-top: 30px;
    padding-top: 4px
}

.light_content .know_more_btn {
    border-color: #fff;
    color: #fff
}

.know_more_btn {
    position: absolute;
    transform: translateY(100px)
}

.slide_card:hover .know_more_btn {
    transform: translateY(-10px)
}

.slide_card:hover .know_more_btn:hover {
    background-color: #5b7db0;
    color: #fff;
    border-color: #5b7db0
}

.top_right_fullcscreen {
    position: absolute;
    top: 40px;
    right: 40px;
    max-width: 40px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease
}

.slide_card:hover .top_right_fullcscreen {
    opacity: 1;
    visibility: visible
}

.light_content .top_right_fullcscreen {
    filter: invert(1)
}

.product_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none
}

.video_modal_wrapper .modal-dialog.modal-dialog-centered {
    min-width: 90%;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.video_modal_wrapper .modal-body.popup__overlay {
    padding: 0px
}

.video_modal_wrapper .modal-content {
    border-radius: 0;
    height: 70vh;
    width: 70%
}

.all_products {
    height: 960px
}

.sec_bg_img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1
}

.light_left.head_wrapper h2,
.light_left.head_wrapper p {
    color: #fff;
    text-align: left
}

.all_prod_data_wrapper {
    padding: 120px 100px;
    display: grid;
    grid-template-columns: 521px auto;
    justify-content: space-between
}

.all_products .light_left.head_wrapper p {
    margin-bottom: 60px;
    width: 521px
}

.product_wrapper img {
    max-width: 29px
}

.product_wrapper h3 {
    font: normal normal 16px/18px var(--acumin_medium);
    letter-spacing: 0;
    color: #ffffff;
    text-transform: uppercase;
    opacity: 1;
    margin: 0
}

.product_wrapper {
    height: 170px;
    background: #00000033 0% 0% no-repeat padding-box;
    border: 1px solid #cccccc;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px;
    transition: all 0.5s ease
}

.product_wrapper:hover {
    background: #00000066
}

.product_right_grid_wrapper {
    display: grid;
    grid-template-columns: 210px 210px 210px 210px;
    gap: 20px
}

.swiper.products_list_swiper {
    overflow: visible
}

.product_highlights {
    padding: 120px 0;
    background: #f3f3f3;
    overflow: hidden
}

.swiper.products_list_swiper {
    padding: 0 100px 100px;
    position: relative
}

.products_list_swip_wrapper:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: linear-gradient(182deg, rgba(255, 255, 255, 0) 62%, rgba(0, 0, 0, 1) 100%);
    opacity: 1;
    z-index: 1
}

.highlight-card {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: all 0.3s ease-in-out;
    z-index: 1
}

.highlight-card h3 {
    font: normal normal 20px / 30px var(--acumin_regular);
    letter-spacing: 0;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0;
    width: 100%;
    font-size: 19px;
    line-height: 22px;
    line-height: 28px
}

.highlight-card p {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 1px
}

.products_list_swip_wrapper:hover .highlight-card {
    transition: all 0.3s ease-in-out
}

.blog-titlegroup {
    max-width: 60%;
    width: 100%;
    margin: 0 auto
}

section.sticky-right-bar {
    padding: 0
}

section.banner_sec {
    padding: 0;
    overflow: hidden
}

.featuredProducts_section .tabs-container nav {
    margin: 0 auto;
    background: #fff
}

.featuredProducts_section .tabs-container nav ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    padding: 0 10px
}

.featuredProducts_section .tabs-container nav ul li {
    padding: 1rem;
    cursor: pointer;
    color: #a7a7a7;
    border-top: 1px solid #eee;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 25px;
    text-transform: uppercase;
    max-width: 252px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 15px 30px 12px
}

.featuredProducts_section .tabs-container nav ul li:hover {
    color: #3e4b58
}

.featuredProducts_section .tabs-container nav ul li.active {
    color: #3e4b58;
    border-top: none
}

.featuredProducts_section .tabs-container {
    position: relative;
    margin-top: 30px;
    text-align: center
}

.featuredProducts_section .tabs-container nav {
    position: relative;
    width: 50%
}

.featuredProducts_section .tabs-container nav ul li {
    order: 1
}

.featuredProducts_section .tabs-container nav ul li.active {
    order: 0
}

.featuredProducts_section .tabs-container nav ul li:not(.active) {
    position: absolute;
    top: -999em
}

.featuredProducts_section .tabs-container nav ul.expanded li:not(.active) {
    position: relative;
    top: auto
}

.whereToBuy_sec .lt_data {
    padding-bottom: 0;
    position: relative
}

.wt-buy-body::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: calc(100% - 50px);
    height: 16px;
    background-color: #f3f3f3;
    top: auto
}

.featuredProducts_section .tab-content {
    display: none;
    padding-top: 42px
}

.featuredProducts_section.no-display-none .tab-content {
    display: block;
    padding-top: 40px
}

.featuredProducts_section .tab-content.currentTab {
    display: inherit
}

.showMobile {
    display: none !important
}

.container1 {
    padding: 0 100px
}

.sec-p {
    padding: 70px 0
}

.temp-7 {
    width: 100%
}

.temp-7-left {
    width: 73.79%
}

.temp-7-right {
    width: 26.21%;
    display: flex;
    align-items: end
}

.temp-7-area {
    width: 100%;
    display: flex;
    gap: 20px;
    margin-top: 42px
}

.temp-7-card {
    width: 27%;
    background-color: #ffffff;
    box-shadow: 0px 30px 50px #0000000d;
    opacity: 1;
    padding: 50px 50px;
    position: relative
}

.temp-7-card .buying-up {
    position: absolute;
    top: 50%;
    right: -60px;
    width: 99px;
    z-index: 1;
    transform: translateY(-50%)
}

.temp-7-card .buying-down {
    position: absolute;
    top: 50%;
    right: -60px;
    width: 99px;
    z-index: 1;
    transform: translateY(-50%)
}

.temp-7-card-img {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative
}

.temp-7-num {
    padding: 13px;
    background: #f07423;
    box-shadow: 0px 15px 20px #00000033;
    opacity: 1;
    border-radius: 50%;
    text-align: left;
    letter-spacing: -0.64px;
    color: #ffffff;
    opacity: 1;
    font-family: var(--acumin_bold);
    font-size: 16px;
    line-height: 1;
    position: absolute;
    bottom: -16px
}

.temp-7-num.colorSkyBlue {
    background-color: #42a8db
}

.temp-7-num.colorBlue {
    background-color: #486898
}

.temp-7-imageArea {
    width: 180px;
    height: 180px;
    background-color: rgb(255 236 235 / 50%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.temp-7-imageArea img {
    width: 112px
}

.temp-7-imageArea-2 {
    width: 180px;
    height: 180px;
    background-color: #dfffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.temp-7-imageArea-2 img {
    width: 58px
}

.temp-7-imageArea-3 {
    width: 180px;
    height: 180px;
    background-color: #ebf3ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.temp-7-imageArea-3 img {
    width: 80px
}

.temp-7-card h4 {
    text-align: center;
    letter-spacing: -0.8px;
    color: #3c3535;
    text-transform: capitalize;
    opacity: 1;
    font-size: 20px;
    line-height: 1.1;
    font-family: var(--acumin_medium);
    margin: 0
}

.temp-7-card-text {
    margin-top: 61px
}

.temp-7-bg {
    background-color: #f9f9f9;
    padding: 120px 0
}

.temp-7-inner {
    display: flex;
    justify-content: start
}

.temp-7-right-card {
    position: relative
}

.temp-7-right-card:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: transparent linear-gradient(180deg, #00000000 65%, #000000 100%) 0% 0% no-repeat padding-box
}

.temp-7-right-cardText {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 50px;
    background: transparent linear-gradient(180deg, #00000000 0%, rgb(0 0 0 / 70%) 100%) 0% 0% no-repeat padding-box;
    padding-top: 100px
}

.temp-7-right-cardText h4 {
    text-align: left;
    letter-spacing: -1.6px;
    color: #ffffff;
    text-transform: capitalize;
    opacity: 1;
    font-family: var(--acumin_regular);
    font-size: 40px;
    line-height: 1;
    margin-bottom: 10px
}

.temp-7-right-cardText p {
    text-align: left;
    letter-spacing: -0.32px;
    color: #ffffff;
    opacity: 0.8;
    font-size: 16px;
    line-height: 1.1;
    font-family: var(--roboto_reg);
    margin-bottom: 40px
}

.temp-7-right-cardText .btn-carsKnow-bgblue {
    background-color: #486898;
    color: #fff;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.temp-7-needHelp {
    width: 55px;
    margin-bottom: 20px
}

.temp-8 {
    width: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: start
}

.temp-8-left {
    width: 50%;
    position: relative
}

.temp-8-right {
    width: 50%;
    position: relative;
    overflow: hidden
}

.temp-8-textArea {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 80px;
    background: transparent linear-gradient(180deg, #00000000 0%, rgb(0 0 0 / 30%) 100%) 0% 0% no-repeat padding-box
}

.temp-8-textArea h4 {
    text-align: left;
    letter-spacing: 0;
    color: #ffffff;
    text-transform: capitalize;
    opacity: 1;
    font-family: var(--acumin_regular);
    font-size: 40px;
    line-height: 1;
    margin-bottom: 10px;
    transition: all 0.8s;
    transform: translateY(60px)
}

.temp-8-right:hover .temp-8-textArea h4 {
    transform: translateY(-10px);
    transition: all 0.8s
}

.temp-8-right:hover .temp-8-textArea p {
    transform: translateY(-10px);
    transition: all 0.8s
}

.temp-8-right img {
    transform: scale(1);
    transition: all 0.5s
}

.temp-8-right:hover img {
    transform: scale(1.1);
    transition: all 0.5s
}

.temp-8-textArea p {
    text-align: left;
    letter-spacing: 0;
    color: #ffffff;
    opacity: 0.8;
    font-family: var(--roboto_reg);
    font-size: 16px;
    line-height: 1.3;
    width: 55%;
    transition: all 0.8s;
    transform: translateY(60px)
}

.btn-carsKnow-bgblue {
    background-color: #486898;
    color: #fff;
    margin-left: 10px;
    border: 2px solid #486898
}

.temp-8-textArea .add-boq1 {
    opacity: 0;
    transition: all 0.8s;
    display: flex;
    flex-wrap: wrap
}

.temp-8-right:hover .temp-8-textArea .add-boq1 {
    opacity: 1;
    transition: all 0.8s;
    transition-delay: 0.3s
}

.temp-9 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    justify-content: space-between
}

.temp-9-sec {
    padding: 120px 0
}

.download-slider1 .swiper-slide {
    height: auto
}

.temp-9-area {
    width: 52%
}

.temp-9-area-2 {
    width: 44%
}

.temp-9-livingNow {
    padding: 40px 50px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: #00000005;
    border: 1px solid #3836361a;
    opacity: 1;
    gap: 30px;
    height: 100%
}

.temp-9-catalogue {
    flex: 1
}

.temp-9-pdf {
    display: flex;
    align-items: start
}

.temp-9 h6 {
    text-align: center;
    letter-spacing: 1px;
    color: #383636;
    text-transform: uppercase;
    opacity: 1;
    font-family: var(--acumin_regular);
    font-size: 10px;
    background: rgb(56 54 54 / 10%);
    border-radius: 25px;
    padding: 10px 16px 6px;
    border-radius: 25px;
    display: inline-block;
    margin-bottom: 20px;
    z-index: 1
}

.temp-9 h5 {
    text-align: left;
    letter-spacing: 0;
    color: #383636;
    text-transform: capitalize;
    opacity: 1;
    font-family: var(--acumin_semibold);
    font-size: 22px;
    line-height: 1.1;
    margin-bottom: 10px
}

.temp-9-livingNow a {
    text-align: left;
    letter-spacing: 2.4px;
    color: #486898;
    text-transform: uppercase;
    opacity: 1;
    font-family: var(--acumin_bold);
    font-size: 12px;
    line-height: 1.1;
    opacity: 0;
    transition: all 0.8s;
    position: absolute
}

.temp-9-catalogue a::after {
    content: "";
    width: 30px;
    height: 1px;
    background-color: #486898;
    display: block;
    position: absolute;
    right: -34px;
    bottom: 4px
}

.temp-9-livingNow:hover .temp-9-catalogue a {
    opacity: 1;
    transition: all 0.8s;
    transition-delay: 0.3s
}

.temp-9-text {
    transition: all 0.8s
}

.temp-9-livingNow:hover .temp-9-text {
    transform: translateY(-10px);
    transition: all 0.8s
}

.temp-9-DownloadBg {
    padding: 120px 0;
    background: url(../images/download-bg.png) no-repeat top;
    background-size: cover
}

.temp-9-DownloadBg.contactus-new {
    background: none
}

.pointer-content {
    display: none
}

.temp-9-livingNow:hover {
    background: #0000000f 0% 0% no-repeat padding-box;
    box-shadow: 0px 40px 80px #0000000d;
    border: 1px solid #3836361a;
    opacity: 1
}

.temp-10 {
    width: 100%
}

.temp-10-area {
    width: 100%;
    margin-top: 42px;
    padding: 0 0px
}

.temp-10 .heading h2 {
    text-align: center
}

.temp-10 .heading p {
    text-align: center;
    max-width: 612px;
    margin: auto
}

.ptb-120 {
    padding: 120px 0
}

.temp-10-card {
    position: relative;
    cursor: pointer
}

.temp-10-text {
    width: 100%;
    padding: 20px;
    position: absolute;
    left: 0;
    bottom: 25px;
    z-index: 1
}

.temp-10-text h4 {
    text-align: left;
    letter-spacing: 0;
    color: #fff;
    text-transform: capitalize;
    opacity: 1;
    font-size: 24px;
    line-height: 1.2;
    font-family: var(--acumin_regular);
    margin-bottom: 15px;
    transform: translateY(0);
    transition: all 0.8s
}

.temp-10-text p {
    text-align: left;
    letter-spacing: 0px;
    color: #fff;
    opacity: 0.7;
    font-size: 14px;
    line-height: 1.4;
    font-family: var(--roboto_reg);
    transform: translateY(0);
    transition: all 0.8s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.temp-10-card:hover .temp-10-text h4 {
    transform: none;
    transition: all 0.8s
}

.temp-10-card:hover .temp-10-text p {
    transform: none;
    transition: all 0.8s
}

.temp-10-cardLogo {
    width: 91px;
    position: absolute;
    left: 40px;
    top: 40px
}

.temp-10-card:hover .top_right_fullcscreen {
    opacity: 1;
    visibility: visible
}

.temp-10-card .top_right_fullcscreen {
    width: 25px
}

.temp-10-text .btn-carsKnow {
    border: 2px solid #fff;
    color: #fff
}

.temp-10-card2 {
    position: relative;
    cursor: pointer
}

.temp-10-card2Logo {
    width: 91px;
    position: absolute;
    left: 40px;
    top: 40px
}

.temp-10-text2 {
    width: 100%;
    padding: 30px 40px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
    opacity: 1
}

.temp-10-text2 h4 {
    text-align: left;
    letter-spacing: -0.96px;
    color: #fff;
    text-transform: capitalize;
    opacity: 1;
    font-size: 24px;
    line-height: 1.2;
    font-family: var(--acumin_regular);
    margin-bottom: 5px;
    transform: translateY(55px);
    transition: all 0.8s
}

.breadcrumb {
    margin: 0;
    display: flex;
    align-items: center
}

.temp-10-text2 p {
    text-align: left;
    letter-spacing: 0px;
    color: #fff;
    opacity: 0.7;
    font-size: 16px;
    line-height: 1.2;
    font-family: var(--roboto_reg);
    transform: translateY(55px);
    transition: all 0.8s;
    margin-bottom: 8px
}

.temp-10-text2 a {
    opacity: 0;
    transition: all 0.3s
}

.temp-10-card2:hover .temp-10-text2 a {
    opacity: 1;
    transition: all 0.3s
}

.btn-carsKnow:hover {
    background-color: #5b7db0;
    color: #fff !important;
    border: 1px solid #5b7db0 !important
}

.temp-10-card2:hover .temp-10-text2 h4 {
    transform: translateY(-10px);
    transition: all 0.8s
}

.temp-10-card2:hover .temp-10-text2 p {
    transform: translateY(-10px);
    transition: all 0.8s
}

.breadcrumb1 span {
    margin: 0 2px
}

.temp-11 {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.temp-11-left {
    width: 41.14%;
    padding-right: 7%
}

.temp-11-right {
    width: 58.854%;
    padding-left: 6%
}

.temp-11-area {
    padding: 30px 59px;
    display: flex;
    background-color: #fff;
    align-items: center;
    justify-content: start;
    margin-bottom: 10px
}

.temp-11-innerL {
    text-align: left;
    letter-spacing: -2.4px;
    color: #3c3535;
    opacity: 0.5;
    font-family: var(--acumin_medium);
    font-size: 40px;
    line-height: 1;
    padding-right: 44px;
    border-right: 1px solid rgb(112 112 112 / 20%)
}

.temp-11-innerR {
    text-align: left;
    letter-spacing: -0.4px;
    color: #5e5e5e;
    opacity: 1;
    font-family: var(--acumin_regular);
    font-size: 20px;
    line-height: 1;
    padding-left: 51px
}

.custom-select:before,
.custom-select:after {
    background: none;
    content: "";
    position: absolute;
    width: 8px;
    height: 2px;
    background-color: #5e5e5e;
    display: inline-block;
    border-radius: 50px;
    transition: all 0.5s ease;
    right: 26px;
    top: 28px
}

.custom-select:after {
    transform: rotate(45deg);
    right: 36px
}

.custom-select:before {
    transform: rotate(-45deg);
    right: 31px
}

.cont_select_center {}

.cont_heg_50 {
    position: absolute;
    height: 50%;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fd7b52
}

.icon_select_mate {
    position: absolute;
    top: 20px;
    right: 4%;
    font-size: 16px;
    height: 22px;
    transition: all 275ms;
    opacity: 0.3
}

.select_mate {
    position: relative;
    width: 100%;
    min-height: 60px;
    border: 1px solid #ffffff1a;
    background-color: #fff;
    box-shadow: 1px 2px 10px -2px rgba(0, 0, 0, 0.3);
    border-radius: 30px;
    transition: all 375ms ease-in-out;
    background: #ffffff0d 0% 0% no-repeat padding-box;
    color: #fff;
    font-family: var(--roboto_reg);
    font-size: 16px
}

.select_mate select {
    position: absolute;
    overflow: hidden;
    height: 0px;
    opacity: 0;
    z-index: -1
}

.cont_list_select_mate {
    position: relative;
    float: left;
    width: 100%
}

.cont_select_int {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 999;
    overflow: hidden;
    height: 0px;
    width: 100%;
    background-color: #ccc;
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    border-radius: 10px;
    box-shadow: 1px 4px 10px -2px rgba(0, 0, 0, 0.2);
    transition: all 375ms ease-in-out
}

.cont_select_int li {
    position: relative;
    float: left;
    width: 96%;
    border-bottom: 1px solid #e0e0e0;
    background-color: #ccc;
    list-style-type: none;
    padding: 10px 2%;
    margin: 0px;
    transition: all 275ms ease-in-out;
    display: block;
    cursor: pointer
}

.cont_select_int li .active {
    background-color: #eeeeee
}

.cont_select_int li&:last-child {
    border-radius: 3px;
    border-bottom: 0px
}

.cont_select_int li &:hover {
    background-color: #eeeeee
}

.selecionado_opcion {
    padding: 17px 8%;
    width: 96%;
    display: block;
    margin: 0px;
    cursor: pointer;
    opacity: 0.3
}

.enq_lt_data .select_mate {
    color: #000;
    background: #f9f9f9 0% 0% no-repeat padding-box;
    box-shadow: none;
    border: 1px solid #efefef;
    border-radius: 35px
}

.enq_lt_data .selecionado_opcion {
    opacity: 0.5
}

.enq_lt_data .icon_select_mate {
    top: 17px
}

.fanRegulator360 {
    padding-top: 140px
}

.fanRegulator360 .swiper {
    width: 100%;
    height: 100%
}

.fanRegulator360 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.fanRegulator360 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.fanRegulator360 .swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto
}

.fanRegulator360 .swiper-slide {
    background-size: cover;
    background-position: center
}

.fanRegulator360 .mySwiper2 {
    height: 80%;
    width: 100%
}

.fanRegulator360 .mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0
}

.fanRegulator360 .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4
}

.fanRegulator360 .mySwiper .swiper-slide-thumb-active {
    opacity: 1
}

.fanRegulator360 .swiper-slide img {
    display: block;
    width: 270px;
    height: 332px;
    object-fit: contain
}

.fanRegulator360 .swiper-thumbs .swiper-slide img {
    width: auto;
    height: 66px
}

.fanRegulator360 .container-fluid {
    padding: 0
}

.wrapFanRegul360 {
    padding-top: 100px;
    width: 70%;
    margin: auto
}

.fan360_breadcrumb {
    padding-top: 70px;
    padding-left: 11%;
    display: flex;
    width: 100%;
    position: relative
}

.fan360_breadcrumb .breadcrumb-item a {
    color: #000;
    opacity: 0.5;
    font-size: 14px
}

.fan360_breadcrumb .breadcrumb-item.active {
    color: #000;
    opacity: 1;
    font: normal normal bold 14px/20px var(--acumin_bold)
}

.fanRegular360mySwiper2 {
    margin-bottom: 100px
}

.shareBtn1 {
    border-radius: 50%;
    background: #f4f6fb 0% 0% no-repeat padding-box;
    width: 45px;
    height: 45px;
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    margin-top: -12px
}

.shareBtn1 img {
    width: 16px;
    height: 16px
}

.fanRegulator360 .swiper-thumbs .swiper-wrapper {
    justify-content: flex-start
}

.fanRegulator360 .swiper-thumbs .swiper-slide {
    width: 130px !important;
    height: 130px !important;
    border: 1px solid #cccccc;
    opacity: 0.6;
    text-align: left;
    letter-spacing: 0px;
    color: #4c4e54;
    text-transform: uppercase;
    font-family: var(--acumin_semibold);
    font-size: 16px;
    line-height: 1
}

.fanRegulator360 .swiper-thumbs .swiper-slide.swiper-slide-thumb-active {
    border: 1px solid #3c3535
}

.fanRegulator360 .ltfRegulator {
    background: #fff
}

.fanRegulator360 .rtfRegulator {
    background: #f9f9f9 0% 0% no-repeat padding-box
}

.fanRegulator-details {
    background: #f9f9f9 0% 0% no-repeat padding-box;
    padding: 48px;
    padding-right: 80px;
    width: 100%
}

.fanRegulator-details h2 {
    font: normal normal bold 40px/50px var(--acumin_regular);
    width: 410px
}

.fanRegulator-details .subTl {
    font: normal normal normal 24px / 28px var(--acumin_regular);
    letter-spacing: -1.2px;
    color: #000000;
    position: relative
}

.fanRegulator-details p {
    text-align: left;
    font: normal normal normal 16px/20px var(--roboto_reg);
    margin: 0;
    color: rgba(31, 33, 39, 0.7);
    font-style: SemiBold;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0%
}

.fanRegulator-details hr {
    background: #707070;
    height: 1px;
    width: 100%;
    opacity: 0.1
}

.fanRegulator-details .colorSec h6 {
    padding-top: 10px
}

.fanRegulator-details .colorSec ul li span {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%
}

.fanRegulator-details .colorSec ul li span.colr1 {
    background: #c2c1c6 0% 0% no-repeat padding-box
}

.fanRegulator-details .colorSec ul li span.colr2 {
    background: #deded7 0% 0% no-repeat padding-box
}

.fanRegulator-details .colorSec ul li span.colr3 {
    background: #ffffff 0% 0% no-repeat padding-box
}

.fanRegulator-details .amt-Sect {
    margin: 20px;
    font: normal normal bold 36px/50px var(--acumin_bold);
    letter-spacing: 0px;
    color: #000000;
    align-items: center;
    gap: 12px
}

.productdetail-price small {
    font-size: 12px
}

.productdetail-price span {
    font-size: 16px;
    font-family: var(--acumin_regular);
    font-weight: 400;
    line-height: 1;
    text-decoration: line-through;
    word-wrap: break-word;
    color: rgba(0, 0, 0, 0.5);
    margin-left: 4px
}

.productdetail-count-wrapper {
    margin-top: 20px
}

.productdetail-count {
    display: flex;
    align-items: center;
    gap: 20px
}

.productdetail-qty-taglist {
    display: flex;
    gap: 6px;
    flex-wrap: wrap
}

.productdetail-qty-tag {
    font-size: 12px;
    font-family: var(--acumin_medium);
    font-weight: 500;
    text-transform: uppercase;
    word-wrap: break-word;
    color: rgb(56 54 54 / 40%);
    padding: 6px 22px;
    border: 1px solid rgb(56 54 54 / 40%);
    border-radius: 35px;
    cursor: pointer
}

.productdetail-count .text {
    font-family: var(--roboto_reg);
    font-weight: 600;
    font-style: SemiBold;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    margin: 0
}

.productdetail-count .number {
    background: #fff;
    border: 1px solid rgba(232, 232, 232, 1);
    padding: 8px 15px;
    border-radius: 35px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    width: 100px
}

.productdetail-count span {
    font-size: 18px;
    line-height: 1;
    color: rgba(0, 0, 0, 1);
    cursor: pointer
}

h6.productdetail-subtitle {
    font-family: var(--acumin_medium);
    font-weight: 500;
    font-style: Medium;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0px;
    opacity: 0.5
}

.warning-msg {
    margin-top: 20px;
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 21px 16px;
    background: rgba(242, 201, 76, 0.3);
    border-radius: 8px
}

.warning-msg.show {
    display: flex
}

.warning-msg-left {
    display: flex;
    align-items: center;
    gap: 10px
}

.warning-msg-left img {
    width: 20px;
    height: 20px
}

.warning-msg-content h4 {
    font-family: var(--acumin_semibold);
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #000
}

.warning-msg-content p {
    font-family: var(--acumin_regular);
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #000;
    opacity: 0.5
}

.warning-msg-right p {
    padding: 11px 31px;
    border-radius: 35px;
    border: 1px solid #000;
    cursor: pointer;
    font-family: var(--acumin_bold);
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase
}

.wrapNumber-Button {
    display: flex;
    margin-top: 50px;
    width: 100%;
    gap: 10px
}

.wrapNumber-Button div {
    width: 100%
}

.wrapNumber-Button span {
    cursor: pointer
}

.wrapNumber-Button .minus,
.wrapNumber-Button .plus {
    width: 40px;
    height: 20px;
    background: none;
    border-radius: 0;
    padding: 8px 5px 8px 5px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 6px;
    font-size: 25px;
    font-weight: bold;
    font-family: var(--acumin_bold)
}

.wrapNumber-Button input {
    height: 25px;
    width: 36px;
    text-align: center;
    font-size: 20px;
    border: 1px solid #ddd;
    border-radius: 0;
    display: inline-block;
    vertical-align: middle;
    border-top: 0;
    border-bottom: 0;
    background: transparent
}

.wrap_button {
    border: 2px solid #486898;
    border-radius: 35px;
    width: 289px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px
}

.wrap_button .number {
    width: 50%;
    justify-content: center;
    margin: auto;
    display: flex;
    align-items: center
}

.wrap_button .addToboq {
    font: normal normal bold 14px/20px var(--acumin_bold);
    color: #486898;
    text-transform: uppercase;
    border: 0;
    background: none;
    border-left: 2px solid #486898;
    height: 66px;
    padding: 10px;
    width: 50%
}

.shospOnlineBtn {
    float: left;
    padding: 25px 50px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0px;
    color: #fff;
    text-align: center;
    outline: 0;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    background: #486898;
    border-radius: 35px;
    opacity: 1;
    text-align: center;
    letter-spacing: 0px;
    color: #ffffff;
    text-transform: uppercase
}

.fanRegulator-details .wrap-lgo360 {
    margin-top: 50px
}

.fanRegulator-details .wrap-lgo360 ul li {
    display: inline-block;
    margin-right: 25px
}

.gm-style-iw-d ul li span {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    margin-right: 15px;
    background: #f9f9f9 0% 0% no-repeat padding-box;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.gm-style-iw-d ul li span img {
    width: 60%
}

.to-top img {
    width: 20px
}

.specificationSec {
    padding-top: 150px;
    padding-bottom: 150px
}

.specificationSec h2 {
    font: normal normal bold 90px/90px var(--acumin_bold);
    letter-spacing: -4.5px;
    color: #000000;
    text-transform: capitalize;
    text-align: center
}

.specificationSec p {
    text-align: center;
    font: normal normal normal 20px/28px Roboto;
    letter-spacing: -0.6px;
    color: #1f2127;
    opacity: 0.7
}

.specifiUl {
    display: flex;
    text-align: center;
    margin-top: 50px;
    justify-content: center;
    align-items: center;
    gap: 40px
}

.specifiUl li {
    display: inline-block;
    border: 1px solid #cccccc;
    width: 340px;
    height: 340px;
    margin-right: 20px;
    position: relative;
    margin: 0
}

.specifiUl li .spec-Info {
    position: absolute;
    bottom: 0;
    text-align: left;
    width: 100%;
    padding: 40px
}

.specifiUl li .spec-Info span {
    letter-spacing: -2.4px;
    display: block;
    color: #3c3535;
    font: normal normal 900 35px / 100px var(--acumin_bold);
    line-height: 40px;
    margin-bottom: 10px
}

.specifiUl li .spec-Info label {
    font: normal normal bold 16px/28px var(--acumin_bold);
    letter-spacing: -0.32px;
    color: #5e5e5e;
    text-transform: uppercase
}

.specifiUl li .icon1 {
    position: absolute;
    width: auto;
    top: 40px;
    left: 40px
}

.features-benefits-sec {
    position: relative
}

.left-featuresBenifits {
    position: absolute;
    left: 8%;
    top: 15%
}

.left-featuresBenifits h3 {
    font: normal normal bold 90px/90px var(--acumin_bold);
    letter-spacing: -4.5px;
    color: #000000;
    text-transform: capitalize
}

.left-featuresBenifits p {
    font: normal normal normal 20px/28px var(--roboto_reg);
    letter-spacing: -0.6px;
    color: #1f2127;
    opacity: 0.7
}

.rt-featuresBeniData {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 70px 99px #0000000d;
    width: 750px;
    height: 706px;
    overflow-y: scroll;
    position: absolute;
    right: 10%;
    top: 15%;
    padding: 35px 65px
}

.rt-featuresBeniData::-webkit-scrollbar {
    width: 2px
}

.rt-featuresBeniData .row {
    border-bottom: 1px solid #ccc;
    align-items: baseline;
    padding-top: 15px;
    padding-bottom: 15px
}

.rt-featuresBeniData .row:last-child {
    border: none
}

.rt-featuresBeniData .row h6 {
    font: normal normal 600 14px/40px var(--acumin_semibold);
    letter-spacing: -0.42px;
    color: #3c3535;
    text-transform: capitalize;
    padding-bottom: 0;
    margin-bottom: 0
}

.rt-featuresBeniData .row p {
    font: normal normal 300 16px/20px var(--acumin_regular);
    letter-spacing: 0px;
    color: #3c3535;
    opacity: 1;
    padding-bottom: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 10px
}

.rt-featuresBeniData ul li {
    padding-bottom: 10px;
    /* padding-top: 10px; */
    list-style: disc;
    font: normal normal 300 16px/20px var(--acumin_regular);
    letter-spacing: -0.48px;
    color: #3c3535
}

.rt-featuresBeniData ul {
    list-style-type: decimal;
    padding-left: 15px
}

.rt-featuresBeniData ul li::marker {
    color: #3c3535
}

.flg-ico {
    max-width: 35px
}

.link1 {
    color: #2c71d8
}

.temp-10.type02 .heading p {
    max-width: 100%;
    padding: 0 20px
}

.temp-10-card2.type02 {
    overflow: hidden
}

.temp-10-card2.type02 img {
    transform: scale(1);
    transition: all 0.8s
}

.temp-10-card2.type02:hover img {
    transform: scale(1.2);
    transition: all 0.8s
}

.temp-10-area.t2 .temp-5-card {
    width: 100%;
    overflow: hidden
}

.temp-10-area.t2 .temp-5-card .add-boq {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    transition: all 0.8s;
    opacity: 0
}

.temp-10-area.t2 .temp-5-card-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    border: 1px solid #00000020;
    background: #ffffff
}

.temp-10-area.t2 .temp-5-card-img:hover .add-boq {
    bottom: 40px;
    transition: all 0.8s;
    opacity: 1
}

.temp-10-area.t2 .card-text-title {
    display: flex;
    justify-content: space-between;
    align-items: start
}

.temp-10-area.t2 .card-text-title h3 {
    font: normal normal bold 20px/28px var(--acumin_bold);
    letter-spacing: -0.4px;
    color: #383636
}

.temp-10-area.t2 .card-text-title span {
    font: normal normal bold 24px/45px var(--acumin_bold);
    letter-spacing: -0.96px;
    color: #383636
}

.temp-10-area.t2 .add-boq .btn-carsKnow {
    border: 1px solid #383636;
    color: #383636
}

.temp-10-area.t2 .add-boq .btn-carsKnow.btn-carsKnow-bgblue {
    border: 1px solid #fff;
    color: #fff
}

.wrapNumber-Button1 .btn-carsKnow {
    border: 1px solid #486898;
    border-radius: 50px;
    opacity: 1;
    text-align: center;
    letter-spacing: 0px;
    color: #fff;
    text-transform: uppercase;
    opacity: 1;
    font-family: var(--acumin_bold);
    font-size: 14px;
    margin-right: 10px;
    background-color: #486898
}

.wrapNumber-Button1 .btn-carsKnow.outline-cta {
    background-color: transparent;
    color: #000;
    border: 1px solid #000
}

.wrapNumber-Button1 .btn-carsKnow.outline-cta:hover {
    background-color: #486898;
    color: #fff;
    border: 1px solid #486898
}

.wrapNumber-Button1 .wrap_button .addToboq {
    background: #486898;
    border-radius: 0 50px 50px 0;
    color: #fff
}

.wrapNumber-Button1 {
    margin-top: 50px
}

.wrapNumber-Button1 a {
    width: 100%
}

.vjs-control-bar {
    display: none !important
}

.banner_secbg::after {
    background: transparent linear-gradient(360deg, #ffffff 0%, #ffffff00 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 179px;
    z-index: 1
}

.temp-3 {
    padding: 120px 0
}

.inner_page_nav.ty2 .sticky_sub_nav_dropdown {
    display: none;
    background: #f3f3f3
}

.inner_page_nav.ty2.sticky {
    justify-content: right;
    gap: 2%;
    background: #fff
}

.inner_page_nav.ty2.sticky .sticky_sub_nav_dropdown {
    display: inline-block
}

.inner_page_nav.ty2.sticky .inner_sticky_left ul {
    gap: 4px
}

.inner_page_nav.ty2.DMX.sticky .inner_sticky_left ul {
    gap: 40px
}

.inner_page_nav.ty2.DMX.sticky {
    gap: 4%
}

.sub_nav_drop_active.t2 {
    width: auto;
    margin-right: 15px
}

.sub_nav_drop_active.t2::after {
    content: none
}

.sub_nav_drop_active.t2::before {
    content: none
}

.inner_page_nav.ty2.sticky .inner_sticky_left ul li a {
    padding: 0 9px
}

.specifiUl li .icon1 {
    top: 30px;
    left: 35px
}

.section.sticky-right-bar {
    z-index: 99999
}

.footer_lt_data_bottom .input-group .form-control {
    padding-right: 60px
}

.followUsSec .sm-icons li:hover img {
    opacity: 0.8
}

.footer_rt_data .listUL li a:hover {
    opacity: 1
}

.copyrightSec .footerMenu li a:hover {
    opacity: 0.8
}

.footer_lt_data_top .submitBtn {
    border: 0px;
    font-size: 14px;
    font-weight: 700
}

.sticky-right-bar nav ul li .home-icon {
    margin-top: 10px
}

.temp-5-filtersClose {
    display: none
}

.temp-5-filterBtn-m {
    display: none
}

.fanRegulator-details h2 {
    width: auto
}

.shareBtn1 {
    right: 21px
}

.product_tab_sec .captionText.col2 h6 {
    color: #000
}

.product_tab_sec .captionText.col2 p {
    color: #000
}

.product_tab_sec .captionText.col2 .btn_sec_prod .knowMore {
    border: 1px solid #000;
    color: #000
}

.temp-5 .card-text-title.t2 h3 {
    white-space: inherit;
    width: auto;
    overflow: hidden;
    text-overflow: inherit;
    text-transform: capitalize
}

.fanRegulator-details.t2 h2 {
    width: 70%
}

.filter_heading.t2 .dropdownQuery {
    background: #f9f9f9 0% 0% no-repeat padding-box;
    border: 1px solid #efefef;
    outline: none;
    padding-left: 22px
}

.filter_heading.t2 .dropdownQuery .select span {
    opacity: 0.5;
    color: #000000;
    font-family: var(--roboto_reg);
    font-size: 16px
}

.filter_heading .dropdownQuery {
    border: 1px solid #ffffff1a;
    color: #000;
    border-radius: 30px;
    height: 60px;
    background: #ffffff0d 0% 0% no-repeat padding-box;
    opacity: 1;
    padding-left: 30px;
    outline: none
}

.filter_heading .dropdownQuery .select {
    cursor: pointer;
    display: block;
    padding: 18px 3px;
    padding-top: 19px
}

.filter_heading .dropdownQuery .dropdownQuery-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 10px;
    border-radius: 0;
    display: none;
    z-index: 9;
    box-shadow: 0px 0px 30px #0000001a;
    max-height: 240px;
    overflow: auto
}

.filter_heading .dropdownQuery .dropdownQuery-menu::-webkit-scrollbar {
    width: 4px
}

.filter_heading .dropdownQuery .dropdownQuery-menu::before {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-bottom: solid #fff 10px;
    top: -10px;
    content: " ";
    height: 0;
    right: 37px;
    position: absolute;
    width: 0
}

.filter_heading .dropdownQuery .dropdownQuery-menu li {
    padding: 12px 21px;
    transition: all 0.2s ease-in-out;
    cursor: pointer
}

.filter_heading .dropdownQuery .select span {
    opacity: 0.3;
    color: #fff;
    font-size: 16px
}

.filter_heading .dropdownQuery.active2 .select span {
    opacity: 1
}

.filter_heading.custom-select:before {
    z-index: 1
}

.filter_heading .dropdownQuery .dropdownQuery-menu {
    border-radius: 0px;
    padding: 13px 4px
}

.filter_heading .dropdownQuery .dropdownQuery-menu li {
    border-bottom: 0px solid #fff;
    color: #383636;
    text-transform: uppercase;
    opacity: 0.8;
    font: normal normal 14px/20px var(--acumin_medium);
    letter-spacing: 0.28px
}

.filter_heading .dropdownQuery .dropdownQuery-menu li:last-child {
    border-bottom: 0px
}

.enquireNowSec {
    z-index: 99999;
    width: 40%;
    height: 100vh;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    right: -999px;
    display: none
}

.enquireNowSec.show1 {
    opacity: 1;
    right: 0
}

.temp-9-area .download-slider {
    width: 100%
}

.nav_wrapper.scrolled .top_nav_wrapper~.newClass {
    background: #fff !important;
    box-shadow: 0px 17px 10px -10px rgb(17 17 17 / 10%)
}

:root {
    --marquee-speed: 40s;
    --marquee-hover-offset: -10px;
    --marquee-hover-transition-speed: 0.7s;
    --marquee-fade-edges: 10%
}

.temp-19:root {
    --marquee-speed: 90s;
    --marquee-hover-offset: -10px;
    --marquee-hover-transition-speed: 4s;
    --marquee-fade-edges: 10%
}

.merSection {
    background-color: transparent;
    padding-top: 150px
}

.marquee,
.marquee2 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100px
}

.marquee div,
.marquee2 div {
    font-size: 72px;
    font-family: var(--Roboto-Medium);
    letter-spacing: 0;
    color: #383636;
    text-transform: uppercase;
    opacity: 0.4;
    margin-right: 45px;
    font-weight: 600
}

.marquee {
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0%) 0%, #000 var(--marquee-fade-edges), #000 calc(100% - var(--marquee-fade-edges)), rgba(0, 0, 0, 0%) 100%);
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0%) 0%, #000 var(--marquee-fade-edges), #000 calc(100% - var(--marquee-fade-edges)), rgba(0, 0, 0, 0%) 100%);

    &,
    >div {
        display: flex;
        white-space: nowrap;
        gap: 30px
    }

    >div {
        -webkit-animation: animate-marquee var(--marquee-speed) infinite linear;
        animation: animate-marquee var(--marquee-speed) infinite linear;
        transition: var(--marquee-hover-transition-speed) margin-right ease-out;
        will-change: transform, margin-right
    }

    &:hover>div {}
}

@-webkit-keyframes animate-marquee {
    0% {
        transform: translateX(-50%) translateZ(0)
    }

    100% {
        transform: translateX(100%) translateZ(0)
    }
}

@keyframes animate-marquee {
    0% {
        transform: translateX(-50%) translateZ(0)
    }

    100% {
        transform: translateX(100%) translateZ(0)
    }
}

.marquee2 {
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0%) 0%, #000 var(--marquee-fade-edges), #000 calc(100% - var(--marquee-fade-edges)), rgba(0, 0, 0, 0%) 100%);
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0%) 0%, #000 var(--marquee-fade-edges), #000 calc(100% - var(--marquee-fade-edges)), rgba(0, 0, 0, 0%) 100%);

    &,
    >div {
        display: flex;
        white-space: nowrap;
        gap: 30px
    }

    >div {
        -webkit-animation: animate-marquee2 var(--marquee-speed) infinite linear;
        animation: animate-marquee2 var(--marquee-speed) infinite linear;
        transition: var(--marquee-hover-transition-speed) margin-left ease-out;
        will-change: transform, margin-left
    }

    &:hover>div {}
}

@-webkit-keyframes animate-marquee2 {
    0% {
        transform: translateX(50%) translateZ(0)
    }

    100% {
        transform: translateX(-100%) translateZ(0)
    }
}

@keyframes animate-marquee2 {
    0% {
        transform: translateX(50%) translateZ(0)
    }

    100% {
        transform: translateX(-100%) translateZ(0)
    }
}

.prodSoluBg.t2 {
    background-color: transparent;
    padding-top: 60px
}

.temp-3 h2 {
    margin-bottom: 10px
}

.smart-spaces-bg .container1 {
    padding: 0 100px
}

.downApp_btn_section .img1a {
    width: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    top: -28px
}

.downloadApp_Sec .wrap_data1 {
    position: relative;
    top: -75px
}

.btn-div a:hover {
    color: #fff
}

.temp-13 {
    width: 100%;
    display: inline-block;
    padding: 120px 18.8% 100px
}

.temp-13-textarea {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.temp-13-textarea h4 {
    text-align: left;
    letter-spacing: -1.3px;
    color: #000000;
    font-size: 34px;
    line-height: 1.3;
    font-family: var(--roboto_reg)
}

ul.ab-1sec {
    margin-top: 20px
}

.ab-1sec li {
    list-style-type: disc;
    font-size: 34px;
    margin-left: 34px
}

.temp-13-textarea h4 span {
    font-weight: bold
}

.temp-13-imgArea {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.temp-13-imgArea img {
    width: 100%
}

.temp-14 {
    width: 100%;
    display: inline-block;
    padding: 150px 0 100px
}

.temp-14-slideArea {
    width: 100%;
    display: block;
    flex-wrap: wrap;
    position: relative
}

.temp-14Card {
    width: 100%;
    position: relative;
    cursor: pointer;
    transition: all 0.7s;
    overflow: hidden
}

.temp-14Card img {
    transform: scale(1);
    transition: all 0.7s
}

.temp-14Card:hover img {
    transform: scale(1.1);
    transition: all 0.7s
}

.overlayCard {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
    z-index: 1
}

.temp-14Card-text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 45px;
    overflow: hidden;
    z-index: 1
}

.temp-14Card-text h3 {
    text-align: left;
    letter-spacing: 0;
    color: #ffffff;
    text-transform: uppercase;
    opacity: 1;
    font-family: var(--acumin_bold);
    font-size: 20px;
    line-height: 1.2;
    width: 100%;
    transform: translateY(115px);
    transition: all 0.7s
}

.temp-14Card-text p {
    text-align: left;
    letter-spacing: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    line-height: 22px;
    font-family: var(--roboto_reg);
    opacity: 0;
    transition: all 0.9s;
    animation-delay: 0.8s;
    margin: 0;
    transform: translateY(115px);
    height: 102px
}

.temp-14Card:hover .temp-14Card-text h3 {
    transform: translateY(5px);
    transition: all 0.7s;
    opacity: 1
}

.temp-14Card:hover .temp-14Card-text p {
    opacity: 1;
    transition: all 0.9s;
    animation-delay: 0.8s;
    transform: translateY(5px);
    height: auto
}

.temp-14-bgText {
    text-align: left;
    letter-spacing: -12.5px;
    color: #000000;
    text-transform: uppercase;
    opacity: 0.05;
    font-size: 250px;
    line-height: 1;
    font-family: var(--bs-body-font-family);
    font-weight: 900;
    position: absolute;
    top: -185px;
    left: 12%
}

.temp-15-bg {
    padding-top: 100px;
    background: url(../images/temp15-bg.jpg) no-repeat top;
    background-size: cover
}

.temp-15 {
    width: 100%;
    display: inline-block;
    position: relative
}

.temp-15-slideArea {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.temp-15 .heading h2 {
    text-align: center;
    color: #fff
}

.temp-15 .heading p {
    text-align: center;
    color: #fff;
    padding: 0 31%
}

.overlaytemp15 {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    background: rgb(0 0 0 / 50%);
    z-index: 0
}

.temp-15-ring {
    width: 900px;
    position: relative;
    margin: auto
}

.temp-15-offering1 {
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
    left: 150px;
    top: 175px;
    text-align: center;
    padding-top: 18px;
    cursor: pointer
}

.temp-15-offering1 img {
    width: 45%
}

.temp-15-offering1-hover {
    width: 300px;
    position: relative;
    left: -315px;
    top: -35px;
    text-align: left;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    font-size: 18px;
    line-height: 1.2;
    font-family: var(--acumin_semibold);
    padding: 20px 20px 28px 20px
}

.temp-15-offering1-hover::after {
    position: absolute;
    content: "";
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 11px solid white;
    right: -10px;
    top: 7px;
    opacity: 0
}

.temp-15-offering1:hover .temp-15-offering1-hover::after {
    opacity: 1
}

.temp-15-offering2-hover::after {
    position: absolute;
    content: "";
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 11px solid white;
    left: -10px;
    top: 7px;
    opacity: 0
}

.temp-15-offering2:hover .temp-15-offering2-hover::after {
    opacity: 1
}

.temp-15-offering3-hover::after {
    position: absolute;
    content: "";
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 11px solid white;
    left: -10px;
    top: 7px;
    opacity: 0
}

.temp-15-offering3:hover .temp-15-offering3-hover::after {
    opacity: 1
}

.temp-15-offering4-hover::after {
    position: absolute;
    content: "";
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 11px solid white;
    right: -10px;
    top: 7px;
    opacity: 0
}

.temp-15-offering4:hover .temp-15-offering4-hover::after {
    opacity: 1
}

.temp-15-offering1-hover p {
    opacity: 0
}

.temp-15-offering1:hover .temp-15-offering1-hover {
    background-color: #fff;
    color: rgba(56, 54, 54, 1);
    padding: 20px 20px 28px 20px;
    font-size: 18px;
    width: 300px
}

.temp-15-offering1:hover .temp-15-offering1-hover p {
    text-align: left;
    letter-spacing: -0.42px;
    color: #000000;
    opacity: 0.7;
    font-size: 14px;
    line-height: 1.1;
    font-family: var(--roboto_reg);
    color: rgba(0, 0, 0, 0.7);
    opacity: 1;
    margin: 0;
    margin-top: 10px
}

.temp-15-offering2 {
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
    right: 150px;
    top: 175px;
    text-align: center;
    padding-top: 18px;
    cursor: pointer
}

.temp-15-offering2 img {
    width: 45%
}

.temp-15-offering2-hover {
    width: 300px;
    position: relative;
    right: -90px;
    top: -40px;
    text-align: left;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    font-size: 18px;
    line-height: 1.2;
    font-family: var(--acumin_semibold);
    padding: 20px 20px 28px 20px
}

.temp-15-offering2-hover p {
    opacity: 0
}

.temp-15-offering2:hover .temp-15-offering2-hover {
    background-color: #fff;
    color: rgba(56, 54, 54, 1);
    padding: 20px 20px 28px 20px;
    font-size: 18px;
    width: 300px
}

.temp-15-offering2:hover .temp-15-offering2-hover p {
    text-align: left;
    letter-spacing: -0.42px;
    color: #000000;
    opacity: 0.7;
    font-size: 14px;
    line-height: 1.1;
    font-family: var(--roboto_reg);
    color: rgba(0, 0, 0, 0.7);
    opacity: 1;
    margin: 0;
    margin-top: 10px
}

.temp-15-offering3 {
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
    right: 64px;
    bottom: 200px;
    text-align: center;
    padding-top: 18px;
    cursor: pointer
}

.temp-15-offering3 img {
    width: 45%
}

.temp-15-offering3-hover {
    width: 300px;
    position: relative;
    right: -90px;
    top: -20px;
    text-align: left;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    font-size: 18px;
    line-height: 1.2;
    font-family: var(--acumin_semibold)
}

.temp-15-offering3-hover p {
    opacity: 0
}

.temp-15-offering3:hover .temp-15-offering3-hover {
    background-color: #fff;
    color: rgba(56, 54, 54, 1);
    padding: 20px 20px 28px 20px;
    font-size: 18px;
    width: 300px
}

.temp-15-offering3:hover .temp-15-offering3-hover p {
    text-align: left;
    letter-spacing: -0.42px;
    color: #000000;
    opacity: 0.7;
    font-size: 14px;
    line-height: 1.1;
    font-family: var(--roboto_reg);
    color: rgba(0, 0, 0, 0.7);
    opacity: 1;
    margin: 0;
    margin-top: 10px
}

.temp-15-offering4 {
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
    left: 57px;
    bottom: 200px;
    text-align: center;
    padding-top: 18px;
    cursor: pointer
}

.temp-15-offering4 img {
    width: 45%
}

.temp-15-offering4-hover {
    width: 300px;
    position: relative;
    left: -312px;
    top: -20px;
    text-align: left;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    font-size: 18px;
    line-height: 1.2;
    font-family: var(--acumin_semibold)
}

.temp-15-offering4-hover p {
    opacity: 0
}

.temp-15-offering4:hover .temp-15-offering4-hover {
    background-color: #fff;
    color: rgba(56, 54, 54, 1);
    padding: 20px 20px 28px 20px;
    font-size: 18px;
    width: 300px
}

.temp-15-offering4:hover .temp-15-offering4-hover p {
    text-align: left;
    letter-spacing: -0.42px;
    color: #000000;
    opacity: 0.7;
    font-size: 14px;
    line-height: 1.1;
    font-family: var(--roboto_reg);
    color: rgba(0, 0, 0, 0.7);
    opacity: 1;
    margin: 0;
    margin-top: 10px
}

.temp-16 {
    width: 100%;
    display: inline-block;
    position: relative;
    padding: 140px 100px 120px 100px;
    background-color: #f3f3f3
}

.temp-16 .heading h2 {
    text-align: center
}

.temp-16 .heading p {
    text-align: center;
    padding: 0px 19%
}

.temp-16-slideArea {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    gap: 2.5%;
    row-gap: 60px;
    margin-top: 80px
}

.temp-16Card {
    width: 18%;
    cursor: pointer
}

.temp-16Card-img {
    width: 100%;
    overflow: hidden;
    transition: all 0.7s
}

.temp-16Card-img img {
    transform: scale(1);
    transition: all 0.7s
}

.temp-16Card:hover .temp-16Card-img img {
    transform: scale(1.1);
    transition: all 0.7s
}

.temp-16Card-text {
    width: 100%;
    padding: 33px 20px 0 0
}

.temp-16Card-text h5 {
    margin-bottom: 11px;
    text-align: left;
    letter-spacing: -0.48px;
    color: #383636;
    opacity: 1;
    font-size: 24px;
    line-height: 1.2;
    font-family: var(--acumin_bold)
}

.temp-16Card-text p {
    margin-bottom: 20px;
    text-align: left;
    letter-spacing: 0;
    color: #383636;
    opacity: 1;
    font-size: 16px;
    line-height: 20px;
    font-family: var(--acumin_regular);
    height: 38px;
    padding-right: 5%
}

.temp-16In {
    width: 20px
}

.careers-dropdown span {
    width: 196px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    height: 100%;
    align-items: center
}

.temp-16In:hover {
    opacity: 0.8
}

.temp-16-model .images-area {
    width: 100%;
    background-color: #cfcfcf;
    text-align: center
}

.temp-16-model .images-area img {
    width: 50%
}

.temp-16-model .modal-body {
    padding: 0 !important
}

.temp-16-model .leaflet-body-inner {
    padding: 0 50px 50px;
    overflow-y: auto;
    height: calc(100vh - 530px);
    margin-top: 50px
}

.temp-16-model .head {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.temp-16-model .head-Left {
    width: 70%
}

.temp-16-model .head-Left h5 {
    text-align: left;
    letter-spacing: -0.64px;
    color: #383636;
    opacity: 1;
    font-size: 32px;
    line-height: 1;
    font-family: var(--acumin_bold)
}

.temp-16-model .head-Left p {
    text-align: left;
    letter-spacing: 0;
    color: #383636;
    opacity: 1;
    font-size: 16px;
    line-height: 1.2;
    font-family: var(--acumin_medium)
}

.temp-16-model .head-Right {
    width: 30%;
    display: flex;
    justify-content: end;
    align-items: center
}

.temp-16-model .head-Right img {
    width: 30px
}

.temp-16-model .testmuni {
    text-align: left;
    letter-spacing: -0.84px;
    color: #383636;
    opacity: 1;
    font-size: 28px;
    line-height: 1.2;
    font-family: var(--acumin_regular);
    font-style: italic;
    margin: 35px 0 37px 0;
    gap: 10px
}

.temp-16-model p {
    text-align: left;
    letter-spacing: 0;
    color: #000000;
    opacity: 0.7;
    font-size: 16px;
    line-height: 22px;
    font-family: var(--roboto_reg)
}

.temp-17 {
    width: 100%;
    display: inline-block;
    position: relative;
    padding: 140px 20px 0px 20px;
    background-color: rgba(243, 243, 243, 1)
}

.temp-17 .heading h2 {
    text-align: center
}

.temp-17 .heading p {
    text-align: center;
    padding: 0px 19%
}

.temp-17-slideArea {
    width: 100%;
    display: block;
    flex-wrap: wrap;
    position: relative;
    gap: 2.5%;
    row-gap: 60px;
    margin-top: 42px
}

.temp-17Card {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.temp-17Card img {
    transform: scale(1);
    transition: all 0.7s
}

.temp-17Card:hover img {
    transform: scale(1.1);
    transition: all 0.7s
}

.temp-17Card-text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 60px;
    overflow: hidden;
    z-index: 1
}

.temp-17Card-text h3 {
    text-align: left;
    letter-spacing: 0;
    color: #ffffff;
    text-transform: capitalize;
    opacity: 1;
    font-size: 32px;
    line-height: 1.2;
    font-family: var(--acumin_regular);
    margin-bottom: 10px
}

.temp-17Card-text p {
    text-align: left;
    letter-spacing: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    line-height: 22px;
    font-family: var(--roboto_reg);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.temp-18 {
    width: 100%;
    display: inline-block;
    position: relative;
    padding: 0
}

.temp-18:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    background: transparent linear-gradient(90deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
    opacity: 0.8
}

.temp-18-textArea {
    position: absolute;
    left: 100px;
    top: 50%;
    transform: translateY(-50%);
    width: 33%
}

.temp-18-textArea h3 {
    text-align: left;
    letter-spacing: -2px;
    color: rgba(255, 255, 255, 1);
    text-transform: capitalize;
    opacity: 1;
    font-size: 90px;
    line-height: 1;
    font-family: var(--acumin_bold);
    margin-bottom: 10px
}

.heading.temp-18-textArea h2 {
    color: rgba(255, 255, 255, 1)
}

.temp-18-textArea p {
    text-align: left;
    letter-spacing: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 20px;
    line-height: 1.2;
    font-family: var(--roboto_reg);
    margin-bottom: 42px;
    padding-right: 5%
}

.temp-19 {
    width: 100%;
    display: inline-block;
    position: relative;
    padding: 120px 0
}

.temp-19-head {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.temp-19-head h3 {
    text-align: center;
    letter-spacing: -2.85px;
    color: #231f20;
    text-transform: capitalize;
    opacity: 1;
    font-size: 57px;
    line-height: 1.2;
    font-family: var(--acumin_bold);
    margin-top: 15px;
    width: 100%
}

.temp-19-head p {
    text-align: center;
    letter-spacing: 0;
    color: rgba(56, 54, 54, 1);
    text-transform: uppercase;
    opacity: 1;
    font-size: 16px;
    line-height: 1.2;
    font-family: var(--acumin_regular);
    width: 100%;
    margin: 0
}

.temp-19 .marquee {
    top: 60px;
    position: absolute;
    left: 0
}

.temp-19 .marquee div,
.temp-19 .marquee2 div {
    margin-right: 45px;
    font-weight: 900;
    text-align: center;
    letter-spacing: 0px;
    color: #486898;
    text-transform: uppercase;
    opacity: 0.4;
    font-size: 106px;
    line-height: 1;
    font-family: var(--acumin_bold);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #486898;
    -webkit-text-fill-color: #fff
}

.temp-19Area {
    width: 100%;
    position: relative
}

.temp-19Card {
    width: 100%;
    margin-left: 16.45%;
    margin-top: 50px;
    display: flex
}

.temp-19Card-leftText {
    text-align: left;
    letter-spacing: 0;
    opacity: 1;
    font-size: 18px;
    line-height: 1.2;
    font-family: var(--roboto_reg);
    margin-top: 30px;
    padding-right: 5%;
    color: #383636;
    opacity: 0.8
}

.temp-19Card-left {
    width: 26%;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.temp-19Card-right {
    width: 33%;
    padding-left: 5%;
    position: relative
}

.swiper-container2 {
    width: 100%;
    height: 75vh;
    position: relative
}

.temp-19 .swiper-pagination {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 7em;
    position: absolute;
    z-index: 3;
    right: 0
}

.mySwiper11 {
    position: absolute;
    width: 100px;
    position: absolute;
    right: 0;
    top: 0
}

.mySwiper11 .swiper-slide {
    transition: all 0.8s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: end
}

.mySwiper11 .swiper-slide-thumb-active {
    transition: all 1s ease-in-out
}

.year1-area {
    text-align: left;
    letter-spacing: -0.72px;
    color: rgb(72 104 152 / 30%);
    opacity: 0.8;
    font-size: 24px;
    line-height: 1;
    font-family: var(--acumin_bold);
    display: flex;
    justify-content: end;
    cursor: pointer;
    transition: all 0.8s ease-in-out
}

.year1-area .year1 {
    width: 18px;
    height: 18px;
    background-color: #ffffff;
    border-radius: 100%;
    border: 4px solid #c8c8c8;
    margin-left: 10px
}

.swiper-slide-thumb-active .year1-area {
    color: #383636
}

.swiper-slide-thumb-active .year1-area .year1 {
    border: 4px solid #383636;
    transition: all 1s ease
}

.year1-area .year1::after {
    width: 0px;
    opacity: 0;
    right: 26px;
    transition: all 1s ease;
    content: ""
}

.swiper-slide-thumb-active .year1-area .year1::after {
    content: "";
    width: 25px;
    height: 2px;
    background-color: #000;
    position: absolute;
    right: 26px;
    top: 29px;
    transition: all 1s ease;
    opacity: 1
}

.swiper-slide-thumb-active .year1-area span {
    margin-right: 30px;
    transition: all 0.8s ease
}

.temp-19 .swiper-button-nextt,
.temp-19 .swiper-rtl .swiper-button-prevv {
    right: var(--swiper-navigation-sides-offset, 10px);
    right: 7.5%;
    width: 60px;
    height: 60px;
    border: 1px dashed #383636;
    border-radius: 100%;
    top: auto;
    bottom: 19%;
    rotate: 90deg;
    z-index: 1;
    position: absolute;
    align-items: center;
    justify-content: center;
    display: flex
}

.temp-19 .swiper-button-prevv,
.temp-19 .swiper-rtl .swiper-button-nextt {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
    width: 60px;
    height: 60px;
    top: 5%;
    border: 1px dashed #383636;
    border-radius: 100%;
    right: 7.5%;
    left: auto;
    rotate: 90deg;
    z-index: 1;
    position: absolute;
    align-items: center;
    justify-content: center;
    display: flex
}

.temp-19 .swiper-button-nextt:after,
.temp-19 .swiper-button-prevv:after {
    font-size: 20px;
    color: #000
}

.swiper-button-nextt.swiper-button-disabled,
.swiper-button-prevv.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none
}

.mySwiper11 .slider2 {
    min-height: auto
}

.mySwiper11 .swiper-slide2 {
    background: #ccc;
    position: relative;
    height: 100%;
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center
}

.mySwiper11 .slide-inner {
    position: absolute;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0
}

.mySwiper11.swiper-container2 {
    width: 130px;
    position: absolute;
    right: 0;
    top: 42%;
    transform: translateY(-50%);
    height: 270px;
    right: 8.5%
}

.ovr-hidd {
    overflow: hidden
}

.slider2 {
    min-height: 50vh
}

.swiper-slide2 {
    background: #ccc;
    overflow: hidden;
    position: relative;
    height: 100%;
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center
}

.slide-inner {
    position: absolute;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0
}

.temp-19Card-left::after {
    content: "";
    width: 386px;
    height: 2px;
    background-color: #000000;
    position: absolute;
    top: 36%;
    right: -240px;
    opacity: 0
}

.temp-19Card-right h5 {
    text-align: left;
    letter-spacing: -6.35px;
    color: rgba(255, 255, 255, 1);
    text-transform: capitalize;
    opacity: 1;
    font-size: 127px;
    line-height: 1;
    font-family: var(--acumin_bold);
    margin-bottom: 14px;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(56, 54, 54, 1)
}

.temp-19Card-right h6 {
    text-align: left;
    letter-spacing: -0.84px;
    color: rgba(0, 0, 0, 1);
    opacity: 1;
    font-size: 28px;
    line-height: 1;
    font-family: var(--roboto_reg);
    width: 100%
}

.swiper-container-magnum .swiper-pagination {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 7em;
    position: absolute;
    z-index: 3;
    right: 0
}

.temp-19 .path {
    display: none
}

@keyframes dash {
    from {
        stroke-dashoffset: 1000
    }

    to {
        stroke-dashoffset: 0
    }
}

.temp-19 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    color: #383636;
    font-weight: bold;
    opacity: 1
}

.featuredProducts_section .tabs-container nav ul li {
    transition: all 0.3s
}

.featuredProducts_section .tabs-container nav ul li:hover {
    background-color: #383636;
    color: #fff
}

.banner_sec .swiper-button-next.swiper-button-disabled,
.banner_sec .swiper-button-prev.swiper-button-disabled {}

.temp-20 {
    width: 100%;
    display: inline-block;
    position: relative;
    padding: 140px 0px 156px 0px
}

.temp-20 .heading h2 {
    text-align: center
}

.temp-20 .heading p {
    text-align: center;
    padding: 0px 29%
}

.temp-20-slideArea {
    width: 100%;
    display: block;
    flex-wrap: wrap;
    position: relative;
    gap: 2.5%;
    row-gap: 60px;
    margin-top: 42px
}

.temp-20Card {
    width: 100%;
    cursor: pointer;
    background: #f9f9f9;
    padding: 60px;
    padding-top: 45px;
    height: 100%;
    display: flex;
    flex-direction: column
}

.temp-20Card-img {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: start;
    height: 100%
}

.temp-20Card-img img {
    width: 22%
}

.temp-20Card-text {
    width: 100%;
    text-align: left;
    letter-spacing: -2px;
    color: #3c3535;
    opacity: 1;
    font-size: 50px;
    line-height: 1.2;
    font-family: var(--acumin_semibold);
    margin-top: 120px
}

.temp-20Card-text span {
    text-align: left;
    letter-spacing: 0;
    color: #5e5e5e;
    text-transform: uppercase;
    opacity: 1;
    font-size: 18px;
    line-height: 1.2;
    font-family: var(--acumin_bold);
    margin-top: 9px;
    width: 100%;
    display: block;
    height: 20px
}

.temp-20-slider .swiper-slide {
    height: auto
}

.keeping-you-ahead {}

.keeping-you-ahead .efficient_protection_slider_wrapper {
    padding: 0px 100px 0 100px
}

.keeping-you-ahead .heading p {
    text-align: center;
    padding: 0 32%
}

.keeping-you-ahead .efficient_protection_content_wrapper {
    margin-top: 42px
}

.keeping-you-ahead .heading h2 {
    text-align: center
}

.keeping-you-ahead.efficient_protection.downloadPage_filters {
    padding: 120px 0
}

.keeping-you-ahead .ep_nav_pills .nav-link {
    height: 50px;
    padding: 0 30px;
    font-size: 14px;
    letter-spacing: 0;
    padding-top: 4px;
    margin-bottom: 12px;
    line-height: 19px;
    text-align: unset
}

.keeping-you-ahead .ep_nav_pills .nav-link:hover {
    background-color: #383636;
    color: #fff
}

.temp-222-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.temp-222-card {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 32%;
    margin-bottom: 30px
}

.temp-222-card img {
    width: 100% !important
}

.temp-222 .btnMain {
    margin-top: 60px;
    padding: 25px 67px
}

.temp-222-card-text {
    width: 100%
}

.temp-222-textTop {
    width: 100%;
    align-self: start;
    justify-content: start;
    display: flex;
    flex-wrap: wrap
}

.temp-222-textTop h6 {
    text-align: center;
    letter-spacing: 1px;
    color: #ffffff;
    text-transform: uppercase;
    opacity: 1;
    font-family: var(--acumin_regular);
    font-size: 12px;
    background: rgb(0 0 0 / 40%);
    border-radius: 25px;
    padding: 8px 20px;
    border-radius: 25px;
    display: inline-block;
    margin-bottom: 25px
}

.temp-222-textTop h5 {
    text-align: left;
    letter-spacing: -0.9px;
    color: #ffffff;
    opacity: 1;
    font-size: 30px;
    line-height: 1.2;
    font-family: var(--acumin_exlight);
    margin-bottom: 25px;
    padding-right: 5%;
    width: 100%
}

.temp-222-textBottom {
    width: 100%;
    align-self: end
}

.temp-222-textBottom h4 {
    text-align: left;
    letter-spacing: -4px;
    color: #383636;
    text-transform: capitalize;
    opacity: 1;
    font-size: 100px;
    font-family: var(--acumin_bold);
    color: #fff;
    align-items: center;
    display: flex;
    width: 50%;
    margin: 0
}

.temp-222-textBottom h4 span {
    text-align: left;
    letter-spacing: -0.48px;
    color: #383636;
    text-transform: capitalize;
    opacity: 1;
    font-size: 24px;
    line-height: 1.2;
    font-family: var(--acumin_regular);
    color: #fff;
    margin-left: 10px;
    position: relative;
    top: -10px
}

.temp-222-card-text {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    padding: 40px 40px 18px 40px;
    transition: all 0.8s;
    z-index: 1
}

.bg-whiteFade {
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 10px;
    width: 100%;
    transition: all 0.8s
}

.temp-222-card:hover .bg-whiteFade {
    background: #f9f9f9;
    height: 100%;
    transition: all 0.8s;
    opacity: 1;
    z-index: 1
}

.smart-spaces-slider .temp-222-card:after {
    position: absolute;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000021;
    left: 0;
    z-index: 0;
    right: 0px
}

.temp-222-card:hover .temp-222-card-text {}

.temp-222-textTop p {
    text-align: left;
    letter-spacing: -0.6px;
    color: rgb(56 54 54 / 70%);
    font-size: 20px;
    line-height: 1.2;
    font-family: var(--acumin_regular);
    margin: 0;
    opacity: 0;
    transition: all 0.8s;
    margin-bottom: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5
}

.temp-222-textTop a {
    text-align: left;
    letter-spacing: 0px;
    color: #486898;
    text-transform: uppercase;
    font-family: var(--acumin_bold);
    font-size: 14px;
    line-height: 1.2;
    opacity: 1;
    margin: 0;
    opacity: 0;
    transition: all 0.8s
}

.temp-222-card:hover .temp-222-textTop a {
    opacity: 1;
    transition: all 0.8s
}

.temp-222-card:hover .temp-222-textTop p {
    opacity: 1;
    transition: all 0.8s
}

.temp-222-card:hover .temp-222-textTop h5 {
    color: #383636;
    transition: all 0.8s
}

.temp-222-card:hover .temp-222-textBottom h4 {
    color: #383636;
    transition: all 0.8s
}

.temp-222-card:hover .temp-222-textBottom h4 span {
    color: #383636;
    transition: all 0.8s
}

.temp-21 {
    width: 100%;
    padding: 120px 0 130px 0;
    background-color: #efefef
}

.temp-21 .heading h2 {
    text-align: center
}

.temp-21 .heading p {
    text-align: center;
    padding: 0 28%
}

.temp-21-area {
    width: 100%;
    margin-top: 0px;
    position: relative
}

.temp-21Card {
    height: 500px;
    width: 900px;
    position: relative;
    object-fit: cover
}

.temp-21 .video-js {
    width: auto;
    height: 100%;
    position: relative;
    object-fit: cover
}

.temp-21 .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.temp-21 .video-js .vjs-play-control .vjs-icon-placeholder:before,
.temp-21 .vjs-icon-play:before {
    background: url(../images/play.svg) 100% 0 no-repeat;
    background-size: 100%;
    content: "";
    height: 80px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80px
}

.temp-21 .vjs-icon-play:before,
.temp-21 .video-js .vjs-big-play-button:before,
.temp-21 .video-js .vjs-play-control:before {
    opacity: 0
}

.temp-21 .video-js .vjs-big-play-button {
    height: 0
}

.temp-21Card-text {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 40px
}

.temp-21Card-text h4 {
    text-align: left;
    letter-spacing: -1.6px;
    color: #ffffff;
    text-transform: capitalize;
    opacity: 1;
    font-size: 40px;
    font-family: var(--acumin_regular);
    line-height: 1
}

.temp-21Card-text p {
    text-align: left;
    letter-spacing: -0.28px;
    color: #ffffff;
    opacity: 0.8;
    font-size: 14px;
    line-height: 1.4;
    font-family: var(--roboto_reg);
    margin-top: 10px;
    margin-bottom: 0;
    max-width: 550px
}

.temp-21 .swiper-button-next,
.temp-21 .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    width: 60px;
    height: 60px;
    border: 1px dashed #383636;
    border-radius: 100%;
    bottom: -65px;
    top: auto;
    right: calc(50% - 70px);
    left: auto;
    color: #383636
}

.temp-21 .swiper-button-prev,
.temp-21 .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    width: 60px;
    height: 60px;
    top: 214px;
    border: 1px dashed #383636;
    border-radius: 100%;
    left: calc(50% - 70px);
    bottom: -65px;
    top: auto;
    color: #383636
}

.temp-21 .swiper {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 25px
}

.temp-21 .swiper-slide {
    background-position: center;
    background-size: cover;
    width: auto;
    height: 100%
}

.temp-21 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.temp-21 .swiper-button-prev:after,
.temp-21 .swiper-rtl .swiper-button-next:after {
    content: "prev";
    font-size: 16px;
    display: none
}

.temp-21 .swiper-button-next:after,
.temp-21 .swiper-rtl .swiper-button-prev:after {
    content: "next";
    font-size: 16px;
    display: none
}

.temp-21 .video-js .vjs-big-play-button {
    position: absolute;
    text-indent: 5px;
    top: calc(50% - 15px);
    left: calc(50% - 40px);
    padding: 0;
    text-align: center;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.15);
    color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    outline: none;
    -webkit-backdrop-filter: blur(20px) saturate(1.5) brightness(1.2);
    backdrop-filter: blur(20px) saturate(1.5) brightness(1.2)
}

.temp-21 .swiper-button-prev img {
    height: 18px;
    width: 18px;
    opacity: 0.8
}

.temp-21 .swiper-button-next img {
    height: 18px;
    width: 18px;
    opacity: 0.8
}

.Editors_Choice_wrapper {
    background: #f9f9f9 0% 0% no-repeat padding-box
}

.res_top .admin {
    font-size: 14px
}

.res_top .date {
    font-size: 14px
}

.res_top p {
    font-size: 14px;
    font-family: var(--acumin_regular);
    opacity: 0.6;
    line-height: 18px;
    margin-top: 6px
}

.productvdo_bg {
    background: url(../images/productvdo_bg.png);
    background-size: cover
}

.nav_search img {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 9px;
    z-index: 9
}

.nav_search {
    flex-direction: row-reverse;
    display: flex;
    background: none;
    padding: 0 17px;
    border-radius: 40px;
    cursor: pointer;
    position: absolute;
    right: 0;
    align-items: center;
    background: #f1f1f1;
    width: 0;
    transition: all 0.5s ease
}

.search-backgrond {
    width: 350px
}

.nav_search input {
    border: none;
    background: #f1f1f1;
    width: 0%;
    transition: all 0.3s ease-in-out;
    text-align: left;
    font: normal normal normal 14px/0px var(--acumin_regular);
    letter-spacing: -0.42px;
    color: #383636;
    opacity: 1;
    outline: none;
    height: 34px;
    border-radius: 50px;
    z-index: 1
}

.search-result .hm_automation_cards_heading h1 {
    margin-left: 0;
    text-align: center;
    text-align: center;
    font: normal normal normal 70px/90px var(--acumin_regular);
    letter-spacing: -3.5px;
    color: #383636;
    text-transform: capitalize
}

.configurator-banner {
    margin-top: 184px;
    padding: 50px 0 0
}

.Experience-Customisation-header {
    width: 65%;
    margin: 30px auto
}

.Experience-Customisation-header h2 {
    margin-bottom: 15px
}

.Experience-Customisation-body {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 20px;
    padding: 20px
}

.Customisation-card-content {
    position: absolute;
    bottom: 0;
    padding: 30px 50px
}

.Customisation-card {
    width: 32%;
    position: relative;
    overflow: hidden
}

.Customisation-card-content h3 {
    text-align: left;
    font: normal normal normal 32px/45px var(--acumin_regular);
    letter-spacing: -1.28px;
    color: #ffffff;
    text-transform: capitalize;
    opacity: 1
}

.Customisation-card-content p {
    text-align: left;
    font: normal normal normal 16px/22px var(--roboto_reg);
    letter-spacing: -0.32px;
    color: #ffffff;
    opacity: 0.8
}

.configure-btn {
    background: #486898 0% 0% no-repeat padding-box;
    border-radius: 25px;
    opacity: 1;
    text-align: center;
    font: normal normal bold 12px / 16px var(--acumin_bold);
    letter-spacing: 0px;
    color: #ffffff;
    text-transform: uppercase;
    opacity: 1;
    padding: 17px 23px 16px;
    display: inline-block;
    transition: all 0.5s ease-in-out;
    transform: translateY(110px)
}

.Customisation-card-text {
    transition: all 0.5s ease-in-out;
    transform: translateY(45px)
}

.Customisation-card:hover .Customisation-card-text {
    transition: all 0.5s ease-in-out;
    transform: translateY(0)
}

.Customisation-card:hover .configure-btn {
    transition: all 0.5s ease-in-out;
    transform: translateY(0);
    color: #fff
}

.envision-sec {
    padding: 120px 140px;
    background: #f3f3f3 0% 0% no-repeat padding-box;
    opacity: 1
}

.envision-header.head_wrapper h2 {
    margin-bottom: 20px
}

.envision-sec-body {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
    column-gap: 30px
}

.envision-card {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    height: 258px;
    width: 23.6%;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #cccccc;
    opacity: 1;
    padding: 40px;
    position: relative;
    transition: all 0.5s;
    overflow: hidden
}

.envision-card-img {
    width: 60px;
    height: 50px
}

.configure_now {
    text-align: left;
    font: normal normal 12px / 16px var(--acumin_bold);
    letter-spacing: 2.4px;
    color: #486898;
    text-transform: uppercase;
    opacity: 1;
    position: absolute;
    transform: translateY(65px)
}

.configure_now::after {
    position: absolute;
    content: "";
    height: 1px;
    width: 18px;
    right: -8px;
    color: #486898;
    background: #486898;
    bottom: 0;
    transition: all 0.5s
}

.configure_now:hover {
    color: #486898
}

.envision-card:hover .configure_now::after {
    right: -25px
}

.envision-card:hover .configure_now {
    transform: translateY(-10px);
    transition: all 0.5s
}

.envision-card-content h3 {
    transition: all 0.5s;
    transform: translateY(10px)
}

.envision-card:hover .envision-card-content h3 {
    transform: translateY(-10px);
    transition: all 0.5s
}

.envision-card-content h3 {
    text-align: left;
    font: normal normal 24px/30px var(--acumin_semibold);
    letter-spacing: -0.72px;
    color: #3c3535;
    opacity: 1
}

.swiper.disabled-swiper .swiper-wrapper {
    justify-content: center;
    gap: 30px
}

.swiper.disabled-swiper .swiper-wrapper .swiper-slide {
    margin: 0 !important
}

.justify-center {
    justify-content: center
}

.other_products .case_studies_swiper_wrapper {
    padding: 0 100px;
    overflow: hidden
}

.other_products_swiper {
    overflow: visible;
    padding-bottom: 100px
}

.other-brands-slider5 {
    overflow: visible
}

.internship-program-wrapper {
    display: grid;
    grid-template-columns: 70% 30%;
    padding: 95px 140px
}

.internship-content-wrapper {
    padding-right: 130px;
    height: 831px;
    overflow: auto
}

.internship-content-wrapper::-webkit-scrollbar {
    display: none
}

.internship-header {
    margin-bottom: 95px
}

.internship-title {
    text-align: left;
    font: normal normal 32px / 45px var(--acumin_bold);
    font-size: 32px;
    line-height: 45px;
    font-family: var(--acumin_bold);
    letter-spacing: -1.28px;
    color: #252b33;
    opacity: 1
}

.internship-para {
    text-align: left;
    font: normal normal 20px / 30px var(--roboto_Reg);
    font-size: 20px;
    line-height: 30px;
    font-family: var(--roboto_reg);
    letter-spacing: -0.6px;
    color: #707070;
    opacity: 1;
    margin-top: 30px
}

.internship-content {
    margin-top: 45px
}

.internship-list-item {
    position: relative;
    text-align: left;
    font: normal normal 20px / 30px var(--roboto_reg);
    letter-spacing: -0.6px;
    color: #707070;
    opacity: 1;
    padding-left: 22px
}

.internship-list-item::before {
    content: "";
    background: url(../images/click-right.png);
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0;
    top: 8px;
    background-size: contain;
    background-repeat: no-repeat
}

.similar-jobs-wrapper {
    background: #f9f9f9 0% 0% no-repeat padding-box;
    border-radius: 24px;
    opacity: 1;
    padding: 45px 40px
}

.similar-jobs-header h2 {
    text-align: left;
    font: normal normal bold 30px / 65px var(--acumin_bold);
    letter-spacing: -1.2px;
    color: #252b33;
    opacity: 1;
    border-bottom: 1px solid #efefef;
    margin: 0
}

.similar-jobs-card {
    border-bottom: 1px solid #efefef;
    padding-top: 18px
}

.similar-jobs-card-title {
    text-align: left;
    font: normal normal 24px / 45px var(--acumin_regular);
    letter-spacing: -0.96px;
    color: #252b33;
    opacity: 1
}

.similar-jobs-card-details {
    display: flex;
    align-items: center;
    gap: 18px
}

.similar-jobs-card-details img {
    width: 13px;
    height: 16px
}

.similar-jobs-card-details p {
    text-align: left;
    font: normal normal 16px / 22px var(--roboto_reg);
    letter-spacing: -0.48px;
    color: #252b33;
    opacity: 0.8;
    margin: 0;
    padding: 7px 0
}

.job-apply {
    display: flex;
    margin: 30px 0
}

.job-apply-CTA {
    text-align: center;
    font: normal normal bold 14px / 20px var(--acumin_bold);
    letter-spacing: 0px;
    color: #ffffff;
    text-transform: uppercase;
    opacity: 1;
    background: #486898 0% 0% no-repeat padding-box;
    border-radius: 100px;
    padding: 15px 21px
}

.similar-jobs-card:last-child {
    border-bottom: none
}

.career-details-banner-indicators {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 70px;
    margin-top: 40px
}

.indicator-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px
}

.indicator-map {
    background: #b7b4b4;
    border-radius: 50%;
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center
}

.indicator-map img {
    width: 14px;
    height: 18px
}

.indicator-title {
    text-align: left;
    font: normal normal bold 12px / 12px var(--acumin_bold);
    letter-spacing: 0px;
    color: #fff;
    text-transform: uppercase;
    opacity: 1
}

.indicator-subtitle {
    margin: 0;
    text-align: left;
    font: normal normal 18px / 24px var(--acumin_regular);
    letter-spacing: -0.72px;
    color: #fff;
    text-transform: capitalize;
    opacity: 0.8
}

.apply-now-CTA-wrapper {
    display: flex;
    margin-top: 0px;
    justify-content: center
}

.apply-now-CTA {
    text-align: center;
    font: normal normal 14px / 20px var(--acumin_bold);
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    background: #486898 0% 0% no-repeat padding-box;
    border-radius: 50px;
    opacity: 1;
    padding: 28px 73px;
    display: inline-block
}

.career-details-banner .title-bannerText {
    flex-direction: column
}

.apply-now-CTA:hover {
    color: #fff
}

.job-apply-CTA:hover {
    color: #fff
}

.preview_images {
    margin-top: 20px;
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

.fileuploadFile {
    width: 100%;
    background-color: #fcf4f4;
    border: 2px dashed grey;
    color: grey;
    font-size: 16px;
    line-height: 23px;
    overflow: hidden;
    padding: 25px 10px 25px 10px;
    position: relative;
    resize: none;
    border-radius: 25px;
    text-align: center;

    [type="file"] {
        cursor: pointer !important;
        display: block;
        font-size: 999px;
        filter: alpha(opacity=0);
        min-height: 100%;
        min-width: 100%;
        opacity: 0;
        position: absolute;
        right: 0px;
        text-align: right;
        top: 0px;
        z-index: 1
    }
}

.showMore-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px
}

#search .showMore-box {
    margin-bottom: 50px
}

.showmore-CTA {
    background: #486898;
    color: #fff;
    padding: 20px 40px;
    border-radius: 35px
}

a.showmore-CTA:hover,
a.showmore-CTA:active,
a.showmore-CTA:focus {
    color: #fff
}

.snapsearch-wrapper {
    position: relative;
    overflow: hidden
}

.snapsearch-content {
    position: absolute;
    top: 30%;
    left: 100px;
    width: 50%
}

.snapsearch-stars {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.snapsearch-stars .star1 {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 5%;
    top: 19%
}

.snapsearch-stars .star2,
.snapsearch-stars .star3 {
    width: 54px;
    height: 54px
}

.snapsearch-stars .star2 {
    position: absolute;
    left: auto;
    right: 5%;
    top: 10%
}

.snapsearch-stars .star3 {
    position: absolute;
    right: auto;
    left: 40%;
    bottom: 15%
}

.snapsearch-gif {
    position: absolute;
    top: 0;
    left: auto;
    right: -10%;
    width: 79%
}

.snapsearch-content .heading span {
    color: #444;
    font-family: var(--acumin_regular);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.96px;
    margin-bottom: 30px
}

.tryIt-btn {
    background: #486898 0% 0% no-repeat padding-box;
    border-radius: 40px;
    opacity: 1;
    text-align: center;
    font: normal normal bold 12px / 16px var(--acumin_bold);
    letter-spacing: 0px;
    color: #ffffff;
    text-transform: uppercase;
    opacity: 1;
    padding: 25px 60px;
    display: inline-block;
    margin-top: 60px
}

.tryIt-btn:hover {
    color: #ffffff
}

.snapsearch-video-bg video {
    width: 100%;
    height: 100%
}

.snapsearch-explore {
    position: absolute;
    left: auto;
    bottom: 0;
    right: 10%
}

.mobile-video {
    display: none
}

.desktop-video {
    display: block;
    width: 100%;
    height: auto
}

.login-cta.boq {
    background: #f1f1f1;
    padding: 6px 10px;
    border-radius: 35px
}

.login-cta .create-account-wrap {
    background: #f1f1f1;
    padding: 6px 10px;
    border-radius: 35px
}

.boq img {
    width: 13px;
    height: auto;
    filter: invert(1)
}

.login-wrapper {
    display: flex;
    gap: 15px
}

.nav_right ul {
    position: relative
}

.nav_right {
    display: flex;
    justify-content: end;
    gap: 15px
}

.nav_right ul:first-child {
    padding-right: 50px
}

.nav_right .login-cta {
    margin-left: 0 !important;
    cursor: pointer
}

.login-profile {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.login-profile-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: auto;
    height: 80px;
    padding: 0 60px 0 25px;
    cursor: pointer;
    position: relative
}

.profile-image {
    width: 39px;
    border-radius: 25px
}

.needhelp-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-left: auto;
    padding-right: 40px;
    border-right: 1px solid rgb(0 0 0 / 20%);
    cursor: pointer;
    margin-right: 15px
}

.needhelp-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #383636;
    border-radius: 25px;
    opacity: 1;
    padding: 9px
}

.needhelp-icon img {
    width: 20px
}

.needhelp-title span {
    text-align: left;
    text-decoration: underline;
    font: normal normal 14px/20px var(--acumin_semibold);
    letter-spacing: 0px;
    color: #383636;
    opacity: 1
}

.profile-name {
    text-align: left;
    font: normal normal 14px/20px var(--acumin_semibold);
    letter-spacing: 0px;
    color: #11153b;
    opacity: 1
}

.login-profile-wrapper:after {
    position: absolute;
    content: "";
    height: 11px;
    width: auto;
    right: 40px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #00000080
}

.login-profile-wrapper.clicked:after {
    border-bottom: 5px solid #fff;
    height: auto;
    border-top: none
}

.login-profile-wrapper.clicked {
    background: #486898
}

.login-profile-wrapper.clicked .profile-name {
    color: #fff
}

.post-login-wrapper {
    position: fixed;
    right: 0;
    top: 60px;
    margin-top: 4px;
    width: 295px;
    height: auto;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 30px 60px #0000001a;
    transform: translateX(30px);
    transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
    z-index: 999
}

.post-login-wrapper.show {
    transform: translateX(0px);
    transition: all 0.5s ease-in-out;
    opacity: 1;
    visibility: visible
}

.account-details-top {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    bottom: 20px;
    padding: 22px;
    border-bottom: 1px solid #7070701a;
    opacity: 1
}

.account-img img {
    width: 52px
}

.account-name h3 {
    text-align: left;
    font: normal normal 16px/22px var(--acumin_semibold);
    letter-spacing: 0px;
    color: #11153b;
    opacity: 1;
    margin: 0
}

.account-name p {
    text-align: left;
    font: normal normal normal 12px/16px var(--acumin_regular);
    letter-spacing: 0px;
    color: #a1a1a1;
    opacity: 1;
    margin: 0
}

.account-details-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 18px;
    padding: 19px 32px
}

.account-details-item img {
    width: 19px
}

.account-details-item h3 {
    margin: 0;
    text-align: left;
    font: normal normal 14px / 20px var(--acumin_semibold);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1
}

.account-details-bottom {
    border-top: 1px solid #7070701a;
    opacity: 1
}

h3.log-out-text {
    text-align: left;
    font: normal normal 14px/20px var(--acumin_semibold);
    letter-spacing: 0px;
    color: #d63548;
    opacity: 1;
    margin: 0
}

.logout-btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 18px;
    padding: 19px 32px;
    background: none;
    border: 0;
    width: 100%
}

.logout-btn img {
    width: 19px
}

.create-account-wrap {}

.create-account-icon {
    border: none
}

.create-account-icon img {
    width: 14px
}

.share-modal-wrap .modal-dialog {
    display: flex;
    align-items: center;
    min-height: calc(100% - 3.5rem);
    justify-content: center
}

.modal.share-modal-wrap.fade .modal-dialog {
    animation: zoomIn 0.3s forwards
}

@keyframes zoomIn {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.modal.share-modal-wrap.fade .modal-dialog.zoomOut {
    animation: zoomOut 0.3s forwards
}

@keyframes zoomOut {
    from {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

.create-account-modal .modal-header {
    border-bottom: none
}

.create-account-frm-wrap .modal-content {
    width: 600px;
    height: auto;
    border-radius: 0;
    outline: 0;
    border: none;
    padding: 10px 60px 55px
}

.create-account-modal .modal-header .btn-close {
    background-size: 20px;
    right: 30px;
    position: absolute;
    top: 30px
}

.create-account-from-header h3 {
    text-align: center;
    font: normal normal bold 36px / 36px var(--acumin_bold);
    letter-spacing: -1.16px;
    color: #222222;
    opacity: 1
}

.create-account-from-header p {
    text-align: center;
    font: normal normal normal 18px / 30px var(--roboto_reg);
    letter-spacing: -0.72px;
    color: #444444;
    opacity: 1
}

.create-account-modal .modal-header .btn-close:focus {
    box-shadow: none
}

.create-account-from .form-control {
    background: #f5f5f5 0% 0% no-repeat padding-box;
    border-radius: 100px;
    opacity: 1;
    border: none;
    padding: 18px 30px
}

.create-account-from .form-submit {
    width: 100%;
    background: #486898 0% 0% no-repeat padding-box;
    border-radius: 35px;
    opacity: 1;
    border: none;
    padding: 22px 30px;
    color: #fff
}

.create-account-from .form-control::placeholder {
    opacity: 0.5
}

.OrSignIn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0 30px;
    position: relative
}

.OrSignIn-wrap span {
    text-align: center;
    font: normal normal 14px / 18px var(--acumin_semibold);
    letter-spacing: -0.28px;
    color: #231f20;
    opacity: 0.4
}

.OrSignIn-wrap span:before {
    position: absolute;
    content: "";
    height: 1px;
    width: 37%;
    background: #231f20;
    opacity: 0.1;
    left: 0;
    top: 5px
}

.OrSignIn-wrap span:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 37%;
    background: #231f20;
    opacity: 0.1;
    right: 0;
    top: 5px
}

.sign-in-CTAs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%
}

.sign-in-CTAs a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin: 0;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #ececec;
    border-radius: 8px;
    opacity: 1;
    padding: 19px 15px 17px;
    height: 50px;
    text-align: left;
    font: normal normal 600 14px/14px var(--acumin_semibold);
    letter-spacing: 0px;
    color: #231f20;
    opacity: 1;
    width: 50%
}

.sign-in-CTAs a img {
    width: 24px
}

.sign-in-LINk-wrap {
    text-align: center;
    margin-top: 30px
}

.sign-in-LINk-wrap span {
    text-align: left;
    font: normal normal normal 18px / 18px var(--acumin_regular);
    letter-spacing: -0.36px;
    color: rgb(35 31 32 / 50%);
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.signin-link {
    text-align: left;
    text-decoration: underline;
    font: normal normal 18px/18px var(--acumin_semibold);
    letter-spacing: -0.36px;
    color: #486898;
    text-transform: uppercase;
    opacity: 1;
    background: none;
    border: 0;
    padding: 0
}

.signin-link:hover {
    color: #486898;
    background: none;
    border: 0;
    padding: 0
}

.create-account-frm-wrap .modal-dialog {
    display: flex;
    align-items: center;
    min-height: calc(100% - 3.5rem);
    justify-content: center
}

.modal.create-account-frm-wrap.fade .modal-dialog {
    animation: zoomIn 0.3s forwards;
    max-width: 600px
}

@keyframes zoomIn {
    from {
        transform: scale(0.5)
    }

    to {
        transform: scale(1)
    }
}

.modal.create-account-frm-wrap.fade .modal-dialog.zoomOut {
    animation: zoomOut 0.3s forwards
}

@keyframes zoomOut {
    from {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

.iti__flag-container {
    height: 60px
}

.password-field span.fa.fa-fw.fa-eye.field-icon.toggle-password,
.password-field span.fa.fa-fw.field-icon.toggle-password.fa-eye-slash {
    position: absolute;
    left: auto;
    right: 20px
}

.form-group.password-field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.password-field .field-icon {
    opacity: 0.4
}

.modal.leaflet-modal .dropdownQuery.active::before {
    transform: rotate(135deg)
}

.modal.DIY_enquire_form.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    max-width: 700px;
    height: 100%;
    margin: 0 0 0 auto
}

.modal.right-transform-ex.DIY_enquire_form.fade .modal-dialog {
    transform: translateX(100px)
}

.modal.right-transform-ex.DIY_enquire_form.show .modal-dialog {
    transform: none
}

.modal.leaflet-modal.DIY_enquire_form .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal.leaflet-modal.DIY_enquire_form .modal-header {
    border: 0;
    padding: 0
}

.modal.leaflet-modal.DIY_enquire_form .btn-close {
    position: absolute;
    padding: 0;
    top: 30px;
    right: 30px;
    font-size: 19px;
    color: #1f2127;
    opacity: 1;
    z-index: 1
}

.modal.leaflet-modal.DIY_enquire_form .modal-body {
    padding: 75px 50px
}

.leaflet_heading-text {
    font-family: var(--acumin_bold);
    font-size: 60px;
    line-height: 90px;
    text-transform: capitalize;
    letter-spacing: -4.5px;
    color: #000;
    margin-bottom: 10px
}

.modal.leaflet-modal.DIY_enquire_form .form-mb .form-control {
    background: #f9f9f9 0% 0% no-repeat padding-box;
    border: 1px solid #efefef;
    border-radius: 35px;
    height: 60px;
    padding-left: 24px;
    font-size: 16px
}

.modal.leaflet-modal.DIY_enquire_form .textareaSec {
    background: #f9f9f9 0% 0% no-repeat padding-box;
    padding: 15px;
    width: 100%;
    height: 108px;
    resize: none;
    font-size: 16px;
    font: normal normal normal 16px / 30px var(--roboto_Reg);
    border: 1px solid #efefef;
    border-radius: 20px
}

.textRequired {
    font-size: 12px;
    letter-spacing: -0.24px;
    color: #000000;
    opacity: 0.7;
    top: -20px;
    position: relative;
    font-family: var(--roboto_reg);
    font-size: 12px;
    line-height: 1.2;
    font-style: italic;
    left: 15px
}

.modal.leaflet-modal .dropdownQuery {
    border: 1px solid #efefef;
    color: #000;
    border-radius: 30px;
    height: 60px;
    background: #ffffff0d 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 0 23px;
    outline: none;
    display: flex;
    align-items: center;
    position: relative
}

.modal.leaflet-modal .dropdownQuery .dropdownQuery-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 10px;
    border-radius: 0;
    display: none;
    z-index: 9;
    box-shadow: 0px 0px 30px #0000001a;
    border-radius: 0px;
    padding: 13px 4px;
    top: 40px
}

.modal.leaflet-modal .dropdownQuery .select span {
    opacity: 0.5;
    color: #000000;
    font-family: var(--roboto_reg);
    font-size: 16px
}

.modal.leaflet-modal .dropdownQuery::before {
    content: "";
    width: 7px;
    height: 7px;
    border: 2px solid #5e5e5e;
    position: absolute;
    top: 42%;
    right: 35px;
    border-top: 0;
    border-right: 0;
    transform: rotate(314deg);
    transition: all 0.3s ease-in-out
}

.modal.leaflet-modal .dropdownQuery .dropdownQuery-menu li {
    border-bottom: 0;
    color: #383636;
    text-transform: uppercase;
    opacity: 0.8;
    font: normal normal 14px / 20px var(--acumin_medium);
    letter-spacing: 0.28px
}

.filter_heading .dropdownQuery .dropdownQuery-menu li {
    padding: 12px 21px;
    transition: all 0.2s ease-in-out;
    cursor: pointer
}

.modal.leaflet-modal .submitBtn {
    width: 250px;
    height: 70px;
    background: #486898 0% 0% no-repeat padding-box;
    border-radius: 35px;
    margin-top: 15px;
    border: 0
}

.modal {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.form-group .iti--separate-dial-code .iti__selected-flag {
    background-color: transparent
}

.form-group .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent
}

.form-group .iti {
    width: 100%
}

.form-group .iti--separate-dial-code input[type="tel"] {
    padding-right: 6px;
    padding-left: 125px !important;
    margin-left: 0
}

.form-group .iti__flag {
    border-radius: 10px
}

.iti__selected-flag:after {
    position: absolute;
    content: "";
    height: 50%;
    width: 1px;
    right: 0;
    background: #d8d8d8
}

.iti__selected-flag {
    padding: 0 12px 0 30px
}

.form-control:focus {
    outline: 0;
    box-shadow: none
}

.sign-in-form .modal-header {
    border-bottom: none
}

.sign-in-form .modal-header .btn-close {
    background-size: 20px;
    right: 30px;
    position: absolute;
    top: 30px
}

.sign-in-form .modal-content {
    border-radius: 0;
    outline: 0;
    border: none;
    padding: 10px 45px 55px
}

.forgot-modal .modal-header {
    border-bottom: none
}

.forgot-modal .modal-header .btn-close {
    background-size: 20px;
    right: 30px;
    position: absolute;
    top: 30px
}

.forgot-modal .modal-content {
    border-radius: 0;
    outline: 0;
    border: none;
    padding: 10px 45px 55px
}

.forgot-pswd {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start
}

.forgot-pswd-CTA {
    background: none;
    border: none;
    outline: none;
    text-align: right;
    font: normal normal 14px/18px var(--acumin_semibold);
    letter-spacing: -0.28px;
    color: #486898;
    text-transform: capitalize;
    opacity: 1
}

.forgot-pswd-CTA:hover {
    background: none;
    border: none;
    outline: none;
    text-align: right;
    font: normal normal 14px/18px var(--acumin_semibold);
    letter-spacing: -0.28px;
    color: #486898;
    text-transform: capitalize;
    opacity: 1
}

.forgot_pass_btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    background: #486898 0% 0% no-repeat padding-box;
    border-radius: 35px;
    font: normal normal 16px / 22px var(--acumin_bold);
    letter-spacing: -0.32px;
    color: #ffffff;
    text-transform: uppercase;
    opacity: 1;
    border: none
}

.OTP-verification-modal .modal-content {
    border-radius: 0;
    outline: 0;
    border: none;
    padding: 45px 45px 55px
}

.OTP-verification-modal .modal-header .btn-close {
    background-size: 20px;
    right: 30px;
    position: absolute;
    top: 30px
}

.OTP-verification-modal .modal-header {
    border-bottom: none;
    padding: 0
}

.OTP-verification-modal .create-account-from-header p {
    font: normal normal 18px/30px var(--acumin_regular);
    letter-spacing: -0.72px;
    color: rgb(68 68 68 / 70%);
    margin: 20px 0 50px
}

.OTP-verification-modal .create-account-from-header p.otp_ver_timeout {
    font: normal normal normal 14px/20px var(--acumin_regular);
    letter-spacing: -0.42px;
    color: rgb(34 34 34 / 70%);
    margin: 0 0 30px
}

.otp_ver_timeout span {
    color: #f57f17
}

.resend_otp_a {
    text-align: center
}

.resend_otp_a a {
    font: normal normal 12px/16px var(--acumin_regular);
    letter-spacing: -0.36px;
    color: #486898;
    text-transform: uppercase;
    opacity: 1;
    margin-right: 15px
}

.resend_otp_a p {
    font: normal normal 14px/20px var(--acumin_regular);
    letter-spacing: -0.42px;
    color: #919dab;
    margin-bottom: 40px
}

.opt-boxes {
    display: flex;
    gap: 10px;
    justify-content: center
}

.opt-boxes input {
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e8ebf3;
    border-radius: 16px;
    width: 58px;
    height: 60px;
    text-align: center;
    font: normal normal 24px var(--acumin_semibold);
    letter-spacing: -1.44px;
    color: #000000;
    opacity: 1
}

#rangeModal,
#create-account-modal,
#signIn-modal,
#forgot-paswd-modal,
#verification-modal,
#change_password_modal,
#create_paswd_modal,
#create-password-otp-modal,
#confirm-password_modal,
#modal_exe_1,
.share-modal-wrap,
#enter_Details_modal {
    z-index: 999999
}

.profile-wrap img {
    width: 33px
}

.breadcrumb1 a {
    text-align: center;
    letter-spacing: 0px;
    color: rgb(0 0 0 / 50%);
    text-transform: uppercase;
    opacity: 1;
    font-family: var(--acumin_bold);
    font-size: 14px;
    line-height: 1.2;
    width: 100%
}

.breadcrumb1 span {
    margin: 0 2px
}

.breadcrumb1 .page {
    color: #373636
}

.temp-4 h2 {
    text-align: center;
    letter-spacing: -2px;
    color: #231f20;
    opacity: 1;
    font-family: var(--acumin_bold);
    font-size: 60px;
    line-height: 1.2;
    margin-top: 40px
}

.bg-gray {
    background-color: #f3f3f3
}

.boq-banner .container {
    max-width: 100%;
    padding-top: 100px
}

.boq-banner .breadcrumb1 {
    text-align: left
}

.boq-banner .temp-4 h2 {
    text-align: left
}

.boq-banner .temp-4-inner {
    padding: 0 56px
}

.boq-banner .temp-4 {
    padding-bottom: 20px
}

.product-details-wrapper {
    display: grid;
    grid-template-columns: 60% 34%;
    gap: 100px;
    padding: 0 80px 100px
}

.product-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px 0
}

.product-header-left {
    width: 50%
}

.product-header-right {
    width: 46%;
    display: grid;
    grid-template-columns: 17% 36% 15%;
    align-items: center;
    justify-content: space-between
}

.product-header p {
    text-align: left;
    font: normal normal bold 16px / 22px var(--acumin_bold);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1
}

.product-card-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.counter {
    width: 122px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #486898;
    border-radius: 15px;
    opacity: 1
}

.counter input {
    width: 40px;
    border: 0;
    text-align: center;
    appearance: none;
    background: none;
    border-left: 1px solid #4b4d5333;
    border-right: 1px solid #4b4d5333;
    text-align: center;
    font: normal normal 600 16px / 30px var(--acumin_semibold);
    letter-spacing: -0.64px;
    color: #1b2d3a;
    text-transform: capitalize;
    opacity: 1
}

.counter span {
    display: block;
    font-size: 20px;
    padding: 0 10px;
    cursor: pointer;
    color: #1b2d3a;
    user-select: none
}

.product-card-box {
    padding: 8px;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #dadada
}

.product-card {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 12px;
    opacity: 1;
    gap: 20px
}

.product-card-left {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 50px
}

.product-card-img {
    width: 90px;
    height: 90px;
    border: 1px solid rgba(235, 235, 235, 1)
}

.product-card-right {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.product-price {
    text-align: left;
    font: normal normal bold 18px / 26px var(--acumin_bold);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1
}

.product-totalPrice {
    text-align: right;
    font: normal normal bold 18px / 26px var(--acumin_bold);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1
}

.product-title {
    text-align: left;
    font: normal normal bold 24px / 34px var(--acumin_bold);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1
}

.product-SKU {
    text-align: left;
    font: normal normal 16px / 24px var(--acumin_medium);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-bottom: 15px
}

.product-SKU span {
    font-family: var(--acumin_bold)
}

.product-subTitle {
    text-align: left;
    font: normal normal normal 14px / 20px var(--acumin_regular);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    opacity: 60%;
    margin-bottom: 12px
}

.product-card-tags-wrap {
    display: flex;
    align-items: center;
    gap: 6px
}

.product-card-tag {
    padding: 6px 10px 3px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 35px;
    color: #fff;
    font-family: var(--acumin_medium);
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase
}

.product-card-Colortag {
    font-family: var(--roboto_reg);
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0;
    color: rgba(28, 28, 28, 1)
}

.product-card-remove {
    font-family: var(--acumin_bold);
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    text-decoration: underline;
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(72, 104, 152, 1);
    margin-top: 20px
}

.product-card-remove img {
    width: 16px;
    height: 16px
}

.product-subcard-box {
    padding: 12px;
    border: 1px solid rgba(235, 235, 235, 1);
    background: rgba(249, 249, 249, 1)
}

.product-subcard-header {
    font-family: var(--acumin_regular);
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: rgba(31, 33, 39, 1)
}

.product-subcard {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 12px;
    opacity: 1;
    gap: 20px
}

.product-subcard-left {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 50px
}

.product-subcard-img {
    width: 90px;
    height: 90px;
    border: 1px solid rgba(235, 235, 235, 1)
}

.product-subcard-right {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    width: 100%
}

.product-subcard-content-wrap {
    display: grid;
    grid-template-columns: 45% 15% 16% 16%;
    align-items: center;
    gap: 20px;
    width: 100%
}

.product-subcard-tags-wrap .product-card-tag {
    width: fit-content
}

button.add-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(-50%);
    background: #486898;
    border: none;
    padding: 16px 24px;
    border-radius: 35px;
    color: #fff;
    font-size: 12px;
    font-family: var(--acumin_bold);
    font-weight: 700;
    text-transform: uppercase;
    gap: 5px
}

.add-item img {
    width: 18px;
    height: auto
}

.order-summary-wrapper {
    padding: 50px;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #dadada;
    opacity: 1
}

.order-summary-title h3 {
    text-align: left;
    font: normal normal bold 24px / 34px var(--acumin_bold);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1
}

.summary-list-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.summary-list-item p {
    text-align: left;
    font: normal normal 600 18px / 26px var(--acumin_semibold);
    letter-spacing: 0px;
    color: #000000;
    opacity: 0.8;
    width: 70%
}

.summary-list-item span {
    text-align: right;
    font: normal normal bold 18px/26px var(--acumin_bold);
    letter-spacing: 0px;
    color: #000000;
    opacity: 0.8
}

.summary-list-item .subItem {
    opacity: 0.6
}

.order-summary-title {
    margin-bottom: 20px
}

.summary-list {
    border-bottom: 1px solid #dadada;
    margin: 30px 0;
    padding-bottom: 10px
}

.subTotal {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    text-align: left;
    font: normal normal bold 24px/34px var(--acumin_bold);
    letter-spacing: 0px;
    color: #000000;
    opacity: 0.8
}

.download-CTA {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 20px
}

.download-boq-btn {
    width: 100%;
    height: 70px;
    border: 0;
    background: #486898 0% 0% no-repeat padding-box;
    border-radius: 35px;
    color: #ffffff;
    text-align: center;
    font: normal normal bold 14px / 20px var(--acumin_bold);
    letter-spacing: 0px;
    color: #ffffff;
    text-transform: uppercase;
    opacity: 1;
    padding-top: 6px
}

.boq-download-cta {
    border: 1px solid #383636;
    background: transparent;
    color: #383636
}

.boq-wrapper {
    height: 42px;
    width: 42px;
    margin-right: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #383636
}

.boq-wrapper img {
    width: 15px;
    filter: invert(1)
}

.more-details-wrapper {
    margin-top: 10px
}

.viewmore-cta {
    background: none;
    border: none;
    color: #486898;
    text-decoration: underline
}

.more-details-list {
    display: none;
    padding-left: 15px;
    padding: 30px;
    background: #f8f8f8;
    padding-left: 50px;
    margin-bottom: 20px
}

.more-details-list li {
    list-style: auto;
    font-family: var(--acumin_bold);
    margin-bottom: 10px
}

.more-details-listitem h5 {
    text-align: left;
    font: normal normal 16px / 20px var(--acumin_semibold);
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
    margin: 0;
    margin-bottom: 8px;
    text-transform: capitalize
}

.more-details-listitem p {
    text-align: left;
    font: normal normal normal 14px / 18px var(--acumin_regular);
    letter-spacing: 0px;
    color: #787777;
    opacity: 1;
    margin: 0px
}

.product-card-content-wrap {
    display: grid;
    grid-template-columns: 45% 15% 16% 16%;
    align-items: center;
    gap: 20px;
    width: 100%
}

.moredetails {
    display: grid;
    grid-template-columns: 51% 10% 10% 20%;
    gap: 20px
}

.moredetails .counter {
    opacity: 0
}

.moredetails .product-Price {
    text-align: right;
    font: normal normal bold 16px / 20px var(--acumin_bold);
    letter-spacing: 0px;
    color: #787777;
    opacity: 1
}

.arrow:after,
.arrow::before {
    background: #000000;
    content: "";
    position: absolute;
    width: 8px;
    height: 2.45px;
    display: inline-block;
    border-radius: 50px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    right: 0;
    top: 45%
}

.arrow:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 25px
}

.arrow:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 20px
}

.expanded .arrow:after {
    transform: rotate(-45deg)
}

.expanded .arrow:before {
    transform: rotate(45deg)
}

.product-details-wrapper.my-orders {
    display: grid;
    grid-template-columns: 24% 70%;
    gap: 100px;
    padding: 0 80px 100px
}

.my-orders .product-card-content-wrap {
    display: grid;
    width: 100%;
    grid-template-columns: 43% 20% 25%;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-start
}

.my-orders .product-card-right {
    width: 80%
}

.myOrder-CTA {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px
}

.myOrder-CTA a {
    width: 185px;
    height: 45px;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    cursor: pointer
}

.outline-button {
    border: 1px solid #222222;
    color: #222222;
    border-radius: 20px;
    font-family: var(--acumin_semibold);
    font-weight: 600;
    cursor: pointer
}

.solid-button {
    background: var(--primary);
    color: #fff;
    border-radius: 20px;
    border: 1px solid var(--primary);
    cursor: pointer
}

.solid-button:hover {
    color: #fff
}

.ordser-status {
    text-align: left;
    font: normal normal 16px / 24px var(--acumin_semibold);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin: 0;
    margin-top: 10px
}

.profile-details-wrap {
    padding: 50px;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #dadada;
    opacity: 1;
    position: relative;
    z-index: 0;
    overflow: hidden
}

.profile-logo {
    text-align: center
}

.profile-logo img {
    width: 100px
}

.profile-details {
    margin-top: 50px
}

.my-profile-header h2 {
    text-align: left;
    letter-spacing: -2.5px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
    font-family: var(--acumin_bold);
    font-size: 60px;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 30px
}

.form-label {
    text-align: left;
    font: normal normal 14px / 24px var(--acumin_medium);
    letter-spacing: 0px;
    color: #00000073;
    opacity: 1;
    margin-bottom: 5px
}

.form-title {
    text-align: left;
    font: normal normal 16px / 24px var(--acumin_bold);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-bottom: 15px
}

.profile-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: -40px;
    z-index: -1
}

.editable {
    display: inline-block;
    cursor: text
}

.pencil-icon {
    cursor: pointer;
    margin-left: 20px;
    color: #007bff
}

.product-details-mobile-wrap {
    padding: 40px;
    display: none
}

.accordion-button.orders-button {
    box-shadow: unset;
    background-color: unset;
    text-align: center;
    letter-spacing: -2.5px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
    font-family: var(--acumin_bold);
    font-size: 40px;
    line-height: 1.2;
    margin-top: 0;
    justify-content: space-between
}

.accordion-button.orders-button::after {
    margin-left: 35px
}

.accordion.orders-wrap {
    border-radius: 50px
}

.accordion-item.order-item {
    color: unset;
    background-color: unset;
    border: none
}

.my-orders .product-totalPrice {
    text-align: center
}

.myorder-dropdown {
    position: relative
}

.myorder-dropdown-CTA {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #486898;
    background: #486898;
    height: 48px;
    width: 190px;
    border-radius: 35px;
    padding: 0 20px;
    cursor: pointer;
    color: #fff
}

.myorder-dropdown-list-wrap {
    position: absolute;
    width: 140px;
    transition: all 0.5s ease;
    transform: translateY(-20px);
    background: aliceblue;
    border-radius: 10px;
    padding: 20px;
    opacity: 0;
    visibility: hidden
}

.myorder-dropdown-list-wrap {
    background: #fff;
    border: 1px solid #f1f1f1;
    border: -ra;
    border-radius: 10px;
    width: 100%;
    padding: 20px;
    z-index: 1
}

.myorder-dropdown-list-item a {
    font-family: var(--acumin_regular);
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 10px;
    cursor: pointer
}

.myorder-dropdown.expanded .myorder-dropdown-list-wrap {
    transform: translateY(10px);
    opacity: 1;
    visibility: visible
}

.myorder-dropdown-title {
    margin: 0;
    font-family: var(--acumin_semibold);
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -0.04em;
    text-align: left;
    transition: all 0.5s ease-in-out
}

.my-orders .arrow:after,
.my-orders .arrow::before {
    background: #fff
}

.swiper.allProduct-slider1 {
    width: 100%
}

.wt-buy-dropdown-wrap {
    background: #ffffffb3 0% 0% no-repeat padding-box;
    border: 1px solid #ebebeb;
    padding: 50px
}

.wt-buy-dropdown {
    position: relative;
    margin-bottom: 16px
}

.wt-buy-select {
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 2px solid #cccccc;
    border-radius: 35px;
    opacity: 1;
    position: relative
}

.wt-buy-select h5 {
    text-align: left;
    font: normal normal normal 14px / 1.4 var(--acumin_regular);
    letter-spacing: -0.32px;
    color: #000000;
    opacity: 1;
    margin: 0;
    padding: 19px 20px 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90%
}

.wt-buy-select:before,
.wt-buy-select:after {
    background: #000000;
    content: "";
    position: absolute;
    width: 8px;
    height: 2.45px;
    display: inline-block;
    border-radius: 50px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    right: 0;
    top: 50%
}

.wt-buy-select:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 20px
}

.wt-buy-select:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 25px
}

.expanded .wt-buy-select:after {
    transform: rotate(-45deg)
}

.expanded .wt-buy-select:before {
    transform: rotate(45deg)
}

.wt-buy-selectList {
    background: #f2f2f2;
    padding: 20px;
    transition: all 0.5s ease;
    transform: translateY(-11px);
    position: absolute;
    z-index: 2;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    border: 1px solid #d3d3d34d;
    border-radius: 15px
}

.wt-buy-selectList-box {
    height: auto;
    overflow: auto;
    max-height: 100px
}

.wt-buy-selectList-box::-webkit-scrollbar {
    width: 2px
}

.expanded .wt-buy-selectList {
    transform: translateY(10px);
    opacity: 1;
    visibility: visible
}

.wt-buy-CTA a:focus {
    color: #fff
}

.wt-buy-CTA .dealers-where-buy-clear:focus {
    background-color: #486898;
    border: 0
}

.wt-buy-listItem {
    text-align: left;
    font: normal normal normal 16px / 16px var(--acumin_regular);
    letter-spacing: -0.32px;
    color: #888;
    opacity: 1;
    margin: 0;
    padding: 5px 0
}

.wtb-search-result-wrap {
    margin-top: 40px;
    overflow-y: auto;
    height: 410px
}

.wtb-search-result-wrap:before {
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    width: 100%;
    height: 30%;
    background: transparent;
    background: linear-gradient(180deg, rgb(255 255 255 / 0%) 55%, rgba(243, 243, 243, 1) 95%);
    z-index: 0;
    pointer-events: none
}

.wtb-search-result-header h4 {
    text-align: left;
    font-size: 20px;
    line-height: 30px;
    font-family: var(--acumin_medium);
    letter-spacing: -0.6px;
    color: #3c3535;
    opacity: 0.8
}

.wtb-card {
    background: #ffffffb3 0% 0% no-repeat padding-box;
    border: 1px solid #ebebeb;
    opacity: 1;
    padding: 30px;
    margin-bottom: 10px
}

h5.wtb-card-title {
    text-align: left;
    font: normal normal 600 20px / 1.4 var(--acumin_semibold);
    letter-spacing: 0;
    color: #231f20;
    opacity: 1
}

.wtb-card p.wtb-card-subtitle {
    text-align: left;
    font: normal normal 14px / 18px var(--acumin_regular);
    letter-spacing: 0;
    color: #3c3535;
    opacity: 1;
    width: 100%;
    margin-bottom: 12px
}

.wtb-card-contact {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px
}

.wtb-card-contact-img {
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f5f5f5 0% 0% no-repeat padding-box;
    opacity: 1
}

.wtb-card-contact-img img {
    width: 13px
}

.wtb-card p.wtb-card-number {
    text-align: left;
    font-size: 14px;
    color: rgba(35, 31, 32, 0.8);
    font-family: var(--acumin_medium);
    width: 90%
}

.wtb-card-contact p {
    margin: 0
}

.wtb-card-wrap {
    margin-top: 20px
}

.wt-buy-body {
    height: 920px;
    margin-top: 18px;
    width: 100%
}

.wt-buy-body::-webkit-scrollbar {
    display: none
}

.adress-popup-wrap {
    position: absolute;
    top: auto;
    left: -95px;
    bottom: 70px
}

.adress-popup {
    width: 300px;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 50px 80px #0000001a;
    opacity: 1;
    padding: 25px 25px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 9
}

.adress-popup-loc img,
.adress-popup-call img {
    width: 17px;
    height: 24px
}

.adress-popup-loc-left img {
    width: 16px;
    height: 16px
}

.map-loc {
    width: 35px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9
}

.adress-popup-title {
    text-align: left;
    font: normal normal bold 20px / 20px var(--acumin_bold);
    letter-spacing: -0.72px;
    color: #1f2127;
    opacity: 1
}

.adress-popup-loc {
    display: flex;
    align-items: flex-start;
    gap: 15px
}

.adress-popup-loc-left {
    background: #f9f9f9 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.adress-popup-right {
    width: 80%
}

.adress-popup-right h6 {
    text-align: left;
    font: normal normal bold 12px / 30px var(--acumin_bold);
    letter-spacing: -0.36px;
    color: #1f2127;
    text-transform: uppercase;
    opacity: 0.7;
    margin-bottom: 0
}

.adress-popup-right p {
    text-align: left;
    font: normal normal normal 14px / 23px var(--roboto_Reg);
    letter-spacing: -0.48px;
    color: #1f2127;
    opacity: 1;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px
}

.adress-popup-loc-cta-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px
}

.adress-popup-call {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 15px
}

.adress-popup-loc-left {
    background: #f9f9f9 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.adress-popup-loc-right h6 {
    text-align: left;
    font: normal normal bold 12px / 30px var(--acumin_bold);
    letter-spacing: -0.36px;
    color: #1f2127;
    text-transform: uppercase;
    opacity: 0.7;
    margin-bottom: 0;
    font-size: 10px;
    line-height: 22px
}

.adress-popup-loc-right p {
    text-align: left;
    font: normal normal normal 16px / 23px var(--acumin_regular);
    letter-spacing: -0.48px;
    color: #1f2127;
    opacity: 1;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px
}

a.adress-popup-CTA {
    background: #486898 0% 0% no-repeat padding-box;
    border-radius: 35px;
    padding: 13px 15px 10px;
    width: 100%;
    text-align: center;
    font: normal normal bold 10px / 16px var(--acumin_bold);
    letter-spacing: 0px;
    color: #ffffff;
    text-transform: uppercase;
    opacity: 1
}

a.view-on-map-link img {
    width: 20px
}

a.adress-popup-CTA.view-map {
    background: none;
    border-radius: 35px;
    border: 2px solid #383636;
    padding: 13px 16px 10px;
    color: #383636
}

a.adress-popup-CTA.view-map {
    color: #1f2127
}

a.adress-popup-CTA.view-map:hover {
    color: #383636
}

.video_modal_wrapper .modal-header .btn-close {
    background-size: 30px;
    filter: invert(1)
}

.video_modal_wrapper .modal-header .btn-close:focus {
    border: none;
    box-shadow: none;
    outline: none
}

.video_modal_wrapper .modal-header.modal-close {
    position: absolute;
    top: 60px;
    right: 70px;
    cursor: pointer
}

.legrand-academy-sec .careers_swip_content {
    position: absolute;
    width: 100%;
    bottom: 100px;
    left: 0;
    top: auto;
    z-index: 1;
    padding: 0 40px;
    transition: all 0.5s ease;
    transform: translateY(80px)
}

.legrand-academy-sec .careers-knw-mr-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 40px;
    width: 100%;
    z-index: 1;
    transition: all 0.5s ease;
    transform: translateY(100px)
}

.legrand-academy-sec .careers-knw-mr-wrapper a {
    text-align: center;
    font: normal normal bold 12px/16px var(--acumin_bold);
    letter-spacing: 0px;
    color: #ffffff;
    text-transform: uppercase;
    opacity: 1;
    border: 2px solid #ffffff;
    border-radius: 100px;
    opacity: 1;
    padding: 17px 27px 16px;
    display: inline-block
}

.legrand-academy-sec .careers_list_swip_wrapper:hover .careers_swip_content {
    transform: translateY(60px)
}

.legrand-academy-sec .careers_list_swip_wrapper:hover .careers-knw-mr-wrapper {
    transform: translateY(0px)
}

.india_drop_wrapper.india_drop_open ul {
    padding-right: 0
}

#reve-chat-widget-holder-2 {
    position: fixed !important;
    top: auto !important;
    left: auto !important;
    bottom: 30px !important;
    right: 30px !important
}

.form-check-input:not(:checked)+.form-check-label {
    background-color: transparent
}

#checkGreen {
    background-color: green;
    border: none
}

#checkBlue {
    background-color: blue;
    border: none
}

#checkBlack {
    background-color: black;
    border: none
}

#checkRed {
    background-color: red
}

.col-input .form-check-input {
    border: none;
    border-radius: 50% !important
}

input[type="checkbox"]:before {
    content: "";
    position: absolute;
    right: 50%;
    top: 50%;
    width: 4px;
    height: 10px;
    border: none;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2;
    opacity: 0
}

input[type="checkbox"]:checked:before {
    content: "";
    position: absolute;
    right: 50%;
    top: 50%;
    width: 4px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    opacity: 1
}

.filter-tabs-wrapper {
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    gap: 10px
}

.filter-tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 30px 10px 20px;
    border: 1px solid #cccccc;
    border-radius: 50px;
    width: fit-content;
    gap: 10px;
    position: relative;
    cursor: pointer
}

.filter-tab p {
    margin: 0;
    text-align: left;
    letter-spacing: -0.12px;
    color: #5e5e5e;
    text-transform: uppercase;
    opacity: 1;
    font-size: 12px;
    line-height: 1.4;
    font-family: var(--acumin_semibold);
    margin-top: 3px
}

.filter-tab .filtersClose {
    width: 20px
}

.remove-filter-tab {}

.remove-filter-tab:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: url("../images/svg/close.svg") no-repeat;
    background-size: contain
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:active,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:active,
select:-webkit-autofill:focus {
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

*:-webkit-autofill,
*:-webkit-autofill:hover,
*:-webkit-autofill:focus,
*:-webkit-autofill:active {
    transition: all 5000s ease-in-out 0s;
    transition-property: background-color, color;
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    box-shadow: 0 0 0 1000px #fff inset;
    font-weight: 500 !important
}

.social-media-wrapper {
    padding: 0 100px
}

.social-media-wrapper .juicer-feed .j-youtube-hover.highlight,
.social-media-wrapper .juicer-feed .j-youtube-hover:hover {
    border-bottom: none !important
}

.social-media-wrapper .juicer-feed .j-x-twitter-hover.highlight,
.social-media-wrapper .juicer-feed .j-x-twitter-hover:hover {
    border-bottom: none !important
}

.juicer-feed .j-display-filters li:not(.filters-label) {
    border: 1px solid #e9e9e9 !important
}

.juicer-feed .j-display-filters li {
    margin: 0 10px 10px 0
}

.juicer-feed .j-display-filters li:not(.filters-label):last-of-type {
    margin: 0 0 10px 0
}

.generic-content-wrapper {
    max-width: 70%;
    width: 100%;
    margin: 0 auto
}

.productdetail-price {
    display: flex;
    align-items: flex-start;
    gap: 5px
}

.productdetail-price p {
    position: static;
    top: initial;
    margin: 0;
    font-size: 12px
}

.productdetail-price h4 {
    margin: 0
}

.product-detail-address {
    line-height: 30px !important
}

.breadcrumb-item+.breadcrumb-item::before {
    content: unset
}

.breadcrumb-item::after,
.breadcrumb-item:last-child::after {
    content: "";
    height: 8px;
    width: 8px;
    position: absolute;
    top: 5px;
    left: -1px;
    right: auto;
    border-top: 2px solid #888;
    border-right: 2px solid #888;
    transform: rotate(45deg);
    margin-left: 4px
}

.breadcrumb-item:last-child::after,
.breadcrumb-item:first-child::after {
    content: "";
    border: none
}

.breadcrumb-item.active::after {
    border-top: 2px solid #888;
    border-right: 2px solid #888;
    height: 7px;
    width: 7px;
    margin-top: 1px
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 17px;
    position: relative
}

li.breadcrumb-item span {
    opacity: 0.5
}

.slideData .breadcrumb-item::after {
    content: unset
}

.switch-breadcrumb .breadcrumb-item>br {
    display: none
}

.switch-breadcrumb .breadcrumb-item.active {
    color: #333
}

.switch-breadcrumb .breadcrumb-item a {
    color: var(--bs-breadcrumb-item-active-color)
}

.eCol-font {
    font-size: 24px;
    text-align: left;
    letter-spacing: 0px;
    line-height: 1.3;
    color: rgba(56, 54, 54, 1);
    opacity: 1
}

.textareaSec:focus-visible,
.textareaSec:focus {
    outline: none
}

a.btn_solid:active,
a.btn_solid:focus {
    color: #fff
}

#search .card-product-mrp {
    width: 100%;
    gap: 6px;
    justify-content: start;
    flex-direction: row-reverse !important
}

.year1-area .year1::before {
    content: "";
    height: 100px;
    width: 1px;
    display: inline-block;
    border: 1px #c8c8c8 dashed;
    position: relative;
    right: -4px;
    z-index: -1
}

.inner_page_banner .desktop-banner {
    object-fit: cover;
    height: 100%
}

.custom-cursor {
    cursor: grab
}

.cursor {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s
}

.cursor.visible {
    opacity: 1;
    visibility: visible
}

.cursor__inner {
    background: url(../images/cursor.png) 0 0 no-repeat;
    background-size: 100% 100%;
    display: flex;
    transform: translate(-50%, -80%) scale(0.7);
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
    border-radius: 50%;
    transition: transform 0.3s
}

.cursor.visible .cursor__inner {
    transform: translate(-50%, -80%) scale(1)
}

.product-solutions .card a.btn-discover:hover .cursor {
    opacity: 0;
    visibility: hidden
}

.card p:hover {
    cursor: pointer
}

.emailHandler-container .emailHandler-header h2 {
    font-size: 52px;
    letter-spacing: 0;
    text-transform: none
}

.emailHandler-container .emailHandler-header p {
    font-size: 16px;
    opacity: 1;
    color: rgb(255 255 255 / 50%)
}

.emailHandler-container .emailHandler-header h4 {
    font-family: var(--acumin_regular);
    color: #fff;
    font-size: 32px
}

.emailHandler-container .emailHandler-header a {
    color: #4d81cf
}

.filter_heading.role-dropdown .dropdownQuery .dropdownQuery-menu {
    background: #fff;
    border: 1px solid #d3d3d34d;
    border-radius: 15px;
    height: fit-content;
    max-height: fit-content;
    overflow: auto
}

.filter_heading.role-dropdown .dropdownQuery .dropdownQuery-menu .role-list {
    max-height: 240px;
    overflow: auto
}

.filter_heading.role-dropdown .dropdownQuery .dropdownQuery-menu .role-list::-webkit-scrollbar {
    width: 4px
}

form#Support-Form {
    margin-top: 42px
}

.btn-div.wt-buy-CTA {
    display: flex;
    gap: 20px;
    align-items: flex-end;
    margin-top: 34px
}

.descriptive_text_wrapper p img {
    height: 100%;
    width: 30%;
    display: block;
    margin-top: 18px
}

.overflow_hidden {
    overflow: hidden !important
}

.overflow_visible {
    overflow: visible !important
}

.privacy_policy .about-us-wrapper1 .about-us-container1-top-text {
    padding: 20px 140px 60px
}

.privacy_policy .about-us-wrapper1 {
    padding: 100px 250px 0;
    background: url(../images/about-us/about-us-wrapper-1.png) center center no-repeat;
    background-size: cover
}

.custom_mr_addin {
    margin-bottom: 10px !important
}

.privacy_policy .about-us-wrapper1 .about-us-container1-top-text p {
    text-align: left;
    font: normal normal normal 16px / 30px var(--roboto_reg);
    letter-spacing: -0.16px;
    color: #231f20;
    opacity: 1;
    margin: 0;
    width: 100%;
    display: flex;
    padding-left: 10px
}

.privacy_policy .about-us-wrapper1 .about-us-container1-top-text p span {
    padding-right: 10px
}

.privacy_policy .about-us-wrapper1 .about-us-container1-top-text p b {
    text-align: left;
    font: normal normal 28px / 30px var(--roboto_reg);
    letter-spacing: -1.12px;
    color: #000000;
    text-transform: unset;
    opacity: 1;
    margin-bottom: 35px;
    font-weight: bold
}

.privacy_policy .about-us-wrapper1 .about-us-container1-top-text p:nth-child(1) {
    margin-bottom: 10px !important
}

.privacy_policy .about-us-wrapper1 .about-us-container1-top-text ul {
    list-style-type: none
}

.privacy_policy .custom_listing_style {
    position: relative
}

.privacy_policy .custom_listing_style>li {
    padding-left: 0px;
    position: relative
}

.privacy_policy .custom_listing_style ol {
    padding-left: 55px
}

.privacy_policy .custom_listing_style ol li {
    position: relative;
    left: 2px
}

.privacy_policy .custom_listing_style ol li {
    list-style: lower-latin
}

.privacy_policy .about-us-wrapper1 .about-us-container1-top-text .custom_listing_style .ol_custom_font ol li {
    font-size: 10px !important
}

.privacy_policy .custom_listing_style ol li {
    font-size: 14px !important
}

.privacy_policy .custom_listing_style ol p {
    font-size: 14px !important
}

.terms_of_use .about-us-wrapper1 .about-us-container1-top-text {
    padding: 20px 140px 60px
}

.terms_of_use .about-us-wrapper1 {
    padding: 20px 250px 0;
    background: url(../images/about-us/about-us-wrapper-1.png) center center no-repeat;
    background-size: cover
}

.terms_of_use .about-us-wrapper1 .about-us-container1-top-text p {
    text-align: left;
    font: normal normal normal 16px / 22px var(--roboto_reg);
    letter-spacing: -0.16px;
    color: #231f20;
    opacity: 1;
    margin: 0;
    width: 100%
}

.terms_of_use .about-us-wrapper1 .about-us-container1-top-text p b {
    text-align: left;
    font: normal normal 28px / 30px var(--roboto_reg);
    letter-spacing: -1.12px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
    margin-bottom: 35px;
    font-weight: bold
}

.terms_of_use .about-us-wrapper1 .about-us-container1-top-text p {
    text-transform: unset
}

.terms_of_use .about-us-wrapper1 .about-us-container1-top-text p:nth-child(1) {
    margin-bottom: 30px !important
}

.mobile_head_container .accordionmblmenu .active-btn.accordion-button::after {
    rotate: 0deg
}

.mobile_head_container .accordionmblmenu .accordion-flushq .active-btn.accordion-button::after {
    rotate: 0deg
}

.filter_heading.t2 .form-control.ldcs_state_dropdown {
    padding-top: 0;
    padding-bottom: 0
}

.contactus-newadd-head .newadd-head {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;

}

.contactus-newadd-head .newadd-head img {
    max-width: 24px
}

.contactus-newadd-head .newadd-head .wtb-card-title {
    margin-bottom: 0
}

.newadd-para p {
    font-size: 14px;
    line-height: 18px;
    color: #3c3535;
    font-family: var(--acumin_medium);
    margin-top: 8px
}

.contactus-callinfo {
    display: flex;
    align-items: flex-start;
    gap: 8px
}

.pointer-content-area .closebtn {
    display: block;
    cursor: pointer;
    margin-bottom: 6px
}

.contactus-callinfo img {
    max-width: 24px
}

.contactus-callinfo span {
    font: normal normal normal 14px / 18px var(--roboto_med);
    text-transform: lowercase;
    color: #3c3535
}

.contactus-addarea {
    margin-top: 40px
}

.contactus-addareaheading h3 {
    font: normal normal normal 18px var(--roboto_med);
    color: #231f20
}

.contactus-addareaheading p {
    font: normal normal normal 14px/18px var(--roboto_reg);
    color: #3c3535
}

.contactus-new .temp-9-area-2 {
    width: 40%
}

.contactus-new .temp-9-area {
    width: 40%
}

.zone-tabs-area .nav-pills {
    display: flex;
    /* flex-direction: column; */
    gap: 10px;
    align-items: baseline
}

.banner_sm,
.inner_page_banner.banner_sm {
    height: calc(100vh - 30vh)
}

.banner_sm .banner_sm_bg,
.about-us-bannr.banner_sm .banner_sm_bg {
    height: 100%
}

.zone-img-area {
    max-width: 1100px;
    position: relative
}

.circle-btn {
    position: absolute;
    top: 59%;
    bottom: 50%;
    left: 15%
}

.pointer-content-area {
    width: 360px;
    background: #fff;
    padding: 20px;
    box-shadow: 4px 4px 9px -6px black
}

.pointer-content-area::before {
    content: "";
    height: 25px;
    width: 25px;
    position: absolute;
    bottom: -12px;
    rotate: 45deg;
    background-color: #fff;
    left: 0;
    right: 0;
    margin: 0 auto
}

.circle-btn.circle-btn2 {
    top: 90%;
    left: 26%
}

.circle-btn.circle-btn3 {
    top: 81%;
    left: 31%
}

.circle-btn.circle-btn4 {
    top: 83%;
    left: 39%
}

.circle-btn.circle-btn5 {
    top: 88%;
    left: 30%
}

.circle-btn.circle-btn6 {
    top: 92%;
    left: 32%
}

.circle-btn.circle-btn7 {
    top: 94%;
    left: 27%
}

.circle-btn.circle-btn8 {
    top: 47%;
    left: 16%
}

.circle-btn.circle-btn9 {
    top: 52.5%;
    left: 16.58%
}

.circle-btn.circle-btn10 {
    top: 59%;
    left: 16%
}

.circle-btn.circle-btn11 {
    top: 60%;
    left: 21%
}

.circle-btn.circle-btn12 {
    top: 54%;
    left: 38%
}

.circle-btn.circle-btn13 {
    top: 72.5%;
    left: 18%
}

.circle-btn.circle-btn14 {
    top: 20%;
    left: 25%
}

.circle-btn.circle-btn15 {
    top: 20.5%;
    left: 29%
}

.circle-btn.circle-btn16 {
    top: 22.5%;
    left: 36%
}

.circle-btn.circle-btn17 {
    top: 27%;
    left: 30%
}

.circle-btn.circle-btn18 {
    top: 33.5%;
    left: 29.5%
}

.circle-btn.circle-btn19 {
    top: 34.5%;
    left: 48.5%
}

.circle-btn.circle-btn20 {
    top: 34.5%;
    left: 82.5%
}

.circle-btn.circle-btn21 {
    top: 38%;
    left: 69%
}

.circle-btn.circle-btn22 {
    top: 47.5%;
    left: 69%
}

.circle-btn.circle-btn23 {
    top: 46%;
    left: 59%
}

.circle-btn.circle-btn24 {
    top: 47%;
    left: 26%
}

.circle-btn.circle-btn25 {
    top: 64%;
    left: 36%
}

.circle-btn.circle-btn26 {
    top: 69%;
    left: 44%
}

.circle-btn.circle-btn27 {
    top: 65%;
    left: 51%
}

.circle-btn.circle-btn28 {
    top: 56%;
    left: 61%
}

.circle-btn.circle-btn2 .pointer-content {
    left: -49%;
    top: -310px;
}

.circle-btn.circle-btn3 .pointer-content {
    left: -48.5%;
    top: -352px
}

.circle-btn.circle-btn5 .pointer-content {
    left: -49%;
    top: -285px;
}

.circle-btn.circle-btn6 .pointer-content {
    left: -49%;
    top: -285px;
}

.circle-btn.circle-btn7 .pointer-content {
    left: -49%;
    top: -287px;
}

.circle-btn.circle-btn10 .pointer-content {
    left: -49%;
    top: -355px;
}

.circle-btn.circle-btn11 .pointer-content {
    left: -49%;
    top: -310px;
}

.circle-btn.circle-btn12 .pointer-content {
    left: -49%;
    top: -287px;
}

.circle-btn.circle-btn13 .pointer-content {
    left: -49%;
    top: -285px;
}

.circle-btn.circle-btn16 .pointer-content {
    left: -49%;
    top: -285px;
}

.circle-btn.circle-btn17 .pointer-content {
    left: -49%;
    top: -330px;
}

.circle-btn.circle-btn21 .pointer-content {
    left: -49%;
    top: -290px;
}

.circle-btn.circle-btn22 .pointer-content {
    left: -49%;
    top: -335px;
}

.circle-btn.circle-btn23 .pointer-content {
    left: -49%;
    top: -290px;
}

.circle-btn.circle-btn24 .pointer-content {
    left: -49%;
    top: -288px;
}

.circle-btn.circle-btn25 .pointer-content {
    left: -49%;
    top: -335px;
}

.circle-btn.circle-btn26 .pointer-content {
    left: -48.5%
}

.circle-btn.circle-btn27 .pointer-content {
    left: -49%;
    top: -241px
}

.circle-btn.circle-btn28 .pointer-content {
    left: -49%;
    top: -290px
}

.pointer-content {
    background-color: #fff;
    max-width: 100%;
    z-index: 9;
    position: relative;
    left: -49%;
    top: -310px;
}

.pointer-content-head {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.pointer-content-bottom {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.zone-tabs {
    margin-top: 40px;
    /* max-width: 65% */
}

.zone-tabs-area .nav-pills .nav-link.active {
    color: #fff;
    background: #5B7DB0;
    padding: 10px 20px;
    border-radius: 35px;
    /* border-bottom: 1px solid #5b7db0 */
}

.zone-tabs-area .nav-pills .nav-link:hover {
    color: #fff;
    background: #5B7DB0;
    padding: 10px 20px;
    border-radius: 35px;
    /* border-bottom: 1px solid #5b7db0 */
}

.zone-tabs-area .nav-pills .nav-link {
    color: #231f20cc;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.2px;
    padding: 7px 0;
    background-color: #fff;
    width: 100%;
    text-align: start;
    border-bottom: 1px solid black;
    border-radius: 0;
    position: relative;
    font-family: var(--acumin_bold);
    text-transform: uppercase;
    border: none;
    padding: 10px 20px;
    border-radius: 35px;
}

/* .zone-tabs-area .nav-pills .nav-link::after {
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    border: 2px solid #5b7db0;
    border-left: 0;
    border-bottom: 0;
    rotate: 45deg;
    right: 25px;
    z-index: 1;
    visibility: hidden;
    transition: 0.3s
}

.zone-tabs-area .nav-pills .nav-link::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 15px;
    background-color: #5b7db0;
    right: 25px;
    top: 11px;
    z-index: 2;
    visibility: hidden;
    transition: 0.3s
}

.zone-tabs-area .nav-pills .nav-link:hover::after {
    visibility: visible;
    right: 20px;
    transition: 0.3s
}

.zone-tabs-area .nav-pills .nav-link:hover::before {
    visibility: visible;
    right: 20px;
    transition: 0.3s
}

.zone-tabs-area .nav-pills .nav-item .active.nav-link::after {
    visibility: visible;
    right: 20px;
    transition: 0.3s
}

.zone-tabs-area .nav-pills .nav-item .active.nav-link::before {
    visibility: visible;
    right: 20px;
    transition: 0.3s
} */

.zone-tabs-area .nav-item {
    /* width: 100% */
}

:root {
    --circle-color: #ed1c24;
    --pulse-duration: 1.5s
}

.points {
    width: 10px;
    height: 10px;
    border: none;
    border-radius: 50%;
    background: var(--circle-color);
    display: inline-block;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    vertical-align: middle;
    position: relative
}

.points.pulse {
    animation: pulse-glow var(--pulse-duration) ease-in-out infinite
}

@keyframes pulse-glow {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
        transform: scale(1)
    }

    50% {
        box-shadow: 0 0 12px 6px rgba(255, 255, 255, 0.6);
        transform: scale(1.05)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
        transform: scale(1.01)
    }
}

.pointer-btn button {
    width: 100%;
    background: #486898;
    border: none;
    border-radius: 32px
}

.pointer-btn button a {
    color: #fff
}

.downloadBoq-format {
    margin-bottom: 40px
}

.downloadBoq-subtitle {
    color: #222222;
    font-size: 14px;
    font-family: var(--acumin_semibold);
    font-weight: 600;
    line-height: 1;
    word-wrap: break-word
}

.downloadBoq-formatGroup {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px
}

.boqModal__formatInput {
    accent-color: #486898
}

.boqModal__formatOption {
    padding: 16px 24px;
    background: rgba(249, 249, 249, 1);
    border-radius: 35px;
    border: 1px solid rgba(239, 239, 239, 1);
    display: flex;
    align-items: center;
    gap: 10px
}

.boqModal__formatText {
    color: #4F4F4F;
    font-size: 14px;
    font-family: var(--acumin_regular);
    font-weight: 400;
    line-height: 1;
    word-wrap: break-word
}

.boqModal__checkboxRow {
    display: flex;
    align-items: flex-start;
    gap: 15px
}

.boqModal__termsText {
    font-size: 12px;
    font-family: var(--roboto_reg);
    font-style: italic;
    font-weight: 400;
    line-height: 14.40px;
    word-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 0;
    width: 90%
}

.boqModal__checkbox {
    height: 20px;
    width: 20px
}

.boqModal__checkbox:checked {
    border: none
}

.boqModal__checkbox:checked:after {
    content: "";
    position: absolute;
    right: 50%;
    top: 50%;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    opacity: 1
}

.boqModal__checkbox:checked:before {
    content: "";
    position: absolute;
    right: 50%;
    top: 50%;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    opacity: 1
}

.addBoq .qtyCounter {
    display: none
}

.addBoq .qtyCounter.show {
    display: flex !important
}

.inBoq .qtyCounter {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between
}

.inBoq .add-to-boq-txt {
    display: none
}

span.qtyCounter__btn {
    color: #fff;
    border: 1px solid #fff;
    height: 24px;
    width: 24px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

span.qtyCounter__value {
    font-size: 16px;
    font-family: var(--acumin_regular);
    font-weight: 400;
    line-height: 1
}

.temp-5 .add-boq .btn-carsKnow-bgblue.inBoq {
    padding: 9px 16px
}

.color-boxes {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 10px
}

.color-boxes .box {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    border: 1px solid rgba(227, 227, 227, 1);
    box-shadow: 0 0 0 1px rgba(72, 104, 152, 0.25)
}

.color-boxes .box.active {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    border: 1px solid rgba(72, 104, 152, 1)
}

.box.white {
    background-color: rgba(242, 242, 242, 1)
}

.box.brown {
    background-color: rgba(103, 109, 115, 1)
}

.box.darkblue {
    background-color: rgba(15, 51, 83, 1)
}

.boq-float-tab {
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    position: fixed;
    left: 50%;
    bottom: 60px;
    transform: translateX(-50%);
    z-index: 1;
    border-radius: 50px;
    border: 1px solid #486898;
    background: #fff;
    color: #1F2127;
    font-size: 14px;
    font-family: var(--acumin_semibold);
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1;
    word-wrap: break-word;
    padding: 8px;
    padding-left: 24px;
    box-shadow: 0 0 0 2px rgba(72, 104, 152, 0.25);
    z-index: 999
}

.boq-float-tab a {
    background: #486898;
    border: none;
    border-radius: 35px;
    padding: 18px 20px;
    display: flex;
    color: #fff;
    font-size: 12px;
    font-family: var(--acumin_bold);
    font-weight: 700;
    text-transform: uppercase;
    word-wrap: break-word;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 180px
}

.boq-float-tab a img {
    width: 20px;
    height: 20px
}

.continueShopping-wrap {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-top: 24px
}

.continueShopping {
    font-family: var(--acumin_bold);
    font-weight: 700;
    font-style: Bold;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    text-decoration: underline;
    color: #486898;
    text-transform: uppercase
}

.continueShopping:hover {
    text-decoration: underline;
    color: #486898
}

.sharelinks {
    position: absolute;
    top: 50px;
    right: 90px
}

.sharelinks-icon {
    width: 40px;
    height: 40px;
    background: rgba(72, 104, 152, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer
}

.sharelinks-icon img {
    width: 18px;
    height: auto
}

.sharelinks-listwrap {
    position: absolute;
    top: 100%;
    right: 0;
    width: 140px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 14px;
    transform: translateY(-30px);
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden
}

.extended .sharelinks-listwrap {
    opacity: 1;
    visibility: visible;
    transform: translateY(10px)
}

.sharelinks-listItem {
    font-family: var(--acumin_regular);
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 1;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 8px
}

.sharelinks-listItem:last-child {
    margin: 0
}

.empty-cart-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    background-color: #f3f3f3;
    padding: 100px
}

.empty-cart-wrapper img {
    width: 200px
}

.empty-cart-header h4 {
    text-align: center;
    font: normal normal 26px / 1.4 var(--acumin_semibold);
    letter-spacing: 0;
    color: #231f20;
    opacity: 1
}

.empty-cart-header p {
    text-align: center;
    font: normal normal 16px / 18px var(--acumin_regular);
    letter-spacing: 0;
    color: rgb(0 0 0 / 50%);
    opacity: 1;
    width: 100%
}

.create-account-frm-wrap .modal-dialog {
    max-width: 500px
}

.create-account-frm-wrap .modal-content {
    padding: 20px;
    border-radius: 10px
}

.create-account-frm-wrap .form-group {
    width: 100%
}

.create-account-frm-wrap .cp-form-cta {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 20px;
    padding-top: 20px
}

.create-account-frm-wrap .cp-form-cta .solid {
    width: fit-content;
    background-color: #000;
    color: #fff;
    border: none;
    padding: 10px 25px;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s
}

.create-account-frm-wrap .cp-form-cta .solid:hover {
    background-color: #333
}

.create-account-frm-wrap .cp-form-cta .outline {
    width: fit-content;
    background: transparent;
    border: 1px solid #000;
    color: #000;
    padding: 10px 25px;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s, color 0.3s
}

.create-account-frm-wrap .cp-form-cta .outline:hover {
    background-color: #000;
    color: #fff
}

.boq-form-download {
    display: inline-block;
    width: auto;
    min-width: 140px;
    max-width: 250px;
    padding: 10px 25px;
    height: 55px;
    background-color: #486898;
    color: #fff;
    text-align: center;
    font: normal normal bold 14px / 20px var(--acumin_bold);
    letter-spacing: 0;
    text-transform: uppercase;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: background 0.3s
}

.boq-form-download:hover {
    background-color: #3a547a
}

.boq-form-cancel {
    display: inline-block;
    width: auto;
    min-width: 100px;
    padding: 10px 25px;
    height: 55px;
    background: transparent;
    color: #000;
    border: 1px solid #000;
    border-radius: 50px;
    cursor: pointer;
    text-align: center;
    font: normal normal bold 14px / 20px var(--acumin_bold);
    transition: background 0.3s, color 0.3s
}

.boq-form-cancel:hover {
    background-color: #3a547a;
    color: #fff
}

.boq-btn-sm {
    height: 45px;
    padding: 8px 20px;
    font-size: 13px
}

.boq-btn-lg {
    height: 65px;
    padding: 12px 30px;
    font-size: 16px
}

.custom-cluster img {
    clip: auto !important;
    width: 30px !important;
    height: 30px !important;
    position: relative !important;
    z-index: 2;
    transition: transform 0.2s ease
}

.custom-cluster:hover img {
    transform: scale(1.15)
}

section.addMoreItem-wrap {
    display: flex;
    justify-content: end;
    padding: 0 140px
}

.addMoreItem {
    padding: 21px 32px;
    border: 1px solid #000;
    width: fit-content;
    border-radius: 35px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #1F2127;
    font-size: 12px;
    font-family: var(--acumin_bold);
    font-weight: 700;
    text-transform: uppercase;
    word-wrap: break-word
}

.title-wrap {
    display: flex;
    align-items: end;
    justify-content: space-between
}

.boq-cart-icon-wrapper {
    width: 28px;
    height: 28px;
    border: 1px solid #486898;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.boq-cart-icon {
    width: 16px;
    height: 16px
}

.boq-title-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sku-category {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 70px
}

.sku-category .category {
    font-size: 14px;
    font-family: var(--roboto_reg);
    font-weight: 400;
    text-transform: uppercase;
    word-wrap: break-word;
    background: rgba(235, 235, 235, 1);
    padding: 6px 15px;
    border-radius: 30px
}

.gotToBoqLink {
    padding: 18px 50px;
}

.enquiry-product-wrap {
    border: 1px solid rgba(227, 227, 227, 1);
    background: rgba(247, 247, 247, 1);
    padding: 12px;
    margin: 0 12px;
    margin-top: 16px;
    margin-bottom: 30px
}

.enquiry-product {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px
}

.enquiry-product-img {
    border: 1px solid rgba(235, 235, 235, 1);
    background: #fff;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center
}

.enquiry-product-img img {
    width: 65px;
    height: auto;
    object-fit: contain
}

.enquiry-product_label {
    font-family: var(--acumin_regular);
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: capitalize;
    margin-bottom: 12px;
    color: rgba(31, 33, 39, 1)
}

.enquiry-product_name {
    font-family: var(--acumin_medium);
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #000
}

.enquiry-product_sku {
    font-family: var(--acumin_regular);
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0%;
    margin: 0;
    color: rgba(79, 79, 79, 1);
    display: flex;
    align-items: center;
    gap: 10px
}

.enquiry-product_tag {
    padding: 8px 14px 5px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 38px;
    color: #fff;
    font-family: var(--acumin_regular);
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 2%;
    text-align: center;
    text-transform: uppercase
}

.success-toast {
    padding: 12px 14px;
    background: rgba(229, 237, 228, 1);
    display: flex;
    gap: 20px;
    justify-content: flex-start;
    align-items: center
}

.success-toast-icn {
    width: 24px;
    height: auto
}

.success-toast {
    padding: 12px 14px;
    background: rgba(229, 237, 228, 1);
    display: flex;
    gap: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    position: fixed;
    top: 70px;
    right: 10%;
    z-index: 9999;
    width: 100%;
    max-width: 337px;
    transition: all .5s ease;
    opacity: 0;
    transform: translateY(-20px);
    animation: toastSlideIn 0.4s forwards
}

@keyframes toastSlideIn {
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes toastFadeOut {
    to {
        opacity: 0;
        transform: translateY(-20px)
    }
}

.succes-toast-text p {
    font-family: var(--acumin_medium);
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    margin-bottom: 0px;
    color: rgba(31, 33, 39, 1)
}

.succes-toast-text span {
    font-family: var(--acumin_regular);
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0;
    color: rgba(31, 33, 39, 0.5)
}

.leaflet_heading-text.whitpaperHeading {
    margin-bottom: 16px
}

h2.whitepaper-title {
    font-size: 40px;
    font-family: var(--acumin_semibold);
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1
}

p.whitepaper-description {
    font-size: 14px;
    font-family: var(--roboto_reg);
    font-weight: 400;
    word-wrap: break-word;
    color: #222
}

p.whitepaper-privacy-text {
    font-size: 14px;
    font-family: var(--roboto_reg);
    font-style: italic;
    font-weight: 400;
    line-height: 16px;
    word-wrap: break-word;
    color: rgba(0, 0, 0, 1)
}

p.whitepaper-consent-text {
    font-size: 12px;
    font-family: var(--acumin_regular);
    font-style: italic;
    font-weight: 400;
    line-height: 14.40px;
    word-wrap: break-word;
    color: #000;
    opacity: 0.7
}

.whitepaper-consent {
    display: flex;
    gap: 10px;
    padding: 0 12px
}

input.whitepaper-checkbox[type="checkbox"] {
    height: 14px;
    width: 14px
}

input.whitepaper-checkbox[type="checkbox"]:checked {
    border: none
}

input.whitepaper-checkbox[type="checkbox"]:checked:before {
    content: "";
    position: absolute;
    right: 50%;
    top: 50%;
    width: 3px;
    height: 7px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    opacity: 1
}

#whitePaperModal .modal-dialog {
    max-width: 550px
}

#whitePaperModal .modal-body {
    padding: 75px 50px
}

#whitePaperModal .submitBtn {
    width: 210px;
    height: 52px
}

.temp-3 .swiper-button-next,
.temp-3 .swiper-button-prev {
    width: 50px;
    height: 50px;
    z-index: 2;
    border: 1px solid #383636;
    border-radius: 50%;
    right: auto;
    bottom: 0px;
    top: auto;
    left: 100px
}

.temp-3 .swiper-button-next {
    left: calc(100px + 65px)
}

.temp-3 .swiper-button-next.swiper-button-disabled,
.temp-3 .swiper-button-prev.swiper-button-disabled {
    border: 1px dashed #383636
}

.temp-3 .swiper-button-next::before {
    content: "";
    background: url("../images/arrowTop.png") no-repeat;
    width: 14px;
    height: 18px;
    rotate: 90deg
}

.temp-3 .swiper-button-prev::after {
    content: "";
    background: url("../images/arrowTop.png") no-repeat;
    width: 14px;
    height: 18px;
    rotate: -90deg
}

.elegant_design_slider .swiper-button-next,
.elegant_design_slider .swiper-button-prev {
    width: 50px;
    height: 50px;
    z-index: 2;
    border: 1px solid #383636;
    border-radius: 50%;
    right: auto;
    bottom: 0px;
    top: auto;
    left: 0px
}

.elegant_design_slider .swiper-button-next {
    left: calc(1px + 65px)
}

.elegant_design_slider .swiper-button-next.swiper-button-disabled,
.elegant_design_slider .swiper-button-prev.swiper-button-disabled {
    border: 1px dashed #383636
}

.elegant_design_slider .swiper-button-next::before {
    content: "";
    background: url("../images/arrowTop.png") no-repeat;
    width: 14px;
    height: 18px;
    rotate: 90deg
}

.elegant_design_slider .swiper-button-prev::after {
    content: "";
    background: url("../images/arrowTop.png") no-repeat;
    width: 14px;
    height: 18px;
    rotate: -90deg
}

.products_list_swiper .swiper-button-next,
.products_list_swiper .swiper-button-prev {
    width: 50px;
    height: 50px;
    z-index: 2;
    border: 1px solid #383636;
    border-radius: 50%;
    right: auto;
    bottom: 0px;
    top: auto;
    left: 100px
}

.products_list_swiper .swiper-button-next {
    left: calc(100px + 65px)
}

.products_list_swiper .swiper-button-next.swiper-button-disabled,
.products_list_swiper .swiper-button-prev.swiper-button-disabled {
    border: 1px dashed #383636
}

.products_list_swiper .swiper-button-next::before {
    content: "";
    background: url("../images/arrowTop.png") no-repeat;
    width: 14px;
    height: 18px;
    rotate: 90deg
}

.products_list_swiper .swiper-button-prev::after {
    content: "";
    background: url("../images/arrowTop.png") no-repeat;
    width: 14px;
    height: 18px;
    rotate: -90deg
}

.other_products_swiper .swiper-button-next,
.other_products_swiper .swiper-button-prev {
    width: 50px;
    height: 50px;
    z-index: 2;
    border: 1px solid #383636;
    border-radius: 50%;
    right: auto;
    bottom: 0px;
    top: auto;
    left: 0px
}

.other_products_swiper .swiper-button-next {
    left: calc(1px + 64px)
}

.other_products_swiper .swiper-button-next.swiper-button-disabled,
.other_products_swiper .swiper-button-prev.swiper-button-disabled {
    border: 1px dashed #383636
}

.other_products_swiper .swiper-button-next::before {
    content: "";
    background: url("../images/arrowTop.png") no-repeat;
    width: 14px;
    height: 18px;
    rotate: 90deg
}

.other_products_swiper .swiper-button-prev::after {
    content: "";
    background: url("../images/arrowTop.png") no-repeat;
    width: 14px;
    height: 18px;
    rotate: -90deg
}

.dynamic_product_slider .swiper-button-next,
.dynamic_product_slider .swiper-button-prev {
    width: 50px;
    height: 50px;
    z-index: 2;
    border: 1px solid #383636;
    border-radius: 50%;
    right: auto;
    bottom: 0px;
    top: auto;
    left: 100px
}

.dynamic_product_slider .swiper-button-next {
    left: calc(100px + 64px)
}

.dynamic_product_slider .swiper-button-next.swiper-button-disabled,
.dynamic_product_slider .swiper-button-prev.swiper-button-disabled {
    border: 1px dashed #383636
}

.dynamic_product_slider .swiper-button-next::before {
    content: "";
    background: url("../images/arrowTop.png") no-repeat;
    width: 14px;
    height: 18px;
    rotate: 90deg
}

.dynamic_product_slider .swiper-button-prev::after {
    content: "";
    background: url("../images/arrowTop.png") no-repeat;
    width: 14px;
    height: 18px;
    rotate: -90deg
}

.featured-in-new-slider .swiper-button-next,
.featured-in-new-slider .swiper-button-prev {
    width: 50px;
    height: 50px;
    z-index: 2;
    border: 1px solid #383636;
    border-radius: 50%;
    right: auto;
    bottom: 0px;
    top: auto;
    left: 0px
}

.featured-in-new-slider .swiper-button-next {
    left: calc(1px + 64px)
}

.featured-in-new-slider .swiper-button-next.swiper-button-disabled,
.featured-in-new-slider .swiper-button-prev.swiper-button-disabled {
    border: 1px dashed #383636
}

.featured-in-new-slider .swiper-button-next::before {
    content: "";
    background: url("../images/arrowTop.png") no-repeat;
    width: 14px;
    height: 18px;
    rotate: 90deg
}

.featured-in-new-slider .swiper-button-prev::after {
    content: "";
    background: url("../images/arrowTop.png") no-repeat;
    width: 14px;
    height: 18px;
    rotate: -90deg
}

.case_studies_swiper .swiper-button-next,
.case_studies_swiper .swiper-button-prev {
    width: 50px;
    height: 50px;
    z-index: 2;
    border: 1px solid #383636;
    border-radius: 50%;
    right: auto;
    bottom: 0px;
    top: auto;
    left: 100px
}

.case_studies_swiper .swiper-button-next {
    left: calc(100px + 64px)
}

.case_studies_swiper .swiper-button-next.swiper-button-disabled,
.case_studies_swiper .swiper-button-prev.swiper-button-disabled {
    border: 1px dashed #383636
}

.case_studies_swiper .swiper-button-next::before {
    content: "";
    background: url("../images/arrowTop.png") no-repeat;
    width: 14px;
    height: 18px;
    rotate: 90deg
}

.case_studies_swiper .swiper-button-prev::after {
    content: "";
    background: url("../images/arrowTop.png") no-repeat;
    width: 14px;
    height: 18px;
    rotate: -90deg
}

.other-brands-slider5 .swiper-button-next,
.other-brands-slider5 .swiper-button-prev {
    width: 50px;
    height: 50px;
    z-index: 2;
    border: 1px solid #383636;
    border-radius: 50%;
    right: auto;
    bottom: 0px;
    top: auto;
    left: 0px
}

.other-brands-slider5 .swiper-button-next {
    left: calc(1px + 64px)
}

.other-brands-slider5 .swiper-button-next.swiper-button-disabled,
.other-brands-slider5 .swiper-button-prev.swiper-button-disabled {
    border: 1px dashed #383636
}

.other-brands-slider5 .swiper-button-next::before {
    content: "";
    background: url("../images/arrowTop.png") no-repeat;
    width: 14px;
    height: 18px;
    rotate: 90deg
}

.other-brands-slider5 .swiper-button-prev::after {
    content: "";
    background: url("../images/arrowTop.png") no-repeat;
    width: 14px;
    height: 18px;
    rotate: -90deg
}

.smart-spaces-slider .swiper-button-next,
.smart-spaces-slider .swiper-button-prev {
    width: 50px;
    height: 50px;
    z-index: 2;
    border: 1px solid #383636;
    border-radius: 50%;
    right: auto;
    bottom: 0px;
    top: auto;
    left: 0px
}

.smart-spaces-slider .swiper-button-next {
    left: calc(1px + 64px)
}

.smart-spaces-slider .swiper-button-next.swiper-button-disabled,
.smart-spaces-slider .swiper-button-prev.swiper-button-disabled {
    border: 1px dashed #383636
}

.smart-spaces-slider .swiper-button-next::before {
    content: "";
    background: url("../images/arrowTop.png") no-repeat;
    width: 14px;
    height: 18px;
    rotate: 90deg
}

.smart-spaces-slider .swiper-button-prev::after {
    content: "";
    background: url("../images/arrowTop.png") no-repeat;
    width: 14px;
    height: 18px;
    rotate: -90deg
}

.temp-20-slider .swiper-button-next,
.temp-20-slider .swiper-button-prev {
    width: 50px;
    height: 50px;
    z-index: 2;
    border: 1px solid #383636;
    border-radius: 50%;
    right: auto;
    bottom: 0px;
    top: auto;
    left: 100px
}

.temp-20-slider .swiper-button-next {
    left: calc(100px + 64px)
}

.temp-20-slider .swiper-button-next.swiper-button-disabled,
.temp-20-slider .swiper-button-prev.swiper-button-disabled {
    border: 1px dashed #383636
}

.temp-20-slider .swiper-button-next::before {
    content: "";
    background: url("../images/arrowTop.png") no-repeat;
    width: 14px;
    height: 18px;
    rotate: 90deg
}

.temp-20-slider .swiper-button-prev::after {
    content: "";
    background: url("../images/arrowTop.png") no-repeat;
    width: 14px;
    height: 18px;
    rotate: -90deg
}

.our-team .swiper-button-next,
.our-team .swiper-button-prev {
    width: 50px;
    height: 50px;
    z-index: 2;
    border: 1px solid #383636;
    border-radius: 50%;
    right: auto;
    bottom: 0px;
    top: auto;
    left: 0px
}

.our-team .swiper-button-next {
    left: calc(1px + 64px)
}

.our-team .swiper-button-next.swiper-button-disabled,
.our-team .swiper-button-prev.swiper-button-disabled {
    border: 1px dashed #383636
}

.our-team .swiper-button-next::before {
    content: "";
    background: url("../images/arrowTop.png") no-repeat;
    width: 14px;
    height: 18px;
    rotate: 90deg
}

.our-team .swiper-button-prev::after {
    content: "";
    background: url("../images/arrowTop.png") no-repeat;
    width: 14px;
    height: 18px;
    rotate: -90deg
}

.product-solutions-slider .swiper-button-lock {
    display: flex !important;
    opacity: 1 !important;
    pointer-events: auto !important
}

.elegant_slider_wrapper .swiper-wrapper {
    padding-bottom: 100px
}

.featured-in-new-slider .swiper-wrapper {
    padding-bottom: 100px
}

.other-brands-slider5 .swiper-wrapper {
    padding-bottom: 100px
}

.smart-spaces-slider .swiper-wrapper {
    padding-bottom: 100px
}

.temp-20-slider .swiper-wrapper {
    padding-bottom: 100px
}

.our-team .swiper-wrapper {
    padding-bottom: 100px
}

.smart-spaces-slider .swiper-button-lock {
    display: flex
}

#dynamic-search-header h6 {
    font-size: 14px !important
}

#loadMoreBtn.btn-carsKnow {
    background-color: #486898;
    transition: all 0.5s ease;
    border: none
}

#loadMoreBtn.btn-carsKnow:hover {
    background-color: #5b7db0;
    color: #fff !important;
    border: none !important
}

.contactus-newadd {
    display: flex;
    flex-direction: column-reverse;
    gap: 50px;
}

.contactus-newadd-head {
    border: 1px solid #efefef;
    border-radius: 20px;
    background: #f9f9f9;
    padding: 20px;
    width: 70%;
    display: flex;
    align-items: center;
    gap: 25px;
}

a.newadd-links {
    border: 1px solid #231f20cc;
    /* padding: 10px; */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    width: 35px;
}

a.newadd-links img {
    width: 20px;
    height: 20px;
}

.newadd-links-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

span.circle-btn_location {
    background: #222;
    color: #fff;
    padding: 6px 20px;
    border-radius: 35px;
    font-size: 12px;
    padding-top: 8px;
    position: absolute;
    top: -6px;
    left: 18px;
    font-family: var(--acumin_semibold);
    opacity: 0;
    visibility: hidden;
}

.points:hover+.circle-btn_location {
    opacity: 1;
    visibility: visible;
    z-index: 9;
}

.nav_div.bottom_nav_wrapper .nav_left {
    display: flex;
    align-items: center;
}

.drop_a_datacenter {
    font: normal normal 14px / 1.1 var(--acumin_semibold);
    letter-spacing: 0;
    color: #383636;
    text-transform: uppercase;
    display: flex;
    opacity: 1;
    height: 80px;
    position: relative;
    align-items: center;
    padding: 0 35px 0 15px;
}

.drop_a_datacenter:hover {
    color: #5B7DB0;
}

.elegant_design.leaderboardSec {
    background: #fff;
}

.leaderboardWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    flex-wrap: wrap;
}

.leaderboardCard {
    position: relative;
    display: flex;
    width: 286px;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    background: #515151;
}

.leaderboardHeader {
    display: flex;
    gap: 15px;
    align-items: center;
}

.leaderboardAvatar {
    display: flex;
    width: 65px;
    height: 65px;
    padding: 5px;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    border-radius: 50%;
    border: 0.837px solid rgba(255, 255, 255, 0.20);
}

.leaderboardAvatar img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
}

.leaderboardTitle {
    color: #FFF;
    font-family: var(--acumin_semibold);
    font-size: 20px;
    font-style: normal;
    line-height: normal;
    margin: 0;
}

.leaderboardDesignation {
    color: #FFF;
    font-family: var(--roboto_reg);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.6;
    margin: 0;
}

.leaderboardStatItems {
    display: flex;
    padding: 10px 16px;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
    border-radius: 100px;
    background: #3D3D3D;
}

.leaderboardStat {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    justify-content: center;
    border-left: 1px solid rgba(255, 255, 255, 0.20);
}

.leaderboardStat:first-child {
    border-left: none;
}

.leaderboardStat img {
    width: 18px;
    height: 18px;
}

.leaderboardStat p {
    color: #FFF;
    text-align: center;
    font-family: var(--acumin_regular);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
}

.leadershipbadge {
    border-radius: 50%;
    background: #FFF;
    box-shadow: 2px 4px 7.9px 0 rgba(0, 0, 0, 0.16);
    display: flex;
    width: 32px;
    height: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -15px;
    right: -10px;
    color: #000;
    text-align: center;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
    font-family: var(--roboto_reg);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.elegant_design.amd_work_sec {
    background: #FFF;
}

.amd_work_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 20px;

}

.amd_work_card {
    display: inline-flex;
    height: 192px;
    width: 252px;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    border: 1px solid #EEF1F5;
    background: rgba(255, 255, 255, 0.50);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(3px);
    margin-right: 20px;
    margin-top: 48px;
}

.amd_work_text h3 {
    color: #486898;
    font-family: var(--acumin_semibold);
    font-size: 20px;
    font-style: normal;
    line-height: 24px;
    text-transform: capitalize;
}

.amd_work_text p {
    color: rgba(17, 17, 17, 0.70);
    font-family: var(--acumin_regular);
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    margin: 0;
}

.amd_work_card:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background: #fff;
    border: 1px solid #EEF1F5;
    border-left: none;
    border-bottom: none;
    top: 50%;
    right: -15px;
    rotate: 45deg;
}

.amd_work_card:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #EEF1F5;
    border-left: none;
    border-bottom: none;
    border-left: none;
    border-bottom: none;
    right: -10px;
    top: calc(50% + 5px);
    rotate: 45deg;
}

.amd_work_card:last-child::before,
.amd_work_card:last-child::after {
    display: none;
}

.amd_work_badge {
    color: #D6DDE8;
    font-family: var(--acumin_regular);
    font-size: 80px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    position: absolute;
    top: -55px;
    left: 0;
}

.elegant_design.amb_winner_sec {
    background: url(../images/amb_winner_bg.png) no-repeat;
    background-size: cover;
    background-color: #fff;
}

.amb_winner_wrapper {
    display: flex;
    align-items: center;
    gap: 40px;
    justify-content: center;
    flex-wrap: wrap;
}

.amb_winner_card {
    max-width: 318px;
    width: 100%;
}

.amb_winner_card--content {
    display: flex;
    padding: 12px 20px;
    flex-direction: column;
    align-items: center;
    gap: 13px;
    background: #FFF;
    box-shadow: 0 4px 12.7px 0 rgba(0, 0, 0, 0.11);
    margin-top: -12px;
}

.amb_winner_card--title {
    color: #1B1A1A;
    text-align: center;
    font-family: var(--acumin_regular);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

.amb_winner_card--Designation {
    color: rgba(55, 55, 55, 0.80);
    text-align: center;
    font-family: var(--acumin_regular);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.amb_winner_card--year {
    display: flex;
    padding: 8px 10px 4px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 16px;
    background: #EDEDED;
    margin: 0;
    color: #1C1C1C;
    font-family: var(--acumin_regular);
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    text-transform: uppercase;
}

.amb_winner_card--StatItems {
    display: flex;
    padding: 10px 16px;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
    border-radius: 100px;
    background: #EDEDED;
}

.amb_winner_card--Stat {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    justify-content: center;
    border-left: 1px solid rgba(56, 56, 56, 0.20);
}

.amb_winner_card--Stat:first-child {
    border-left: none;
}

.amb_winner_card--Stat img {
    width: 18px;
    height: 18px;
    filter: brightness(0.5);
}

.amb_winner_card--Stat p {
    color: #626262;
    text-align: center;
    font-family: var(--acumin_regular);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
}

.elegant_design.amd_timeline_sec {
    background: url(../images/amd_timeline_bg.png) no-repeat;
    background-size: cover;
    background-color: #21272E;
}

.amd_timeline_wrapper {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.amd_timeline_card {
    text-align: center;
}

.amd_timeline_text {
    color: #FFF;
    text-align: center;
    font-family: var(--acumin_regular);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    text-transform: uppercase;
    opacity: 0.6;
    margin: 0;
    margin-top: 16px;
}

.amd_timeline_sec .head_wrapper h2 {
    color: #fff;
}

.amd_timeline_sec .countdown {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: 60px;
}

.amd_timeline_sec .time-box {
    text-align: center;
}

.amd_timeline_sec .number-wrapper {
    height: 132px;
    /* 3 slots of 44px */
    width: 140px;
    overflow: hidden;
    /* background: linear-gradient(180deg, #AF8E45 0%, #F7F6D9 23.54%, #8A5F00 63.37%, #E1BB6F 87.71%); */
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.amd_timeline_sec .number-slider {
    position: absolute;
    width: 100%;
    top: 25px;
    left: 0;
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.amd_timeline_sec .num {
    height: 44px;
    /* Essential: 132 / 3 */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 92px;
    font-weight: bold;
    color: #fff;
    /* opacity: 0.3; */
}

.amd_timeline_sec .num.active {
    opacity: 1;
}

.amd_timeline_sec .label {
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: 2px;
    color: #aaa;
}

.amd_timeline_sec .number-slider.moving .num {
    filter: blur(2px);
}

.amd_timeline_sec .number-slider.moving .num.active {
    filter: blur(0px);
}

.amd_timeline_sec .countdown span {
    color: #fff;
    font-size: 96px;
    height: 100%;
    margin-top: -10px;
}

.amd_banner {
    position: relative;
    background: linear-gradient(108deg, rgba(72, 104, 152, 0.00) 19.95%, rgba(72, 104, 152, 0.22) 64.94%);
    height: 744px;
    width: 100%;
    padding: 0 120px 40px 140px;
    display: flex;
    margin-top: 140px;
}

.amd_banner_wrapper {
    position: relative;
    width: 100%;
    top: 70px;
}

.amd_banner_Content {
    display: flex;
    flex-direction: column;
    gap: 21px;
    max-width: 520px;
    align-items: flex-start;
}

.amd_banner_tag {
    color: #FFF;
    font-family: var(--roboto_reg);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 1.2px;
    border-radius: 25px;
    background: rgba(0, 0, 0, 0.50);
    display: flex;
    padding: 2px 15px;
    align-items: flex-start;
    width: fit-content;
}

.amd_banner_title {
    color: #231F20;
    font-family: var(--acumin_regular);
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -2px;
    margin-bottom: 0;
}

.amd_banner_subTitle {
    color: rgba(35, 31, 32, 0.80);
    font-family: var(--acumin_regular);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 0;
}

.amd_banner_left {
    position: absolute;
    left: auto;
    top: 50px;
}

.amd_banner_left_image {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-top: 61px;
}

.amd_banner_content {
    display: flex;
    padding: 12px 20px;
    flex-direction: column;
    align-items: center;
    background: #fff;
    width: fit-content;
    justify-content: center;
    margin: 0 auto;
}

.amd_banner_image {
    position: relative;
}

.amd_banner_card_title {
    color: #ED1C24;
    text-align: center;
    font-family: var(--acumin_regular);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.6;
    margin: 0;
}

.amd_banner_card_Design {
    color: #1C1C1C;
    text-align: center;
    font-family: var(--roboto_reg);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.6;
}

.amd_banner_card_bage {
    display: flex;
    width: 32px;
    height: 32px;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 50%;
    background: #FFF;
    box-shadow: 0 4px 7.9px 0 rgba(0, 0, 0, 0.16);
    color: #000;
    text-align: center;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
    font-family: var(--roboto_reg);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    margin-top: -22px;
    transform: translateX(-50%);
}

.amd_banner_Right {
    position: absolute;
    width: 629px;
    right: 0;
}

.amd_banner_featureImage {
    position: relative;
    margin-left: auto;
}

.amd_award_badge {
    position: absolute;
    top: 0;
    left: 0;
}

.amd_feature_content {
    padding: 23px 16px 16px 16px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    background: #fff;
    transform: translateX(-50%);
}

.amd_feature_name {
    color: #231F20;
    text-align: center;
    font-family: var(--acumin_regular);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 5px;
}

.amd_feature_role {
    color: #1C1C1C;
    text-align: center;
    font-family: var(--acumin_regular);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    opacity: 0.6;
    margin-bottom: 12px;
}

.amd_feature_badge {
    color: #3F3F3F;
    text-align: center;
    font-family: var(--acumin_regular);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
}

.amd_feature_Linkedin {
    width: 60px;
    height: 60px;
    position: absolute;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    top: -48px;
    left: 50%;
    transform: translateX(-50%);
}

.amd_feature_share {
    position: absolute;
    bottom: 19%;
    right: 12%;
}

.amd_feature_share img {
    width: 75%;
}

.amd_feature_comment {
    position: absolute;
    top: 21px;
    right: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 8px;
    gap: 10px;
}

.amd_feature_comment img {
    width: 53px;
    height: 53px;
}

.amd_feature_comment p {
    color: #4C4C4C;
    text-align: center;
    font-family: var(--acumin_regular);
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

.amd_feature_comment span {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.amd_feature_posts {
    border-radius: 97px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -50px;
    background: #fff;
    display: flex;
    padding: 8px;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 210px;
}

.amd_feature_posts img {
    width: 60px;
}

.amd_feature_posts p {
    color: #000;
    font-family: var(--acumin_regular);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}



.keyProduct_Sec .head_wrapper p {
    max-width: 920px;
    width: 100%;

}


.keyProduct_contentWrapper {
    display: grid;
    grid-template-columns: 266px auto;
    gap: 100px;
    margin-top: 30px;
    padding-left: 40px;
    padding-right: 100px;
}

.keyProduct_acordionwrapper h3 {
    text-align: left;
    letter-spacing: -1.28px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
    font-family: var(--acumin_bold);
    font-size: 32px;
    line-height: 1.2;
    margin: 0;
    padding-bottom: 0px;
}

.keyProduct_Tabcontent {
    padding-top: 64px;
    padding-bottom: 64px;
}

.keyProduct_acordionwrapper {
    border-right: 1px solid #F1F1F1;
    padding: 80px 0;
}

.keyProduct_acordionwrapper .accordion {
    padding-right: 60px;
}

.keyProduct_acordionwrapper .accordion-item {
    border: 0;
    border-radius: 0;
}

.keyProduct_acordionwrapper .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
}

.keyProduct_acordionwrapper .accordion-button:focus {
    background-color: transparent;
    box-shadow: none;
}

.keyProduct_acordionwrapper .accordion-button {
    border-bottom: 1px solid #ccc;
    text-align: left;
    letter-spacing: -0.48px;
    color: #3c3535;
    text-transform: uppercase;
    opacity: 1;
    font-size: 16px;
    line-height: 1.2;
    font-family: var(--acumin_semibold);
    border-color: unset;
    box-shadow: none;
    border-bottom: 1px solid #cccccc;
    padding: 40px 0 12px 0;
}

.keyProduct_acordionwrapper .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset;
}

.keyProduct_acordionwrapper .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}

.keyProduct_acordionwrapper .accordion-body {
    padding: 0;
    padding-top: 20px;
}

.keyProduct_acordionwrapper .form-check {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.keyProduct_acordionwrapper .form-check label {
    text-align: left;
    letter-spacing: -0.12px;
    color: #5e5e5e;
    text-transform: uppercase;
    opacity: 1;
    font-size: 12px;
    line-height: 1.4;
    font-family: var(--acumin_semibold);
    margin-left: 8px;
    margin-top: 8px;
}

.keyProduct_result {
    font-family: var(--acumin_medium);
    font-size: 14px;
    line-height: 30px;
    letter-spacing: -0.6px;
}

.keyProduct_title {
    font-family: var(--acumin_regular);
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 16px;
}

.keyProduct_ProjectsWrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding-bottom: 40px;
}

.kp_featuredcard.kp_projectcard {
    overflow: hidden;
}

.kp_featuredcardContent {
    background: #F7F7F7;
    padding: 20px;
}

.kp_featuredcardImg img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.kp_featuredcardContent {
    padding-right: 20%;
    height: 100%;
}

.kp_featuredcardContent span {
    font-family: var(--acumin_medium);
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 4%;
    text-align: center;
    text-transform: uppercase;
    padding-top: 5px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    gap: 10px;
    opacity: 1;
    border-radius: 38px;
    background: #E6E7E7;
    margin-bottom: 14px;
    display: inline-block;
}

.kp_featuredcardContent h4 {
    font-family: var(--acumin_semibold);
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0%;
    color: #231F20;
}

.kp_featuredcardContent p {
    font-family: var(--acumin_regular);
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0%;
    color: #3C3535;

}

.kp_otherscard {
    border: 1px solid #EBEBEB;
    height: 156;
    padding: 20px;
    background: #F9F9F9;
}

.kp_otherscard span {
    font-family: var(--acumin_medium);
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 4%;
    text-align: center;
    text-transform: uppercase;
    padding-top: 5px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    gap: 10px;
    opacity: 1;
    border-radius: 38px;
    background: #E6E7E7;
    margin-bottom: 42px;
    display: inline-block;
}

.kp_otherscardContent h4 {
    font-family: var(--acumin_semibold);
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0%;
    color: #231F20;
}

.kp_otherscardContent p {
    font-family: var(--acumin_regular);
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0%;
    color: #3C3535;

}

.keyProduct_filter_Mob {
    display: none !important;
}

.keyProduct_CloseBtn {
    display: none;

}

.driven_future_right img {
    width: 38px;
}

.accordion-body-scroll {
    overflow: scroll;
    height: 100%;
    max-height: 400px;
}

.accordion-body-scroll::-webkit-scrollbar {
    width: 2px;
}

.brand_highlightz span.card-tags {
    position: absolute;
    top: 25px;
    /* left: 25px; */
    right: 10px;
    text-align: -webkit-match-parent;
    letter-spacing: 1px;
    color: #ffffff;
    text-transform: uppercase;
    opacity: 1;
    font-family: var(--acumin_regular);
    font-size: 10px;
    background: rgb(0 0 0 / 40%);
    border-radius: 25px;
    padding: 6px 20px;
    border-radius: 25px;
    padding-top: 10px;
}

.brand_highlightz{
    padding-top: 0px;
}

@media only screen and (min-width:992px) {
    .temp-10-text a {
        opacity: 0;
        visibility: hidden;
        transition: all 0.8s
    }

    .products_list_swip_wrapper:hover .temp-10-text a {
        opacity: 1;
        visibility: visible;
        transition: all 0.8s;
        transition-delay: 0.3s
    }

    .temp-10-text {
        transform: translate3d(0, 72px, 0);
        transition: all 0.5s ease-in-out
    }

    .products_list_swip_wrapper:hover .temp-10-text {
        transform: translate3d(0, 0, 0);
        transition: all 0.5s ease-in-out
    }
}

#toast-container {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 999999
}

.toast-message {
    background: #333;
    color: #fff;
    padding: 12px 18px;
    margin-top: 10px;
    border-radius: 6px;
    font-size: 14px;
    display: inline-block;
    opacity: 0;
    transform: translateX(100%);
    transition: all 0.4s ease
}

.toast-message.show {
    opacity: 1;
    transform: translateX(0)
}

.toast-success {
    background: #28a745 !important
}

.toast-error {
    background: #dc3545 !important
}