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

/* MAIN FONT USED BY BODY */

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

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

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

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

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

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

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

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


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






/* END OF MAIN FONT USED BY BODY */

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

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-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;
    /* text-transform: capitalize; */
    opacity: 1;
    font-size: 72px;
    line-height: 1.1;
    /* margin-top: 100px; */
    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);
    /* opacity: 0.8; */
    font-size: 16px;
    line-height: 1.4;
    font-family: var(--roboto_reg);
    margin: 0;
    width: 100%;
    /* margin-top: 10px; */
}

.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: relative;
	width: 200px;
	height: 200px;
	border-radius: 100vmax;
	display: flex;
	align-items: center;
	justify-content: center;
} */


#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 .3s;
}

#scroll-Down .dot {
    display: inline-block;
    /* Text ko block banayega */
    /* width: 22px; 
    height: 22px; */
    text-align: center;
    /* line-height: 22px;  */
    font-size: 10px;
    fill: #383636;
    border-radius: 50%;
    /* Isse gol shape milegi */
    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 .9s linear 5s infinite alternate;

}

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

    to {
        left: 0px;
        top: 10px;
        transition: all .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;
    /* margin: auto; */
    /* background-color: #486898; */
}

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

.card-product-mrp {
    width: 100%;
    gap: 6px;
    /* flex-direction: row-reverse !important; */
    justify-content: start;
}

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

.temp-2 {
    padding: 0;
}

.smart-spaces-bg {
    padding: 120px 0;
    background: url(../images/smart-spaces-bg.png) 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 {
    /* height: 650px; */
}

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

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

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

.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 {
    /* background-color: #fff;
    height: 100%; */
}

.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%;
    /* padding-left: 7.29%; */
}

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

.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.60) 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-family: var(--DIN-bold); */
    font-size: 28px;
    line-height: 1.2;
    width: 100%;
    transform: translateY(40px);
    transition: all 0.8s;
    font-family: var(--acumin_bold);
    /* font-family: var(--din_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;
}

/* vinayak css  */

/* banner sec start  */

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

.banner_sec {
    /* height: 100vh; */
    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: 60px;
    z-index: 2;
    height: 60px;
    border: 1px solid #383636;
    border-radius: 50%;
    right: auto;
    bottom: 50px;
    top: auto;
    left: 8%;
}

.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(8% + 75px);
}

@-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: flex;
  justify-content: center;
  align-items: center; */
    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;
    /* width: 16px; */
}

.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;
    /* text-transform: capitalize; */
    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;
    /* top: calc(40% - 50px); */
    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;
    /* animation: rotate 4s linear infinite; */
}

.scroll-Down>a {
    display: flex;
}

/* @keyframes rotate {
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
} */
.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 css start*/

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

/*Sticky right bar css end*/

/* Banner sec end  */

/* who we are start */

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

/* who we are end */

/* whereToBuy_sec start  */
.whereToBuy_sec .pr0 {
    padding-right: 0;
}

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

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

/* #map: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: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;
    /* position: absolute; */
}

.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;
    /* background: transparent url("../images/Path 12085.png") 0% 0% no-repeat padding-box; */
}

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

/* enquire_Sec start  */

.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: #383636; */
    color: #000000;
    padding-bottom: 20px;
}

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

/* seclect dropdown start  */
.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;
}

/* seclect dropdown end  */

/* enquire_Sec start  */

/* downloadApp_Sec start */
.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;
    /* transition-delay: 0.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;
    /* top: -10px; */
}

/* downloadApp_Sec end */

.textareaSec {
    background: #f9f9f9 0% 0% no-repeat padding-box;
    /* border: 1px solid #efefef;
    border-radius: 20px; */
    padding: 15px;
    width: 100%;
    height: 108px;
    resize: none;
    font-size: 16px;
    font: normal normal normal 16px/30px Roboto;
    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: 70px; */
    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: 10px 10px 10px; */
    padding-top: 10px;

}

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

/* featuredProducts_section start  */
.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.60) 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;
}

/* featuredProducts_section end  */

.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 start  */
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 {
    /* border-right: 1px solid rgba(204, 204, 204, 0.1); */
}

.footer_lt_data_top {
    /* border-bottom: 1px solid rgba(204, 204, 204, 0.1); */
}

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

/* footer close  */

.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: 220px;
    padding-bottom: 150px;
}

.temp-4 h2 {
    text-align: center;
    letter-spacing: -4.5px;
    color: #000000;
    /* text-transform: capitalize; */
    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%;
}

/* .efficient_protection_slider .ep_col::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
} */

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

/* checkbox start */

input[type="checkbox"] {
    position: relative;
    border: 1px solid #cccccc;
    border-radius: 0 !important;
    background: none;
    cursor: pointer;
    line-height: 0;
    /* margin: 0 .6em 0 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;
}

/* checkbox close */

.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;
    /* display: inherit; */
}

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

.temp-5-card {
    width: 29.9%;
    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: #1f2127;
    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;
    transition: all 0.8s;
    opacity: 0;
}

.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(.5);
    transition: all 0.8s;
}

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



.temp-5 .add-boq .btn-carsKnow {
    /* border: 1px solid #383636;
    color: #1f2127; */
    padding: 16px 34px 12px;
}

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

.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-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform); */

    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-image: var(--bs-accordion-btn-icon); */
    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: 7.23%;
    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;
}

/* SWITCHES & ACC LANDING PAGE CSS STARTS */

.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;
    /* text-transform: capitalize; */
    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: 190px;
    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;
}

/* SECTION 2 CSS STARTS */

.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;
    /* text-transform: capitalize; */
    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);
    /* opacity: 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: 60px;
    left: 60px;
    width: 100px;
    z-index: 1;
}

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

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

/* SECTION 2 CSS ENDS */

/* SECTION 3 CSS ENDS */

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

/* SECTION 3 CSS ENDS */

/* SECTION 4 CSS ENDS */

.swiper.products_list_swiper {
    overflow: visible;
}

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

.swiper.products_list_swiper {
    padding: 0 140px;
    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%;
    line-height: 28px;
}

.products_list_swip_wrapper:hover .highlight-card {
    /* bottom: 30px; */
    transition: all 0.3s ease-in-out;
}

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

/* SECTION 4 CSS ENDS */

/* SWITCHES & ACC LANDING PAGE CSS ENDS */

/* vinayak style  */

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

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

/* .swiper-pagination-bullet.swiper-pagination-bullet-active svg {
    font-size: 25px;
    width: 25px;
} */

/* featuredProducts_section  */
.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-right: 50px; */
    /* padding-left: 50px; */
    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;
}

/* Aditya 2025-04-15 Featured-Product brand-page fix start*/
.featuredProducts_section.no-display-none .tab-content {
    display: block;
    padding-top: 40px;
}

/* Aditya 2025-04-15 Featured-Product brand-page fix end*/

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

.showMobile {
    display: none !important;
}

.container1 {
    padding: 0 140px;
}

.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;
    /* transform: translateX(-50%); */
    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;
    /* height: 60px; */
}

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

.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: 0;
    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: 40px; */
    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: 15px; */
    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;
}

/* featuredProducts_section  */

/* regulator 360  */

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

/* .nav_div.bottom_nav_wrapper .nav_left ul li a.drop_a.active:after {
    transform: rotate(-45deg);
}

.nav_div.bottom_nav_wrapper .nav_left ul li a.drop_a.active:before {
    transform: rotate(45deg);
} */

/* ///  DECORATION CSS ///  */
.cont_select_center {}

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

/* ///  END DECORATION CSS  ///  */

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

    /* Oculto el elemento select */
}

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

/* etiqueta <p> con la opcion selecionada  */
.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: 50px;
    width: 80%;
}

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

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

.fanRegulator-details p {
    text-align: left;
    font: normal normal normal 16px/27px var(--roboto_reg);
    letter-spacing: -0.48px;
    color: #1f2127;
    opacity: 0.7;
    margin: 0;
}

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

.fanRegulator-details .colorSec h6 {
    font: normal normal normal 20px/35px var(--acumin_regular);
    letter-spacing: -0.8px;
    color: #000000;
    opacity: 1;
    padding-top: 10px;
}

.fanRegulator-details .colorSec ul li span {
    display: inline-block;
    width: 40px;
    height: 40px;
    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 .colorSec ul li.active span {
    box-shadow: 0px 5px 20px #00000033;
    border: 4px solid #ffffff;
    border-radius: 20px;
}

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

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

.wrapNumber-Button {
    display: flex;
    margin-top: 50px;
}

.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;
    /* border: 1px solid #ddd; */
    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;
}

/* style copy */
.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: -0.48px; */
    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 23%; */
    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 .wrap_button .addToboq {
    background: #486898;
    border-radius: 0 50px 50px 0;
    color: #fff;
}

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

/* regulator 360  */

.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;
    /* box-shadow: 0 0px 5px #ddd; */
    border-radius: 0;
    /* overflow: hidden; */
    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;
    /* box-shadow: 0 0px 5px #ddd; */
    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;
    /* transition: opacity 0.5s ease-in-out; */
    -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 #11111159;
}

: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-animation-play-state: paused;
                  animation-play-state: paused;
          margin-right: var(--marquee-hover-offset); */
    }
}

@-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-animation-play-state: paused;
                  animation-play-state: paused;
          margin-left: var(--marquee-hover-offset); */
    }
}

@-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 140px;
}

.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;
    /* text-transform: capitalize; */
    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;
    /* right: 0; */
    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;
    /* transition: all 0.5s; */
}

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

/* offring 2 */

.temp-15-offering2 {
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
    right: 150px;
    top: 175px;
    /* right: 0; */
    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;
    /* transition: all 0.5s; */
}

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

/* offring 3*/

.temp-15-offering3 {
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
    right: 64px;
    bottom: 200px;
    /* right: 0; */
    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;
    /* transition: all 0.5s; */
}

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

/* offring 4*/

.temp-15-offering4 {
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
    left: 57px;
    bottom: 200px;
    /* right: 0; */
    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;
    /* transition: all 0.5s; */
}

.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 150px 120px 150px;
    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: 150px;
    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;
    /* color: rgba(0, 0, 0, 1); */
    /* text-transform: capitalize; */
    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: 74%; */
    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;
}

/* bullet 2 */
.mySwiper11 {
    position: absolute;
    width: 100px;
    position: absolute;
    right: 0;
    top: 0;
}

.mySwiper11 .swiper-slide {
    transition: all .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 .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 .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: 5%; */
    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: .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: 50%;
    transform: translateY(-50%);
    height: 300px;
    right: 8.5%;
    overflow: visible;
} */
.mySwiper11.swiper-container2 {
    width: 130px;
    position: absolute;
    right: 0;
    top: 42%;
    transform: translateY(-50%);
    height: 270px;
    right: 8.5%;
    /* overflow: visible; */
}

.ovr-hidd {
    overflow: hidden;
}

/* bullet */

.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);
    /* text-transform: capitalize; */
    opacity: 1;
    font-size: 28px;
    line-height: 1;
    font-family: var(--roboto_reg);
    /* width: 33%; */
    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 .swiper-pagination-bullet {
    width: 18px;
    height: 18px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    position: relative;
    margin-bottom: 65px !important;
    border: 2px solid #707070;
    opacity: 0.8;
}

.temp-19 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 2px solid #383636;
    background: #f4e7ed;
}


.temp-19 .swiper-pagination-bullet:nth-child(1)::after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0;
    text-align: center;
    margin: auto;
    top: 16px;
    width: 2px;
    height: 72px;
    border-right: 1px dashed #383636;
    background: #ffffff;
}

.temp-19 .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(1)::after {
    content: "";
    position: absolute;
    left: -61px;
    right: 0;
    text-align: center;
    margin: auto;
    top: 6px;
    width: 36px;
    height: 2px;
    background: #383636;
}

.temp-19 .swiper-pagination-bullet:nth-child(1)::before {
    content: '1968';
    position: absolute;
    bottom: -8px;
    left: -97px;

    text-align: left;
    font: normal normal bold 24px/22px Roboto;
    letter-spacing: -0.72px;
    color: #486898;
    opacity: 0.8;
    font-family: var(--acumin_bold);
    font-size: 24px;
    line-height: 1;
}

.temp-19 .swiper-pagination-bullet:nth-child(2)::after {
     content: "";
    position: absolute;
    left: 0px;
    right: 0;
    text-align: center;
    margin: auto;
    top: 16px;
    width: 2px;
    height: 72px;
    border-right: 1px dashed #383636;
    background: #ffffff;
}

.temp-19 .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2)::after {
    content: "";
    position: absolute;
    left: -61px;
    right: 0;
    text-align: center;
    margin: auto;
    top: 6px;
    width: 36px;
    height: 2px;
    background: #383636;
}

.temp-19 .swiper-pagination-bullet:nth-child(3)::after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0;
    text-align: center;
    margin: auto;
    top: 16px;
    width: 2px;
    height: 72px;
    border-right: 1px dashed #383636;
    background: #ffffff;
}

.temp-19 .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3)::after {
    content: "";
    position: absolute;
    left: -61px;
    right: 0;
    text-align: center;
    margin: auto;
    top: 6px;
    width: 36px;
    height: 2px;
    background: #383636;
}

.temp-19 .swiper-pagination-bullet:nth-child(4)::after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0;
    text-align: center;
    margin: auto;
    top: 16px;
    width: 2px;
    height: 72px;
    border-right: 1px dashed #383636;
    background: #ffffff;
}

.temp-19 .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4)::after {
    content: "";
    position: absolute;
    left: -61px;
    right: 0;
    text-align: center;
    margin: auto;
    top: 6px;
    width: 36px;
    height: 2px;
    background: #383636;
}



.temp-19 .swiper-pagination-bullet:nth-child(2)::before {
    content: '1968';
    position: absolute;
    bottom: -8px;
    left: -97px;

    text-align: left;
    font: normal normal bold 24px/22px Roboto;
    letter-spacing: -0.72px;
    color: #486898;
    opacity: 0.8;
    font-family: var(--acumin_bold);
    font-size: 24px;
    line-height: 1;

}

.temp-19 .swiper-pagination-bullet:nth-child(3)::before {
    content: '1968';
    position: absolute;
    bottom: -8px;
    left: -97px;

    text-align: left;
    font: normal normal bold 24px/22px Roboto;
    letter-spacing: -0.72px;
    color: #486898;
    opacity: 0.8;
    font-family: var(--acumin_bold);
    font-size: 24px;
    line-height: 1;
}

.temp-19 .swiper-pagination-bullet:nth-child(4)::before {
    content: '1968';
    position: absolute;
    bottom: -8px;
    left: -97px;

    text-align: left;
    font: normal normal bold 24px/22px Roboto;
    letter-spacing: -0.72px;
    color: #486898;
    opacity: 0.8;
    font-family: var(--acumin_bold);
    font-size: 24px;
    line-height: 1;
}

.temp-19 .swiper-pagination-bullet-active .path {
    display: inline-block !important;
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    animation: dash linear 120s;
    animation-iteration-count: unset;
}





.temp-19 .swiper-pagination-bullet:nth-child(5)::after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0;
    text-align: center;
    margin: auto;
    top: 16px;
    width: 2px;
    height: 72px;
    border-right: 1px dashed #383636;
    background: #ffffff;
}

.temp-19 .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(5)::after {
    content: '';
    position: absolute;
    left: -61px;
    right: 0;
    text-align: center;
    margin: auto;
    top: 6px;
    width: 36px;
    height: 2px;
    background: #383636;
}

.temp-19 .swiper-pagination-bullet:nth-child(5)::before {
    content: '1968';
    position: absolute;
    bottom: -8px;
    left: -97px;

    text-align: left;
    font: normal normal bold 24px/22px Roboto;
    letter-spacing: -0.72px;
    color: #486898;
    opacity: 0.8;
    font-family: var(--acumin_bold);
    font-size: 24px;
    line-height: 1;
}
 */

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

/* .mnsry_container2 .item {
    display: inline-block;
    width: 33%;
}

.mnsry_container3 .item {
    display: inline-block;
    width: 33%;
} */

.banner_sec .swiper-button-next.swiper-button-disabled,
.banner_sec .swiper-button-prev.swiper-button-disabled {
    /* opacity: 1; */
    /* pointer-events: inherit;
    cursor: pointer; */
}

.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 start */

.keeping-you-ahead {}

.keeping-you-ahead .efficient_protection_slider_wrapper {
    padding: 42px 150px 0 150px;
}

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

.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 {
    /* background-color: #fff;
    height: 100%; */
}

.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 {
    /* display: block; */
    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;
}

/* sachin css for smart space */

.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: 24px;
    font-family: var(--acumin_medium);
}

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

/* product configurator page CSS starts */

.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-img {
  position: relative;
} */

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

/* product configurator page CSS Ends */

/* slides center alignment css */

.swiper.disabled-swiper .swiper-wrapper {
    justify-content: center;
    gap: 30px;
}

.swiper.disabled-swiper .swiper-wrapper .swiper-slide {
    margin: 0 !important;
}


/* .data-center-integrated .efficient_protection_slider .swiper-wrapper {
    justify-content: flex-start;
} */

.justify-center {
    justify-content: center;
}

.other_products .case_studies_swiper_wrapper {
    padding: 0 130px;
    overflow: hidden;
}

.other_products_swiper {
    overflow: visible;
}

.other-brands-slider5 {
    overflow: visible;
}

/* careers -details page CSS starts */
.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;
    /* padding: 25px; */
    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;
}

/* careers -details page CSS Ends */

.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 sec css starts */

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

/* Show desktop video by default */
.desktop-video {
    display: block;
    width: 100%;
    height: auto;
}

/* snapsearch sec css starts *




/* BOQ and login CSS starts */

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

/* header CSS starts */

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

.create-account-icon {
    border: none;
}

.create-account-icon img {
    width: 14px;
}

/* header CSS ends */

/* share modal css starts */

.share-modal-wrap .modal-dialog {
    display: flex;
    align-items: center;
    min-height: calc(100% - 3.5rem);
    /* Adjust this value as needed */
    justify-content: center;
}

/* Apply zoom in effect */
.modal.share-modal-wrap.fade .modal-dialog {
    animation: zoomIn 0.3s forwards;
}

@keyframes zoomIn {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

/* Apply zoom out effect */
.modal.share-modal-wrap.fade .modal-dialog.zoomOut {
    animation: zoomOut 0.3s forwards;
}

@keyframes zoomOut {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(0);
    }
}

/* share modal css Ends */

/* create account modal css starts */

.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);
    /* Adjust this value as needed */
    justify-content: center;
}

/* Apply zoom in effect */
.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);
    }
}

/* Apply zoom out effect */
.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);
}

/* create account modal css Ends */

/* enquernow Modal css starts */

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

/* enquernow Modal css ends */

/* coutry code input field starts */

.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 {
    /* background-color: #fff;
  border: 1px solid #d8d8d8; */
    outline: 0;
    box-shadow: none;
}

/* coutry code input field Ends */

/* auto pop up range modal css starts */
.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;
}

/* header css include login wrapper css Ends */

/* BOQ cart page css starts */

.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;
    /* text-transform: capitalize; */
    opacity: 1;
    font-family: var(--acumin_bold);
    font-size: 80px;
    line-height: 1.2;
    margin-top: 69px;
    /* padding: 0 17%; */
}

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

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

.product-header-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 40%;
}

.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 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 30px 40px 34px;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #dadada;
    opacity: 1;
}

.product-card-left {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 50px;
    width: 20%;
}

/* .product-card-content {
  width: 60%;
} */

.product-card-right {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 80%;
}

.product-price {
    text-align: right;
    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;
}

.order-summary-wrapper {
    padding: 50px;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #dadada;
    opacity: 1;
    margin-top: 38px;
}

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

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

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

.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;
    width: 100%;
    grid-template-columns: 45% 15% 16% 16%;
    gap: 20px;
}

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

/* BOQ cart page css Ends */

/*My Orders page css starts */

.product-details-wrapper.my-orders {
    display: grid;
    grid-template-columns: 24% 70%;
    gap: 100px;
    padding: 0 80px 100px;
}

/* .my-orders .product-card-content {
  width: 50%;
} */

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

/*My Orders page css ENDS */

.swiper.allProduct-slider1 {
    width: 100%;
}

/* where to buy new design css STARTS */

.wt-buy-dropdown-wrap {
    background: #ffffffb3 0% 0% no-repeat padding-box;
    border: 1px solid #ebebeb;
    /* opacity: 0.7; */
    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: normal normal medium 20px/30px var(--acumin_medium); */
    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:after {
  background: #fff;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  content: "";
  height: 20px;
  left: 20%;
  position: absolute;
  top: auto;
  bottom: -12px;
  width: 45px;
} */

.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.adress-popup-CTA {

} */

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

/* where to buy new design css ENDS */

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

/* .case_studies_swiper {
  padding: 0 30px;
} */

.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;
    /* background: #486898 0% 0% no-repeat padding-box !important;
  box-shadow: 0px 20px 30px #00000029 !important;
  position: fixed !important;
  bottom: 40px !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  padding: 23px 20px !important;
  z-index: 9 !important;
  right: 95px !important; */
}

/* #checkRed:checked {
  background-color: red;
}

#checkGreen:checked {
  background-color: green;
}

#checkBlue:checked {
  background-color: blue;
}

#checkBlack:checked {
  background-color: black;
}

/* Optional: When checkbox is not checked, reset the background */
.form-check-input:not(:checked)+.form-check-label {
    background-color: transparent;
}

/* #checkRed {
  background-color: red;
}

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

input[type="checkbox"]:checked:before:before {
  border: solid #fff;
  border-width: 0 2px 2px 0;
} */

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

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

.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-left: 8px; */
    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("assets/images/svg/close.svg") no-repeat center center; */
    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;
    /* color: #000 !important; */
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    /* -webkit-text-fill-color: #fff !important;
  -moz-text-fill-color: #000000 !important; */
}

*:-webkit-autofill,
*:-webkit-autofill:hover,
*:-webkit-autofill:focus,
*:-webkit-autofill:active {
    /* use animation hack, if you have hard styled input */
    transition: all 5000s ease-in-out 0s;
    transition-property: background-color, color;
    /* if input has one color, and didn't have bg-image use shadow */
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    box-shadow: 0 0 0 1000px #fff inset;
    /* text color */
    /* -webkit-text-fill-color: #000; */
    /* font weigth */
    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 start */
.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);
    /* text-transform: capitalize; */
    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;
    /* flex-direction: row-reverse !important; */
    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 - Starts */
.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;
}

/* Custom cursor - Ends */

.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 and tersm and condition css starts */

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

/* privacy policy and tersm and condition css Ends */

.filter_heading.t2 .form-control.ldcs_state_dropdown{padding-top:0;padding-bottom:0;}


@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 .5s ease-in-out;
    }

    .products_list_swip_wrapper:hover .temp-10-text {
        transform: translate3d(0, 0, 0);
        transition: all .5s ease-in-out;
    }

}