.visualizAR_case-studies .case_studies_content h3 {
    padding-left: 0px
}

.visualizAR_case-studies .case_studies_content_sub_wrap {
    overflow: hidden;
    transition: all 0.5s ease;
    transform: translateY(80px)
}

.IOT-system-cards_wrapper {
    padding: 100px
}

.iot-sym-card {
    background: #ffffff29;
    padding: 30px
}

.iot-sym-card h2 {
    text-align: left;
    font: normal normal 52px/90px var(--acumin_bold);
    font-style: bold;
    letter-spacing: -0.6px;
    color: #ffffff;
    opacity: 1
}

.iot-sym-card p {
    text-align: left;
    font: normal normal 16px/20px var(--roboto_reg);
    letter-spacing: -0.6px;
    color: #ffffff;
    opacity: 1;
    width: auto;
    height: 50px
}

.onground_legrand_studio {
    padding: 120px 0 0
}

.beyond-sec .temp-19Area .ovr-hidd .swiper-button-prev:after,
.swiper-button-next:after {
    display: none
}

.temp-19 .ovr-hidd img {
    width: 40%;
    height: auto
}

.video_modal_wrapper .modal-header {
    border: 0;
    padding: 0;
    outline: 0;
    background: transparent
}

.video_modal_wrapper .modal-dialog-centered {
    flex-direction: column;
    align-items: flex-end
}

.video_modal_wrapper .modal-header .close {
    width: 30px;
    border: 0;
    background: #000;
    font-size: 23px;
    line-height: 28px;
    color: #fff;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    position: relative;
    top: 2px;
    right: 1px;
    z-index: 1;
    cursor: pointer
}

.inner_page_banner.support_bnnr:before {
    background: transparent linear-gradient(90deg, #706e6e 0%, #00000000 72%) 0% 0% no-repeat
}

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

.driven_future {
    padding: 120px 120px;
    background-color: #f3f3f3;
    background-image: url(../images/data-center/driven_BG.png);
    background-size: cover;
    background-repeat: no-repeat
}

.driven_future_header {
    margin-bottom: 40px
}

.driven_future_header h2 {
    text-align: center
}

.driven_future_header p {
    text-align: center
}

.driven_future_body_items {
    display: grid;
    justify-content: center;
    gap: 40px;
    grid-template-columns: repeat(3, 1fr);
    max-width: 85%;
    margin: auto
}

.driven_future_item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #3836361a;
    opacity: 1;
    padding: 20px;
    gap: 30px
}


.driven_future_left p {
    text-align: left;
    font: normal normal 28px/30px var(--acumin_bold);
    letter-spacing: 0;
    color: #3c3535;
    opacity: 1;
    margin-bottom: 10px
}

#contact-us .driven_future_left span {
    text-transform: capitalize;
    word-break: break-all
}

#contact-us .enquire_Sec .enq_lt_data h5 {
    padding-bottom: 10px
}



#contact-us .driven_future_left p {
    margin-bottom: 6px;
    letter-spacing: 0
}

#contact-us .driven_future_body_items {
    max-width: 78%
}

.pointer-content-head h4 {
    color: #1F2127;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase
}

#contact-us .filter_heading .dropdownQuery .select {
    padding-top: 12px
}

.driven_future_left span {
    text-align: left;
    font: normal normal 14px / 1.2 var(--acumin_regular);
    letter-spacing: 0;
    color: #5E5E5E;
    opacity: 1;
    display: block;
    position: relative;
    padding-left: 20px;
    padding-bottom: 10px
}

.driven_future_left span:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 10px;
    width: 20px;
    background: url(../images/double-rightArrow.svg) no-repeat center
}

.data-centerrrr {
    background: url(../images/data-center/eliot_sec1_bg.png);
    background-size: cover
}

.data-centerrrr .dark_center.head_wrapper p {
    width: 68%;
    font: normal normal normal 42px/ 1.2 var(--acumin_regular);
    letter-spacing: -1px;
    color: #000000;
    margin: 0 auto 0;
    opacity: 1;
    text-align: left
}

.data-centerrrr .dark_center.head_wrapper p span {
    font-family: var(--acumin_bold)
}

.data_center_highlights .swiper.products_list_swiper {
    padding-bottom: 100px
}

.social-media-sec {
    min-height: 1500px;
    padding: 120px 0;
    background: #f3f3f3
}

.social-media-header h2 {
    text-align: center
}

.Social-Media-header-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 28px
}

.social-tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #cccccc;
    border-radius: 38px;
    opacity: 1;
    padding: 20px
}

.social-tab-left {
    padding-right: 20px
}

.social-tab-left img {
    height: 25px
}

.social-tab-right button {
    background: none;
    border: none
}

.social-tab-right {
    display: flex;
    gap: 10px
}

.social-media-body {
    margin-top: 50px
}

.card-footer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 20px
}

.social-card-bottom {
    padding: 40px
}

.card-content {
    border-bottom: 1px solid #00000042;
    padding-bottom: 40px
}

.card-content p {
    text-align: left;
    font: normal normal medium 16px/24px var(--acumin_medium);
    letter-spacing: -0.32px;
    color: #283b59;
    opacity: 1
}

.card-content span {
    text-align: left;
    font: normal normal normal 12px/20px var(--acumin_regular);
    letter-spacing: 0px;
    color: #0060ce;
    opacity: 1
}

.card-footer-left button {
    background: none;
    padding: 15px 20px;
    border-radius: 100%;
    border: 1px solid black
}

.social-cards2-top {
    position: relative
}

.card2-footer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    position: absolute;
    bottom: 20px;
    left: 30px
}

.card2-footer-left button {
    background: none;
    padding: 15px 20px;
    border-radius: 100%;
    border: 1px solid white
}

.card2-footer-right h6 {
    color: #ffffff
}

.card2-footer-right span {
    color: #ffffff
}

.social-cards2-top {
    margin-bottom: 30px
}

.card-footer-left {
    width: 50px;
    height: 50px;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%
}

.card2-footer-left {
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%
}

.card2-footer-left a svg path {
    fill: #fff
}

.Social-Media-header-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px
}

.btns-wrapper {
    width: 50px;
    height: 50px;
    border: 1px solid #383636;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%
}

.btns-wrapper:hover {
    background: #383636
}

.btns-wrapper:hover a svg path {
    fill: #fff
}

.newClass1 a.inner_sub_nav_brand {
    opacity: 1;
    visibility: visible
}

.newClass1 .sticky_sub_nav_dropdown {
    opacity: 1
}

.newClass1 .sub_nav_drop_wrapper {
    left: 17%
}

.life-legrand_wrapper {
    padding: 0 100px;
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap
}

.life-at-leg-main-card {
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #cccccc;
    opacity: 1;
    padding: 45px;
    display: flex;
    flex-direction: column;
    align-items: self-start;
    justify-content: space-between;
    flex: 1;
    gap: 40px
}

.life-at-leg-card-img {
    width: 60px;
    height: auto
}

.life-at-leg-card-details h2 {
    text-align: left;
    font: normal normal 600 32px/30px var(--acumin_semibold);
    letter-spacing: -0.96px;
    color: #000000;
    text-transform: capitalize;
    margin: 0
}

.life-at-leg-card-details p {
    text-align: left;
    font: normal normal normal 16px/22px var(--acumin_regular);
    letter-spacing: -0.48px;
    color: #888;
    margin: 0
}

.life-at-leg-card-details {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.Brands-Embodying-wrapper {
    padding: 100px
}

.Brands-Embodying-header.heading h2 {
    text-align: center
}

.Brands-Embodying-header p {
    text-align: center
}

.Brands-Embodying-body {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 42px 0;
    gap: 50px
}

.Brands-logo-wrapper {
    background: #f9f9f9 0% 0% no-repeat padding-box;
    height: 280px;
    padding: 50px
}

.enhance-lives-wrapper {
    padding: 100px
}

#life-legrand .enhance-lives-wrapper {
    padding-top: 0
}

.enhance-lives-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 42px
}

.enhance-lives-header-left.heading h2 {
    text-align: center
}

.enhance-lives-header-left.heading p {
    text-align: center
}

.enhance-lives-cards img {
    position: relative
}

.enhance-lives-cards-content {
    position: absolute;
    bottom: 0;
    padding: 20px
}

.enhance-lives-cards-content span {
    text-align: left;
    font: normal normal 600 24px/35px var(--acumin_semibold);
    letter-spacing: -0.96px;
    color: #ffffff;
    text-transform: uppercase;
    opacity: 1
}

.enhance-lives-cards-content h2 {
    text-align: left;
    font: normal normal 900 36px/35px var(--acumin_bold);
    letter-spacing: -1.44px;
    color: #ffffff;
    text-transform: uppercase;
    opacity: 1
}

.employee-benifits-wrapper {
    background: #f3f3f3 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 100px
}

.employee-benifits-header {
    margin-bottom: 42px
}

.employee-benifits-header.heading h2 {
    text-align: center
}

.employee-benifits-header p {
    text-align: center
}

.employee-benifits-body {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px
}

.employee-benifits-cards {
    padding: 40px;
    background: #ffffff 0% 0% no-repeat padding-box;
    opacity: 1;
    display: block;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 290px
}

.employee-benifits-card-icn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: auto;
    width: 70px
}

.employee-benifits-card-details p {
    text-align: left;
    font: normal normal 28px/1.2 var(--acumin_bold);
    letter-spacing: 0;
    color: #3c3535;
    opacity: 1;
    margin-bottom: 10px
}

.employee-benifits-card-details span {
    text-align: left;
    font: normal normal normal 14px/22px Roboto;
    letter-spacing: 0px;
    color: #000000;
    opacity: 0.7
}

.Integrated-Expansion-body {
    padding: 0
}

.data-center-integrated .efficient_protection_slider_wrapper {
    padding: 0
}

.heading-ss1 {
    font-family: var(--acumin_medium)
}

.paragraph-ss1 {
    font-family: var(--acumin_medium)
}

.bg-white {
    background-color: #ffffff
}

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

.bg-gray.merSection {
    background-color: none !important
}

.holistic-csr {
    display: block
}

.Holistic-CSR-bg {
    background: url(../images/CSR/holistic-bg.png) no-repeat center;
    background-size: cover
}

.dark_center.head_wrapper.holistic-csr-head {
    text-align: center
}

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

.featured-in-new-header.heading h2 {
    text-align: center
}

.featured-in-new-header p {
    text-align: center
}

.featured-in-new-header {
    margin-bottom: 90px
}

.featured-in-new-slider .temp-2-card:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.565) 16%, rgba(0, 0, 0, 0.584) 84%);
    z-index: 1
}

.board-of-director-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    width: 100%
}

.datacenter-download-bg {
    background-image: url(../images/download-bg22.png);
    background-size: cover;
    background-color: #f8f8f8;
    background-repeat: no-repeat
}

.datacenter-download-bg .temp-9-livingNow {
    padding: 30px 50px
}

.datacenter-download-bg .temp-9 h5 {
    height: 20px
}

.datacenter-faq .dark_center.head_wrapper h2 {
    margin-bottom: 0
}

.contct-innr-tab .inner_sticky_left {
    margin-right: 460px
}

.inner_page_nav.contct-innr-tab.sticky {
    position: relative;
    z-index: 1
}

.living-now-navbar .sub_nav_drop_active {
    width: 200px;
    padding: 0 20px
}

.casestudy-detailpage-Body-details h2 {
    text-align: left;
    font: normal normal normal 30px / 40px var(--acumin_regular);
    letter-spacing: 0;
    color: #383636;
    opacity: 1;
    margin-top: 50px;
    margin-bottom: 30px
}

.casestudy-detailpage-Body-details h3 {
    text-align: left;
    font: normal normal normal 28px / 40px var(--acumin_regular);
    letter-spacing: -0.8px;
    color: #383636;
    opacity: 1;
    margin-top: 50px;
    margin-bottom: 30px
}

.casestudy-detailpage-Body-details h4 {
    text-align: left;
    font: normal normal normal 26px /36px var(--acumin_regular);
    letter-spacing: -0.8px;
    color: #383636;
    opacity: 1
}

.casestudy-detailpage-Body-details h4 {
    text-align: left;
    font: normal normal normal 24px / 24px var(--acumin_regular);
    letter-spacing: -0.8px;
    color: #383636;
    opacity: 1
}

.casestudy-detailpage-Body-details h5 {
    text-align: left;
    font: normal normal normal 20px / 24px var(--acumin_regular);
    letter-spacing: -0.8px;
    color: #383636;
    opacity: 1
}

.casestudy-detailpage-Body-details p {
    text-align: justify;
    font: normal normal normal 20px / 30px var(--acumin_regular);
    letter-spacing: -0.5px;
    color: rgb(60 53 53 / 70%);
    margin-bottom: 28px
}

.casestudy-detailpage-Body-details p img {
    margin: 20px 0;
    max-height: 500px;
    object-fit: cover
}

.casestudy-detailpage-Body-details ul li {
    text-align: left;
    font: normal normal normal 20px / 30px var(--acumin_regular);
    letter-spacing: -0.8px;
    color: rgb(60 53 53 / 70%);
    list-style: disc;
    /* margin-bottom: 28px */
}

.casestudy-detailpage-Body-details ol li {
    text-align: left;
    font: normal normal normal 20px / 30px var(--acumin_regular);
    letter-spacing: -0.8px;
    color: rgb(60 53 53 / 70%);
    list-style: disc
}

.casestudy-detailpage-Body-details .details-img {
    margin: 50px 0
}

.casestudy-detailpage-Body-details ul {
    margin: 10px 0;
    margin-left: 20px
}

.data-center-fyrther-details img {
    height: auto !important;
    width: 50px !important
}

.data-center-fyrther-details span {
    text-align: left;
    font: normal normal normal 30px / 30px var(--acumin_regular);
    letter-spacing: -0.8px;
    color: #3c3535 !important;
    list-style: disc
}

.data-center-fyrther-details ul li {
    font: normal normal normal 20px / 25px var(--acumin_regular) !important;
    letter-spacing: -0.8px;
    margin-bottom: 10px;
    color: #3c3535 !important;
    opacity: 0.7 !important
}

.data-center-fyrther-details p {
    text-align: left;
    font: normal normal normal 20px / 30px var(--acumin_regular);
    letter-spacing: -0.5px;
    color: #3c353570
}

.data-center-fyrther-details p strong {
    color: #3c3535
}

.item-heading p {
    text-align: center;
    font: normal normal bold 12px / 21px var(--roboto_reg);
    letter-spacing: -0.52px;
    color: #373636;
    opacity: 1
}

.casestudy-detailpage-Body-details ul li a,
.casestudy-detailpage-Body-details p a {
    color: #486898
}

.casestudy-detailpage-Body-details h3 a {
    color: #486898
}

.casestudy-detailpage-Body-details ol li strong {
    color: #383636
}

.casestudy-detailpage-Body-details ol li::marker {
    color: #383636
}

.casestudy-detailpage-Body-details ul li strong {
    color: #383636
}

.casestudy-detailpage-Body-details ul li::marker {
    color: #383636
}

@media screen and (max-width:1800px) {
    .life-legrand_wrapper {
        padding: 0 50px
    }

    .employee-benifits-wrapper {
        padding: 100px 50px
    }

    .Brands-Embodying-wrapper {
        padding: 50px
    }
}

@media screen and (min-width:1501px) and (max-width:1750px) {
    .temp-5 .temp-5-card-img:hover .add-boq {
        bottom: 25px;
        transition: all 0.8s;
        opacity: 1
    }

    .other_products_content_sub_wrap {
        height: 40px
    }

    .other_products_swip_wrapper:hover .other_products_content {
        transform: translateY(-22px)
    }

    .know_more_op {
        margin-top: 10px
    }

    .ep_col:hover h3 {
        transform: translateY(-8px)
    }

    .ep_col:hover .ep_km {
        bottom: 20px
    }

    .enq_rt_data {
        height: 100%
    }

    .enq_rt_data img {
        height: 100%;
        object-fit: cover
    }

    .inner_page_banner .container-fluid {
        padding: 0
    }

    .driven_future_body_items {
        gap: 30px
    }

    .data-center-integrated .efficient_protection_slider_wrapper {}

    .data-center-integrated .temp-10-text {
        padding: 20px 40px
    }

    .data-center-integrated .temp-10-card:hover .temp-10-text h4 {
        transform: translateY(10px);
        transition: all 0.8s
    }

    .data-center-integrated .temp-10-text p {
        font-size: 14px
    }

    .data-center-integrated .temp-10-card:hover .temp-10-text p {
        transform: translateY(5px);
        transition: all 0.8s
    }

    .data-center-integrated .btn-carsKnow {
        padding: 10px 21px;
        font-size: 9px
    }

    .about_life .temp-17Card-text h3 {
        font-size: 24px
    }

    .casestudy-detailpage-Body-left {
        padding: 0px 50px
    }

    .casestudy-detailpage-Body-right {
        padding-right: 65px
    }

    .smart-devices-details {
        padding: 25px
    }

    .smart-devices-details P {
        font: normal normal 600 14px/19px var(--acumin_semibold);
        margin-bottom: 10px
    }

    .temp-14-bgText {
        left: 8%;
        top: -142px
    }

    .gapclss {
        padding: 0 40px
    }

    .gapclss .inner_sub_nav_brand {
        left: 35px
    }

    .enhance-lives-wrapper {
        padding: 50px
    }

    .enhance-lives-header-left h1 {
        font: normal normal bold 80px/90px var(--acumin_bold)
    }

    .enhance-lives-header-left p {
        font: normal normal normal 18px/27px var(--roboto_reg)
    }

    .enhance-lives-header-right .common-btn {
        padding: 28px 48px
    }

    .employee-benifits-wrapper {
        padding: 100px 50px
    }

    .temp-21Card-text {
        left: 50px;
        bottom: 40px
    }

    .temp-21Card-text h4 {
        font-size: 35px
    }

    .contct-innr-tab .inner_sticky_left {
        margin-right: 415px
    }

    .temp-15-offering2-hover {
        width: 270px;
        left: 120px;
        top: -45px;
        font-size: 20px
    }

    .temp-15-offering2-hover::after {
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 0;
        right: auto;
        left: -10px;
        top: 7px;
        rotate: 359deg;
        width: auto
    }

    .temp-15-offering3-hover {
        width: 230px;
        left: 120px;
        top: -25px;
        font-size: 20px
    }

    .temp-15-offering3-hover::after {
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 0;
        left: -10px;
        right: auto;
        top: 7px;
        rotate: 2deg
    }

    .temp-15-offering1-hover {
        width: 270px;
        left: -330px;
        top: -40px;
        font-size: 20px
    }

    .temp-15-offering4-hover {
        width: 270px;
        left: -300px;
        top: -25px;
        font-size: 20px
    }

    .social-media-header h1 {
        font: normal normal bold 72px / 76px var(--acumin_bold);
        letter-spacing: -4.5px
    }

    .visualizAR_case-studies .case_studies_content h3 {
        height: 25px
    }
}

@media screen and (min-width:1400px) and (max-width:1500px) {
    .social-media-header h1 {
        font: normal normal bold 60px / 66px var(--acumin_bold);
        letter-spacing: -2.5px
    }
}

@media screen and (min-width:1200px) and (max-width:1500px) {
    .temp-5 .temp-5-card-img:hover .add-boq {
        bottom: 25px;
        transition: all 0.8s;
        opacity: 1
    }

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

    .temp-8-textArea h4 {
        font-size: 31px
    }

    .temp-8-textArea p {
        font-size: 15px
    }

    .temp-10-text2 {
        padding: 40px 39px 24px
    }

    .temp-10-text2 h4 {
        font-size: 20px;
        margin-bottom: 5px
    }

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

    .temp-10-text2 p {
        margin-bottom: 20px
    }

    .other_products_content_sub_wrap h3 {
        font: normal normal 16px/22px var(--acumin_bold);
        transform: translateY(-40px)
    }

    .ep_col:hover h3 {
        transform: translateY(-8px)
    }

    .ep_col:hover .ep_km {
        bottom: 16px
    }

    .inner_page_banner .container-fluid {
        padding: 0
    }

    .temp-3-card-text {
        width: 100%;
        padding: 20px 20px
    }

    .temp-3-card h3 {
        font-size: 16px;
        letter-spacing: 0.2px
    }

    .temp-3-card:hover .temp-3-card-text h3 {
        transform: translateY(-8px)
    }

    .driven_future_body_items {
        gap: 20px
    }

    .data-center-integrated .efficient_protection_slider_wrapper {
        padding: 0
    }

    .data-center-integrated .temp-10-text {
        padding: 40px 20px
    }

    .data-center-integrated .temp-10-text h4 {
        margin-bottom: 6px
    }

    .data-center-integrated .temp-10-text p {
        font-size: 14px
    }

    .about_life .temp-17Card-text h3 {
        font-size: 24px
    }

    .topic-sugge-text {
        font-size: 12px;
        padding: 12px 27px 12px
    }

    .smart-devices-details {
        padding: 15px
    }

    .smart-devices-details P {
        font: normal normal 600 12px/17px var(--acumin_semibold);
        margin-bottom: 5px
    }

    .smart-devices-details span {
        font: normal normal 300 12px/12px var(--acumin_regular)
    }

    .casestudy-detailpage-Body-left {
        padding: 0 40px
    }

    .casestudy-detailpage-Body-right {
        padding-right: 55px
    }

    .searchbar-wrapper .searchbar-heading-xx {
        font: normal normal 600 20px / 30px var(--acumin_semibold)
    }

    .temp-14-bgText {
        left: 10%;
        top: -115px;
        font-size: 140px
    }

    .gapclss {
        gap: 2%
    }

    .enhance-lives-wrapper {
        padding: 50px
    }

    #life-legrand .enhance-lives-wrapper {
        padding-top: 0
    }

    .enhance-lives-header-left h1 {
        font: normal normal bold 63px/68px var(--acumin_bold)
    }

    .enhance-lives-header-left p {
        font: normal normal normal 16px/27px var(--roboto_reg)
    }

    .enhance-lives-header-right .common-btn {
        font: normal normal bold 12px/20px var(--acumin_bold);
        padding: 26px 28px
    }

    .enhance-lives-cards-content span {
        font: normal normal 14px / 1.2 var(--acumin_semibold);
        letter-spacing: 0
    }

    .enhance-lives-cards-content h2 {
        font: normal normal 24px / 1.2 var(--acumin_bold)
    }

    .life-at-leg-main-card {
        padding: 35px
    }

    .life-legrand_wrapper {
        gap: 30px
    }

    .employee-benifits-wrapper {
        padding: 100px 50px
    }

    .employee-benifits-card-details p {
        font: normal normal bold 25px/30px var(--acumin_bold)
    }

    .temp-21Card-text {
        padding: 20px
    }

    .temp-21Card-text h4 {
        font-size: 29px
    }

    .temp-21Card-text p {
        font-size: 13px
    }

    .contct-innr-tab .inner_sticky_left {
        margin-right: 370px
    }

    .temp-15-ring {
        width: 760px
    }

    .temp-15-offering2 {
        right: 104px;
        top: 175px
    }

    .temp-15-offering1-hover {
        width: 270px;
        left: -313px;
        top: -40px;
        font-size: 20px
    }

    .temp-15-offering1 {
        left: 104px;
        top: 175px;
        right: 0
    }

    .temp-15-offering2-hover {
        width: 270px;
        left: 76px;
        top: -50px;
        font-size: 20px
    }

    .temp-15-offering2-hover::after {
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 11px solid white;
        right: auto;
        left: -10px;
        top: 7px;
        rotate: 133deg
    }

    .temp-15-offering3 {
        right: 44px;
        bottom: 200px
    }

    .temp-15-offering3-hover::after {
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 11px solid white;
        left: -10px;
        right: auto;
        top: 3px;
        rotate: 133deg
    }

    .temp-15-offering3-hover {
        width: 270px;
        left: 78px;
        top: -25px;
        font-size: 20px
    }

    .temp-15-offering4-hover {
        width: 270px !important;
        left: -290px;
        top: -25px;
        font-size: 20px
    }

    .IOT-system-cards_wrapper {
        padding: 100px 80px
    }

    .iot-sym-card p {
        font: normal normal 16px/20px var(--roboto_reg);
        height: 75px
    }

    .iot-sym-card h2 {
        font: normal normal 45px/90px var(--acumin_bold)
    }

    .social-media-header h1 {
        font: normal normal bold 60px / 66px var(--acumin_bold);
        letter-spacing: -2.5px
    }



    .driven_future {
        padding: 100px 100px
    }

    .visualizAR_case-studies .case_studies_swip_wrapper:hover .case_studies_content_sub_wrap {
        transform: translateY(-25px)
    }

    .visualizAR_case-studies .case_studies_content h3 {
        height: 35px
    }

    .visualizAR_case-studies .case_studies_swip_wrapper:hover .case_studies_content_sub_wrap p {
        bottom: 0px;
        margin-bottom: 0px;
        font: normal normal 300 16px / 25px var(--acumin_regular)
    }

    .visualizAR_case-studies .case_studies_swip_wrapper:hover a.know_more_cs {
        bottom: 0;
        margin-top: 10px
    }

    .specifiUl li {
        width: 300px;
        height: 300px
    }

    .specifiUl li .spec-Info {
        padding: 30px
    }

    .specifiUl li .spec-Info span {
        letter-spacing: -0.4px;
        font: normal normal 900 30px / 40px var(--acumin_bold)
    }

    .spec-Info p {
        font: normal normal normal 16px / 22px var(--acumin_regular)
    }

    .employee-benifits-header h1 {
        font: normal normal bold 60px / 60px var(--acumin_bold)
    }
}

@media only screen and (min-width:1024px) and (max-width:1366px) {
    .product_tab_sec .captionText .btn_sec_prod {
        margin-top: 15px
    }

    .product_tab_sec .captionText p {
        margin-bottom: 5px;
        padding: 0 10px
    }

    .product_tab_sec .captionText h6 {
        margin-bottom: 5px
    }

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

    .elegant_slider_wrapper {
        padding: 0 0px
    }

    .top_left_logo {
        /* top: 20px;
        left: 20px;
        width: 70px;
        height: auto */
    }

    .top_right_fullcscreen {
        top: 15px;
        right: 16px;
        max-width: 24px
    }

    .slider_card_content_wrapper h2 {
        font: normal normal 22px/24px var(--acumin_regular);
        letter-spacing: -1.28px;
        margin: 0 0 10px
    }

    .know_more_btn {
        font: normal normal 10px/16px var(--acumin_bold);
        margin-top: 15px
    }

    .temp-7-bg .container1 {
        padding: 0 60px
    }

    .temp-7-card h4 {
        font-size: 12px
    }

    .faq_sec {
        padding: 100px 90px 130px
    }

    .temp-8-textArea p {
        font-size: 14px
    }

    .temp-8-textArea h4 {
        font-size: 25px
    }

    .topic-sugge-text {
        font-size: 12px;
        padding: 10px 15px 8px
    }

    .contact_frm_lble_2 {
        font: normal normal normal 15px/28px var(--roboto_reg);
        letter-spacing: 0.4px
    }
}

@media screen and (min-width:1024px) and (max-width:1220px) {
    .report_frm .contct_frm h2 {
        font-size: 50px
    }

    a.brand_logo {
        margin-left: 40px
    }

    .temp-3-card h3 {
        font-size: 17px
    }

    .product_tab_sec .captionText h6 {
        margin: 0;
        font-size: 28px
    }

    .product_tab_sec .captionText p {
        margin: 0
    }

    .product_tab_sec .captionText .btn_sec_prod {
        margin-top: 11px
    }

    .enq_rt_data {
        height: auto
    }

    .enq_rt_data img {
        height: 60vh
    }

    .whereToBuy_sec .lt_data {
        padding-left: 16px
    }

    .btn-carsKnow {
        padding: 0 !important;
        font-size: 10px !important;
        width: 110px;
        height: 33px
    }

    .fanRegulator-details h2 {
        font: normal normal bold 35px/49px var(--acumin_regular)
    }

    .left-featuresBenifits {
        top: 10%
    }

    .left-featuresBenifits h3 {
        font: normal normal bold 52px/61px var(--acumin_bold)
    }

    .left-featuresBenifits p {
        font: normal normal normal 16px/22px var(--roboto_reg)
    }

    .temp-10-text2 {
        padding: 45px 30px
    }

    .temp-10-text2 h4 {
        font-size: 19px;
        font-family: var(--acumin_regular);
        margin-bottom: 5px
    }

    .temp-10-text2 p {
        font-size: 12px
    }

    .other_products_content_sub_wrap {
        height: 24px
    }

    .other_products_content_sub_wrap h3 {
        font: normal normal 16px/20px var(--acumin_bold)
    }

    .know_more_op {
        height: 38px;
        width: 110px;
        margin-top: 20px
    }

    .other_products_swip_wrapper:hover .other_products_content {
        transform: translateY(-24px)
    }

    .big_pos_video {
        width: 100%
    }

    .case_studies_head {
        margin-bottom: 70px;
        padding: 0 40px
    }

    .btn_solid {
        font-size: 12px
    }

    .case_studies_head .head_wrapper h2 {
        font: normal normal 50px/60px var(--acumin_bold);
        margin-bottom: 10px
    }

    .heading h2 {
        font-size: 50px;
        line-height: 66px;
        letter-spacing: -2px
    }

    .case_studies_head .head_wrapper p {
        width: 500px
    }

    .smart-spaces-bg.paddin_140 {
        padding: 50px 80px
    }

    .smart-spaces-bg .temp-2-area .heading h2 {
        font-size: 47px;
        line-height: 1
    }

    .smart-spaces-bg .temp-2-area .heading p {
        font-size: 16px
    }

    .smart-spaces-bg .temp-2 .btnMain {
        margin-top: 40px
    }

    .dark_center.head_wrapper h2 {
        font: normal normal 50px/60px var(--acumin_bold);
        margin-bottom: 35px
    }

    .page_descriptive {
        padding: 190px 0;
        background: url(../images/eliot/eliot_sec1_bg.svg)
    }

    .descriptive_text_wrapper p {
        font: normal normal 30px / 38px var(--acumin_regular);
        letter-spacing: 0px
    }

    .descriptive_text_wrapper {
        margin: 0 auto 90px;
        padding: 0 160px
    }

    .desc_feat_ico img {
        max-width: 25px
    }

    .desc_feat_ico {
        width: 50px;
        height: 50px
    }

    .desc_feat_content_wrapper p {
        font: normal normal 20px/20px var(--acumin_semibold)
    }

    .desc_feat_main {
        height: 250px
    }

    .descriptive_features_wrapper {
        padding: 0 80px
    }

    .big_pos_content span {
        font-size: 60px;
        line-height: 60px
    }

    .temp-2-card-text {
        padding: 30px
    }

    .elegant_design_4slider .slider_card_content_wrapper {
        left: 10px
    }

    .elegant_design_4slider img.top_left_logo {
        top: 20px;
        left: 20px;
        width: 71px;
        height: 17px
    }

    .elegant_design_4slider .top_right_fullcscreen {
        top: 15px;
        right: 16px;
        max-width: 24px
    }

    .elegant_design_4slider .slider_card_content_wrapper p {
        width: 100%
    }

    .case_studies_content {
        width: 100%
    }

    .case_studies_content span {
        height: 23px;
        font: normal normal 10px/14px var(--acumin_bold);
        padding: 0 10px
    }

    .case_studies_content h3 {
        margin: 13px 0 0;
        font: normal normal 18px/24px var(--acumin_regular)
    }

    .know_more_cs {
        width: 106px;
        height: 37px;
        font: normal normal 12px/16px var(--acumin_bold);
        margin-top: 8px
    }

    .case_studies_swip_wrapper:hover .case_studies_content_sub_wrap {
        transform: translateY(-12px)
    }

    a.brand_logo {
        margin-left: 25px
    }

    a.brand_logo {
        display: flex;
        background: var(--brand_red);
        width: 125px;
        max-height: 120px;
        align-items: center;
        justify-content: center;
        padding: 0 20px;
        position: absolute;
        z-index: 1
    }

    .nav_wrapper.scrolled a.brand_logo {}

    .nav_div.top_nav_wrapper {
        display: flex;
        justify-content: space-between;
        height: 60px;
        align-items: center;
        padding: 0 2.2% 0 14%;
        background: #fff;
        position: relative;
        -webkit-transition: 0.25s ease-out;
        -moz-transition: 0.25s ease-out;
        -o-transition: 0.25s ease-out;
        transition: 0.25s ease-out;
        gap: 19px
    }

    .nav_div.top_nav_wrapper .nav_left ul li button.nav-link {
        font: normal normal normal 12px/20px var(--acumin_regular);
        letter-spacing: 0.28px;
        color: #383636;
        text-transform: uppercase;
        opacity: 1;
        height: 60px;
        padding: 0 8px
    }

    .nav_div.top_nav_wrapper .nav_left ul li button.nav-link {
        font: normal normal normal 12px/20px var(--acumin_regular);
        letter-spacing: 0.28px;
        color: #383636;
        text-transform: uppercase;
        opacity: 1;
        height: 60px;
        padding: 0 8px
    }

    .global_drop_wrapper {
        width: 1000px;
        right: -180px;
        gap: 35px
    }

    .global_drop_open {
        padding: 60px
    }

    .global_drop_wrapper:before {
        right: 30%
    }

    .nav_right ul li a {
        font: normal normal 12px/20px var(--acumin_medium);
        letter-spacing: 0.28px;
        color: #1f2127
    }

    .nav_div.bottom_nav_wrapper {
        padding: 0px 3.2% 0 14%
    }

    .nav_left ul li {
        margin: 0px 10px 0 10px
    }

    .container1 {
        padding: 0px 60px
    }

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

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

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

    .downloadApp_Sec .downApp_btn_section .nav-link {
        width: 280px
    }

    .downloadApp_Sec .tab-content {
        width: 575px
    }

    .downloadApp_Sec {
        padding: 100px
    }

    .all_prod_data_wrapper {
        padding: 80px 80px;
        display: block
    }

    .all_prod_data_wrapper .head_wrapper h2 {
        font: normal normal 70px/75px var(--acumin_bold);
        margin-bottom: 13px
    }

    .all_products .light_left.head_wrapper p {
        margin-bottom: 25px
    }

    .product_right_grid_wrapper {
        display: grid;
        grid-template-columns: 200px 200px 200px 200px;
        gap: 15px;
        margin-top: 40px
    }

    .product_wrapper {
        height: 160px;
        padding: 22px
    }

    .inner_page_banner .container-fluid {
        padding: 0
    }

    .inner_page_banner_center_aligned .banner_text {
        margin: 18px auto 0
    }

    .banner_content_wrapper {
        top: 100px;
        left: 60px
    }

    .banner_text h1 {
        font-size: 47px;
        line-height: 48px;
        margin-bottom: 10px;
        letter-spacing: -3.5px
    }

    .right_product_Wrapper {
        right: 4px;
        top: 56px
    }

    .right_product_Wrapper .banner_prod_content {
        padding-left: 56px
    }

    .banner_prod_content h3 {
        font-size: 25px;
        line-height: 14px
    }

    .banner_prod_content p {
        font-size: 13px;
        line-height: 21px
    }

    .left_product_Wrapper .banner_prod_content {
        padding-right: 58px
    }

    .banner_product_wrapper.left_product_Wrapper {
        left: 18px
    }

    .banner_product_wrapper {
        top: 36px
    }

    .banner_prod_content h3 {
        font-size: 25px;
        line-height: 14px
    }

    .banner_prod_content p {
        font-size: 13px;
        line-height: 21px
    }

    .temp-3-card-text {
        width: 100%;
        padding: 20px 20px
    }

    .inner_page_nav {
        gap: 5%;
        padding: 0 10px
    }

    .bordered_nav_btn a {
        width: 95px;
        height: 40px;
        font: normal normal 10px/20px var(--acumin_bold)
    }

    .solid_nav_btn a {
        width: 95px;
        height: 40px;
        font: normal normal 10px/20px var(--acumin_bold)
    }

    .inner_page_nav.ty2.sticky .inner_sticky_left ul li a {
        padding: 0 5px;
        font: normal normal 10px/20px var(--acumin_bold)
    }

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

    .sub_nav_drop_active {
        width: 175px;
        padding: 0px 20px;
        font: normal normal 10px/30px var(--acumin_bold)
    }

    .inner_page_nav.sticky .sticky_sub_nav_dropdown {
        left: 117px
    }

    .inner_sub_nav_brand {
        left: 17px;
        width: 98px;
        padding: 0 20px
    }

    .inner_sub_nav_brand img {
        width: 80px
    }

    .inner_page_nav.ty2.sticky {
        gap: 1%
    }

    .inner_sticky_left ul li a {
        font: normal normal 10px/20px var(--acumin_bold)
    }

    .inner_sticky_left ul {
        gap: 15px
    }

    .inner_page_nav.sticky {
        gap: 20px
    }

    .temp-9-livingNow {
        padding: 35px 17px
    }

    .temp-9 h5 {
        font-size: 18px
    }

    .temp-9-livingNow a {
        font-size: 10px
    }

    .inner_page_banner_center_aligned.career_banner .banner_search_dropdown_Wrapper {
        width: 750px
    }

    .inner_page_banner_center_aligned.career_banner .banner_search_dropdown_Wrapper .careers-dropdown__button {
        width: 181px;
        height: 39px
    }

    .inner_page_banner_center_aligned.career_banner .banner_search_dropdown_Wrapper .careers-dropdown__list-item a {
        font: normal normal 12px/20px var(--acumin_medium)
    }

    .careers_life_leg_sec1_wrapper {
        padding: 150px 200px
    }

    .careers_big_head {
        font: normal normal 65px/30px var(--acumin_bold)
    }

    .careers_life_leg_sec1_wrapper p {
        font: normal normal normal 18px/34px var(--roboto_reg)
    }

    .careers_life_leg_sec1_wrapper .solid_bg_btn {
        width: 215px;
        height: 60px;
        font: normal normal 14px/20px var(--acumin_bold)
    }

    .careers_life_leg_main_wrapper .job_listing_grid_Wrapper {
        display: grid;
        grid-template-columns: auto auto auto;
        gap: 30px;
        padding: 0px 70px
    }

    .careers_life_leg_main_wrapper .job_listing_box {
        padding: 30px
    }

    .careers_life_leg_main_wrapper .job_listing_box:hover .careers_apply {
        transform: translateY(12px)
    }

    .careers_swip_content {
        padding: 20px
    }

    .careers_swip_content h3 {
        font: normal normal 20px/24px var(--acumin_regular)
    }

    .careers_swip_content p {
        font: normal normal 13px/17px var(--roboto_reg)
    }

    .careers_big_pos_content {
        top: -59px;
        width: 317px;
        left: 69px
    }

    .careers_big_pos_content span {
        font: normal normal 29px/57px var(--acumin_regular)
    }

    .careers_big_pos_content p {
        font: normal normal 20px/65px var(--acumin_regular)
    }

    .download-banner .searchbox-container {
        width: 100%
    }

    .journey_search_bar .searchbox-container {
        width: 100%;
        padding: 0 8px 0 20px
    }

    .search_journey {
        margin-top: 110px
    }

    .search_journey .search_journey_banner_txt h1 {}

    .search_journey .banner_search_dropdown_Wrapper {
        padding: 5px
    }

    .data-centerrrr .dark_center.head_wrapper p {
        font: normal normal normal 21px/40px var(--acumin_regular);
        letter-spacing: -0.1px
    }

    .data-centerrrr {
        padding: 50px 0
    }

    .driven_future {
        padding: 100px 70px
    }

    .driven_future_header p {
        font: normal normal normal 20px/28px var(--roboto_reg);
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.6px;
        margin: 0 94px
    }

    .driven_future_body_items {
        gap: 20px
    }

    .driven_future_item {
        gap: 30px
    }

    .driven_future_left p {
        font: normal normal 900 24px/27px var(--acumin_bold)
    }

    .driven_future_left span {
        font: normal normal bold 13px/20px Acumin Pro
    }

    .data-center-integrated .efficient_protection_slider_wrapper {
        padding: 80px 40px
    }

    .temp-16 {
        padding: 120px 60px 110px 60px
    }

    .temp-16Card-text h5 {
        font-size: 17px
    }

    .temp-16Card-text p {
        font-size: 11px
    }

    .temp-17Card-text {
        padding: 20px
    }

    .temp-17Card-text h3 {
        font-size: 19px
    }

    .temp-17Card-text p {
        font-size: 12px
    }

    .temp-18-textArea {
        width: 41%
    }

    .temp-18-textArea h3 {
        font-size: 65px;
        letter-spacing: -2.5px
    }

    .temp-18-textArea p {
        font-size: 17px;
        letter-spacing: 0.4px
    }

    .temp-13 {
        padding: 150px 10.8% 100px
    }

    .temp-13-textarea h4 {
        font-size: 36px;
        letter-spacing: -1.5px
    }

    .temp-14-bgText {
        font-size: 150px
    }

    .temp-14Card-text {
        padding: 25px
    }

    .temp-14Card-text h3 {
        font-size: 18px
    }

    .temp-14Card-text p {
        font-size: 14px
    }

    .beyond-sec .temp-19Area .ovr-hidd .mySwiper11.swiper-container2 {
        top: 54%
    }

    .temp-19Card-right h6 {
        font-size: 21px
    }

    .temp-15-offering2 {
        right: 70px;
        top: 105px
    }

    .temp-15-offering3 {
        right: 30px;
        bottom: 110px
    }

    .temp-15-offering1 {
        left: 70px;
        top: 105px
    }

    .temp-15-offering4 {
        left: 30px;
        bottom: 110px
    }

    .temp-15-ring {
        width: 550px
    }

    .temp-15-bg {
        padding-top: 50px
    }

    .temp-15 .heading h2 {
        font-size: 50px
    }

    .temp-15 .heading p {
        font-size: 15px
    }

    .eliot-case-studies .btn_solid {
        width: 210px;
        height: 66px;
        position: relative;
        right: 115px
    }

    .eliot_banner .inner_page_banner {
        margin-top: 140px
    }

    .temp-14-bgText {
        left: 6%;
        top: -114px
    }

    .topic-sugge-text {
        font-size: 9px;
        padding: 10px 9px 10px
    }

    .topic-content-textarea .heading-ss1 {
        font-size: calc(1rem + 0.6vw)
    }

    .comment-views-anchor {
        font-size: 13px
    }

    .temp-13-textarea h4 {
        font-size: 35px
    }

    .res_top p {
        font-size: 16px
    }

    .contact-us-banner {
        margin-top: 140px
    }

    .contact-us-banner .banner_content_wrapper {
        top: 100px;
        left: 110px
    }

    .enquire_Sec .enq_lt_data p {
        font: normal normal normal 18px/23px var(--roboto_reg);
        letter-spacing: -0.6px
    }

    .enquire_Sec .enq_lt_data h5 {
        font-family: var(--acumin_bold);
        font-size: 60px;
        letter-spacing: -3.5px;
        padding-bottom: 0px
    }

    .contact_frm_lble_2 {
        font: normal normal normal 14px/24px Roboto;
        letter-spacing: 0.4px
    }

    .support_bnnr {
        margin-top: 140px
    }

    .support_bnnr .banner_content_wrapper {
        top: 40px
    }

    .support_bnnr .banner_text p {
        margin: -10px 0 18px
    }

    .support_bnnr .banner_btn {
        padding: 10px 18px
    }

    .support_bnnr .careers-dropdown__list {
        padding: 7px 0
    }

    .locations_wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        padding: 0px 80px
    }

    .location_details p {
        font: normal normal normal 11px/20px var(--roboto_reg)
    }

    .onground_bannr {
        margin-top: 140px
    }

    .onground_bannr .banner_content_wrapper {
        top: 77px;
        left: 82px
    }

    .zipStore_content {
        position: absolute;
        top: 83px;
        left: 90px
    }

    .zipStore_title h2 {
        font: normal normal bold 61px/64px var(--acumin_bold)
    }

    .zipStore_description p {
        font: normal normal normal 15px/20px Roboto
    }

    .innoval_wrapper .Innoval_header .dark_center {
        width: 60%
    }

    .innoval_wrapper .head_wrapper p {
        width: 100%
    }

    .virtual_exp_bannr {
        margin-top: 140px
    }

    .virtual_exp_bannr .banner_content_wrapper {
        top: 77px;
        left: 82px
    }

    .social-media-sec {
        padding: 120px 0
    }

    .social-media-header h1 {
        font: normal normal bold 50px/66px var(--acumin_bold);
        letter-spacing: -4.5px
    }

    .social-card-bottom {
        padding: 20px
    }

    .card-footer-left {
        width: 45px;
        height: 45px
    }

    .card2-footer-left {
        width: 45px;
        height: 45px
    }

    .card-footer-right h6 {
        margin-bottom: 5px
    }

    .card2-footer-right h6 {
        margin-bottom: 5px
    }

    .hm_automation_cards .btn-carsKnow {
        padding: 9px 11px;
        font-size: 9px
    }

    .Brands-Embodying-header h1 {
        font-size: 65px;
        line-height: 65px
    }

    .management-icon {
        margin: 40px 0 20px;
        width: 90px
    }

    .banner-conent-wrapper .btn_solid,
    .common-btn {
        padding: 20px 35px
    }

    .enhance-lives-header-right {
        min-width: 250px
    }

    .Brands-Embodying-wrapper {
        padding: 100px 140px
    }

    .enhance-lives-header-left h1 {
        font-size: 65px;
        line-height: 65px
    }

    .enhance-lives-header-right {
        min-width: 250px
    }

    .life-at-leg-main-card {
        height: 350px
    }

    .life-at-leg-main-card {
        padding: 35px
    }

    .life-legrand_wrapper {
        padding: 0px 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px
    }

    .life-at-leg-card-details p {
        font: normal normal normal 12px/18px var(--acumin_regular)
    }

    .Brands-Embodying-wrapper {
        padding: 100px 60px
    }

    .Brands-logo-wrapper {
        height: 170px
    }

    .enhance-lives-wrapper {
        padding: 100px 30px
    }

    .enhance-lives-header-left h1 {
        font-size: 55px;
        line-height: 65px
    }

    .enhance-lives-cards-content span {
        font: normal normal 600 17px/22px var(--acumin_semibold)
    }

    .enhance-lives-cards-content h2 {
        font: normal normal 900 20px/28px var(--acumin_bold)
    }

    .driven_future_left span {
        font: normal normal bold 11px/20px Acumin Pro
    }

    .temp-9-DownloadBg .container1 {
        padding: 0px 50px
    }

    .employee-benifits-wrapper {
        padding: 100px 50px
    }

    #life-legrand .enhance-lives-wrapper {
        padding-top: 0
    }

    .employee-benifits-cards {
        height: 305px
    }

    .employee-benifits-card-details p {
        font: normal normal bold 25px/35px var(--acumin_bold);
        margin: 0
    }

    .temp-21Card-text {
        width: 50%;
        left: 30px;
        bottom: 20px
    }

    .temp-21Card-text h4 {
        font-size: 25px
    }

    .temp-21Card-text p {
        font-size: 11px
    }

    .holistic-csr {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .featured-in-new-body .temp-2-card-text {
        padding: 20px
    }

    .featured-in-new-body .temp-2-textTop h6 {
        font-size: 10px;
        padding: 8px 20px;
        margin-bottom: 8px
    }

    .featured-in-new-body .temp-2-textTop h5 {
        font-size: 18px;
        margin-bottom: 14px
    }

    .featured-in-new-body .temp-2-textTop p {
        font-size: 13px;
        margin-bottom: 25px
    }

    .featured-in-new-body .temp-2-textBottom h4 {
        font-size: 81px
    }

    .featured-in-new-body .temp-2-textBottom h4 span {
        font-size: 20px
    }

    .csr-banner {
        margin-top: 140px;
        height: 452px
    }

    .csr-banner .banner_content_wrapper {
        top: 80px
    }

    .contct-innr-tab .inner_sticky_left {
        margin-right: 285px
    }

    .about-us-bannr {
        margin-top: 140px
    }

    .about-us-bannr .banner_content_wrapper {
        top: 75px
    }

    .temp-15-offering1:hover .temp-15-offering1-hover {
        width: 260px;
        left: -288px;
        top: -30px;
        font-size: 18px
    }

    .temp-15-offering1:hover .temp-15-offering1-hover p {
        font-size: 12px
    }

    .temp-15-offering2-hover::after {
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 11px solid white;
        right: auto;
        left: -10px;
        top: 7px;
        rotate: 133deg
    }

    .temp-15-offering2-hover {
        left: 82px;
        top: -29px
    }

    .temp-15-offering2:hover .temp-15-offering2-hover {
        width: 270px;
        left: 82px;
        top: -29px;
        font-size: 18px
    }

    .temp-15-offering2:hover .temp-15-offering1-hover p {
        font-size: 12px
    }

    .temp-15-offering4:hover .temp-15-offering4-hover {
        width: 240px;
        left: -259px;
        top: -35px;
        font-size: 18px
    }

    .temp-15-offering4:hover .temp-15-offering1-hover p {
        font-size: 12px
    }

    .temp-15-offering4-hover {
        left: -248px;
        font-size: 16px
    }

    .temp-15-offering3:hover .temp-15-offering3-hover {
        width: 243px;
        left: 76px;
        top: -50px;
        font-size: 18px
    }

    .temp-15-offering3:hover .temp-15-offering1-hover p {
        font-size: 12px
    }

    .temp-15-offering3-hover::after {
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 11px solid white;
        left: -10px;
        right: auto;
        top: 13px;
        rotate: 133deg
    }

    .temp-15-offering3-hover {
        width: 211px;
        left: 92px;
        top: -18px;
        font-size: 18px
    }
}

@media screen and (min-width:991px) and (max-width:1024px) {
    .home-video {
        height: 100%
    }

    .temp-15-offering1-hover {
        top: -50px
    }

    .temp-15-offering2-hover {
        left: 82px
    }

    .career-details-banner-indicators {
        margin-top: 15px;
        gap: 20px
    }

    .indicator-map img {
        width: 10px;
        height: 14px
    }

    .indicator-map {
        height: 35px;
        width: 35px
    }

    .indicator-subtitle {
        font: normal normal 16px / 24px var(--acumin_regular)
    }

    .iot-systm .big_pos_content {
        top: 50px
    }

    .big_pos_content span {
        margin: 0 auto 10px
    }

    .IOT-system-cards_wrapper {
        padding: 40px 100px 100px
    }

    .other_products_content_sub_wrap h3 {
        font: normal normal 16px / 20px var(--acumin_bold)
    }

    .other_products_content {
        padding: 0 25px
    }

    .know_more_op {
        width: fit-content;
        height: 38px;
        padding: 0 20px;
        font: normal normal 12px / 16px var(--acumin_bold);
        margin-top: 10px
    }
}

@media only screen and (max-width:1600px) {
    .data-centerrrr .dark_center.head_wrapper p {
        font: normal normal normal 26px / 1.2 var(--acumin_regular)
    }

    .employee-benifits-card-details p {
        font: normal normal 24px / 1.2 var(--acumin_bold)
    }
}

@media only screen and (max-width:1536px) {
    .life-at-leg-card-details h2 {
        font: normal normal 600 24px / 30px var(--acumin_semibold);
        letter-spacing: 0
    }

    .driven_future_body_items {
        max-width: 95%
    }

    .driven_future_header {
        margin-bottom: 30px
    }

    .driven_future_left p {
        font: normal normal 24px/30px var(--acumin_bold)
    }
}

@media only screen and (max-width:1500px) {
    .social-media-sec {
        padding: 100px 0
    }

    .life-at-leg-card-img {
        width: 46px
    }

    .life-at-leg-card-details h2 {
        font: normal normal 600 24px / 30px var(--acumin_semibold);
        letter-spacing: 0
    }

    .life-at-leg-card-details p {
        font: normal normal normal 14px / 1.4 var(--acumin_regular)
    }


    .driven_future_right {
        width: 45px
    }

    .driven_future_left span {
        font: normal normal 14px / 1.2 var(--acumin_regular)
    }

    .employee-benifits-card-details p {
        font: normal normal 20px / 1.2 var(--acumin_bold)
    }

    .employee-benifits-cards {
        height: 250px
    }

    .Brands-Embodying-body {
        gap: 20px
    }

    .Brands-Embodying-wrapper {
        padding: 80px 50px
    }

    .driven_future_item {
        padding: 20px 20px;
        gap: 10px;
        flex: 1
    }

}

@media only screen and (max-width:1400px) {
    .employee-benifits-card-icn {
        width: 48px
    }
}

@media only screen and (max-width:1280px) {
    #contact-us .driven_future_body_items {
        max-width: 85%;
    }

    .driven_future_left span {
        font: normal normal 12px / 1.2 var(--acumin_regular);
    }

    .driven_future_right {
        width: 40px;
    }
}



@media only screen and (max-width:1199px) {
    .temp-3-card h3 {
        font-size: 18px;
        line-height: 25px
    }

    .temp-3-card:hover .temp-3-card-text h3 {
        margin: 0
    }

    .visualizAR_case-studies .case_studies_content_sub_wrap {
        transform: translateY(30px)
    }

    .specifiUl li .spec-Info {
        padding: 20px
    }

    .specifiUl li .spec-Info span {
        letter-spacing: -0.4px;
        font: normal normal 900 25px / 35px var(--acumin_bold)
    }

    .spec-Info p {
        font: normal normal normal 14px / 22px var(--acumin_regular)
    }

    .temp-21 .swiper-button-next,
    .temp-21 .swiper-rtl .swiper-button-prev {
        right: calc(50% - 60px);
        width: 50px;
        height: 50px
    }

    .temp-21 .swiper-button-next,
    .temp-21 .swiper-rtl .swiper-button-prev,
    .temp-21 .swiper-button-prev,
    .temp-21 .swiper-rtl .swiper-button-next {
        width: 50px;
        height: 50px
    }
}

@media only screen and (max-width:1024px) {
    .visualizAR_case-studies .case_studies_content h3 {
        font: normal normal 18px / 24px var(--acumin_regular)
    }

    .visualizAR_case-studies .case_studies_content_sub_wrap p {
        font: normal normal 300 10px / 16px var(--acumin_regular)
    }

    .elegant_design_4slider .slider_card_content_wrapper {
        left: 30px
    }

    .country_list_Wrapper>ul {
        align-items: flex-start
    }

    .country_list_Wrapper ul>li {
        margin: 0px 0 5px
    }

    .swiper.products_list_swiper {
        padding: 0 30px 80px
    }

    .elegant_slider_wrapper {
        padding: 0 30px
    }

    .faq_sec.support_faq {
        padding: 0
    }

    .temp-21 .swiper-button-next,
    .temp-21 .swiper-rtl .swiper-button-prev {
        right: calc(50% - 70px)
    }

    .temp-21 .swiper-button-prev,
    .temp-21 .swiper-rtl .swiper-button-next {
        left: calc(50% - 70px)
    }

    #contact-us .driven_future_body_items {
        max-width: 100%;
    }
}

@media only screen and (max-width:991px) {
    #contact-us .driven_future_body_items {
        max-width: 100%
    }

    #contact-us .driven_future_item {
        gap: 30px
    }

    #contact-us .enquire_Sec .enq_lt_data p {
        text-align: left;
        font: normal normal normal 14px / 1.4 var(--roboto_reg);
        letter-spacing: -0.6px;
        color: rgba(35, 31, 32, 0.8)
    }

    #contact-us .driven_future {
        background: url(../images/data-center/driven_BG1.png);
        background-size: cover;
        object-position: initial;
        background-position: left
    }

    #contact-us .driven_future_right {
        width: 35px
    }

    .report_frm .contct_frm h2 {
        font-size: 40px
    }

    .temp-2-textTop p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .other_products_content_sub_wrap h3 {
        font: normal normal 14px/20px var(--acumin_bold);
        letter-spacing: -0.48px
    }

    .know_more_op {
        margin-top: 0
    }

    .slider_card_content_wrapper h2 {
        margin: 0 0 6px
    }

    .know_more_btn {
        margin: 12px 0 0
    }

    .product_tab_sec .captionText p {
        margin-bottom: 5px;
        letter-spacing: 0;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .temp-5-rightInner {
        row-gap: 20px;
        overflow-y: scroll;
        height: 1000px;
        display: block
    }

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

    .ep_nav_pills .nav-link {
        font-size: 15px;
        line-height: 20px
    }

    .other_products_content_sub_wrap h3 {
        margin-bottom: 7px
    }

    .Acb_highlights .products_list_swip_wrapper h3 {
        font-size: 14px;
        line-height: 23px;
        width: 100%;
        bottom: 0px;
        left: 0;
        padding: 30px 20px
    }

    .temp-5-right #list2 .temp-5-card2 .add-boq {
        left: 0;
        right: 0;
        display: flex;
        position: relative;
        bottom: 8px
    }

    .drivern_future {
        padding: 150px 40px
    }

    .driven_future_header p {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: -0.42px;
        color: #383636;
        opacity: 0.7;
        width: auto;
        margin: 0
    }

    .driven_future_body_items {
        display: block
    }

    .driven_future_item {
        margin-bottom: 20px
    }

    .driven_future_left p {
        line-height: 25px;
        font-size: 22px
    }

    .driven_future_left span {
        line-height: 20px;
        font-size: 14px
    }

    .data-centerrrr .dark_center.head_wrapper p {
        width: 100%;
        font-size: 25px;
        line-height: 1.3;
        margin: 0;
        letter-spacing: 0
    }

    .smart-space-page .searchbox-container {
        width: 100%
    }

    .download-banner .banner_search_dropdown_Wrapper {
        position: relative;
        z-index: 1
    }

    .onground_legrand_studio {
        padding: 60px 0 60px
    }

    .social-media-sec {
        padding: 80px 30px
    }

    #residential .efficient_protection {
        padding-bottom: 0
    }

    .social-media-header h1 {
        font: normal normal bold 40px/44px var(--acumin_bold);
        letter-spacing: -1.5px
    }

    .Social-Media-header-tabs {
        display: block;
        margin-top: 28px
    }

    .social-tab {
        margin-bottom: 20px
    }

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

    .Brands-Embodying-wrapper {
        padding: 90px 0 90px 0
    }

    #life-legrand .employee-benifits-wrapper {
        padding: 0px 0px 90px 0px
    }

    .Brands-Embodying-header {
        padding: 0px 30px
    }

    .Brands-Embodying-header h1 {
        text-align: center;
        font: normal normal bold 40px/44px var(--acumin_bold);
        letter-spacing: -1.4px;
        text-transform: capitalize
    }

    .Brands-Embodying-header p {
        font: normal normal normal 14px / 20px var(--roboto_reg);
        letter-spacing: 0;
        margin-bottom: 40px
    }

    .Brands-logo-wrapper {
        padding: 20px;
        background-color: #ccc;
        height: 100px;
        width: 150px
    }

    .Brands-logo-wrapper img {
        height: 100%
    }

    .Brands-Embodying-body {
        gap: 10px;
        margin: 10px;
        flex-wrap: wrap
    }

    .enhance-lives-wrapper {
        padding: 0px 0px 90px 0px
    }

    .enhance-lives-header {
        display: block;
        padding: 0 30px
    }

    .enhance-lives-header-left h1 {
        text-align: center;
        font: normal normal bold 40px/45px var(--acumin_bold);
        letter-spacing: -1.4px
    }

    .enhance-lives-header-left p {
        text-align: center;
        font: normal normal normal 14px/20px var(--roboto_reg);
        letter-spacing: -0.8px;
        opacity: 0.7
    }

    .enhance-lives-header-right {
        margin-top: 50px;
        text-align: center
    }

    .life-legrand_wrapper {
        padding: 0 30px;
        display: block
    }

    .life-at-leg-main-card {
        padding: 30px;
        height: auto;
        margin-bottom: 30px;
        width: 100%;
        gap: 10px
    }

    .life-at-leg-card-details p {
        font: normal normal normal 14px/22px var(--acumin_regular)
    }

    .life-at-leg-card-details h2 {
        font: normal normal 600 22px/26px var(--acumin_semibold)
    }

    .life-at-leg-card-details {
        height: auto;
        margin-top: 14px
    }

    .driven_future {
        padding: 50px 30px;
        background: url(../images/data-center/driven_BG.png);
        background-size: cover
    }

    .legrand_stdo .heading h2 {
        text-align: center;
        padding: 0 20px
    }

    .legrand_stdo .heading p {
        text-align: center;
        padding: 0 20px
    }

    .temp-2-area .heading h2 {
        text-align: left
    }

    .temp-2-area .heading p {
        text-align: left
    }

    .employee-benifits-wrapper {
        padding: 60px 30px
    }

    .employee-benifits-header h1 {
        font: normal normal bold 40px / 51px var(--acumin_bold);
        letter-spacing: -1.5px
    }

    .employee-benifits-header p {
        font: normal normal normal 16px/25px var(--roboto_reg)
    }

    .employee-benifits-card-details p {
        font: normal normal bold 20px/23px var(--acumin_bold)
    }

    .employee-benifits-card-details span {
        font: normal normal normal 12px/20px Roboto
    }

    .holistic-csr .holistic-csr-head h2 {
        text-align: center;
        margin-bottom: 25px
    }

    .holistic-csr .holistic-csr-head p {
        text-align: center
    }

    .featured-in-new {
        padding: 0
    }

    .featured-in-new-header {
        padding: 0px 30px;
        margin: 0
    }

    .featured-in-new {
        padding: 90px 0
    }

    .featured-in-new-header p {
        font: normal normal normal 14px / 20px var(--acumin_regular)
    }

    .featured-in-new-header h1 {
        text-align: center;
        font: normal normal bold 40px / 50px var(--acumin_bold);
        letter-spacing: -1.5px
    }

    .temp-13 {
        padding: 80px 30px 40px
    }

    .iot-sym-card h2 {
        font: normal normal 40px / 45px var(--acumin_bold)
    }

    .iot-sym-card p {
        font: normal normal 14px / 20px var(--roboto_reg);
        height: 60px;
        padding: 0
    }

    .IOT-system-cards_wrapper {
        padding: 50px 20px
    }

    .mobile-search-bar {
        z-index: 99;
        position: relative;
        top: 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .mobile-search-bar.fixed-header {
        z-index: 99;
        position: absolute;
        top: 50px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .mobile-search-bar .search-box {
        background: #ededed;
        display: flex;
        justify-content: center;
        width: 100%;
        padding: 10px 20px 10px 30px
    }

    .mobile-search-bar .search-box input {
        width: 88%;
        background: none;
        border: none;
        outline: none
    }

    .search-box .mob-searchbtn {
        border: none;
        background: #486898;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0
    }

    .search-box .mob-searchbtn svg {
        background: none;
        border-radius: 50px;
        max-width: 15px
    }

    .search-box .mob-searchbtn svg path {
        fill: #fff;
        stroke: #fff
    }

    .mobile-search-bar.active {
        opacity: 1;
        top: 50px;
        transition: all 0.7s;
        z-index: 999999
    }

    .social-account-Icons a img {
        width: 15px;
        height: 16px
    }

    .card-footer-left {
        width: 40px;
        height: 40px
    }

    .card-footer-left a svg {
        height: 16px;
        width: auto
    }

    .card2-footer-left {
        width: 40px;
        height: 40px
    }

    .card2-footer-left a svg {
        height: 16px;
        width: auto
    }

    .btns-wrapper {
        width: 40px;
        height: 40px
    }

    .btns-wrapper a svg {
        height: 16px;
        width: 16px
    }

    .temp-3-card:hover .temp-3-card-text h3 {
        transform: none;
        margin-bottom: 15px
    }

    .temp-3-card h3 {
        transform: none;
        font-size: 18px;
        margin-bottom: 15px
    }

    .visualizAR_case-studies .case_studies_content_sub_wrap {
        transform: translateY(0px)
    }

    .swiper-android .swiper-slide,
    .swiper-ios .swiper-slide,
    .swiper-wrapper {
        transform: translate3d(0px, 0, 0)
    }

    .driven_future_header {
        margin-bottom: 50px
    }

    .enhance-lives-cards-content span {
        font: normal normal 600 22px / 30px var(--acumin_semibold)
    }

    .enhance-lives-cards-content h2 {
        font: normal normal 900 30px / 35px var(--acumin_bold)
    }

    .employee-benifits-cards {
        padding: 25px;
        height: 300px
    }

    .other-brands-slider {
        padding: 0 30px
    }

    .efficient_protection_slider .swiper-wrapper {
        justify-content: start
    }

    .download_pordct_sltns .heading h2 {
        text-align: left
    }

    .download_pordct_sltns .heading p {
        text-align: left
    }

    .temp-2 {
        padding: 0px 0px
    }

    .casestudy-detailpage-Body-details h2 {
        font: normal normal normal 24px / 32px var(--acumin_regular);
        margin-top: 15px
    }

    .casestudy-detailpage-Body-details p {
        font: normal normal normal 14px / 22px var(--acumin_regular)
    }

    .casestudy-detailpage-Body-details ul li {
        font: normal normal normal 14px / 22px var(--acumin_regular)
    }

    .casestudy-detailpage-Body-details h3 {
        text-align: left;
        font: normal normal normal 20px /30px var(--acumin_regular);
        letter-spacing: -0.8px;
        color: #383636;
        opacity: 1
    }

    .temp-21 .swiper-button-next,
    .temp-21 .swiper-rtl .swiper-button-prev {
        right: calc(50% - 60px);
        width: 50px;
        height: 50px
    }

    .temp-21 .swiper-button-next,
    .temp-21 .swiper-rtl .swiper-button-prev {
        right: calc(50% - 60px);
        width: 50px;
        height: 50px
    }
}

@media only screen and (max-width:768px) {
    .btns-wrapper {
        width: 45px;
        height: 45px
    }

    .temp-3-card h3 {
        transform: none;
        font-size: 18px;
        margin-bottom: 15px
    }

    .our-team .swiper-wrapper {
        justify-content: unset
    }

    .driven_future_item {
        padding: 20px 20px
    }

    .pointer-content-area {
        width: 170px;
        padding: 14px
    }

    .pointer-content-area::before {
        left: -170px
    }

    .contactus-callinfo span {
        font-size: 12px
    }

    .pointer-content {
        left: 15%
    }

    .pointer-content-bottom {
        gap: 5px
    }

    .circle-btn.circle-btn4 .pointer-content {
        left: 11%;
        top: -132px
    }

    .circle-btn.circle-btn6 .pointer-content {
        top: -117px;
        left: 12.5%
    }

    .circle-btn.circle-btn24 .pointer-content {
        left: 17.5%;
        top: -141px
    }

    .circle-btn.circle-btn25 .pointer-content {
        top: -232px;
        left: 13.5%
    }

    .circle-btn.circle-btn25 .pointer-content-area::before {
        top: 214px
    }

    .circle-btn.circle-btn11 .pointer-content-area::before {
        top: 207px
    }

    .circle-btn.circle-btn6 .pointer-content-area::before {
        top: 97px
    }

    .circle-btn.circle-btn2 .pointer-content-area.year1::before {
        top: 211px
    }

    .circle-btn.circle-btn2 .pointer-content {
        left: 15%;
        top: -214px
    }

    .circle-btn.circle-btn7 .pointer-content {
        left: 13.5%;
        top: -95px
    }

    .circle-btn.circle-btn2 .pointer-content-area::before {
        left: -170px;
        top: 195px
    }

    .circle-btn.circle-btn7 .pointer-content-area::before {
        left: -170px;
        top: 76px
    }

    .circle-btn.circle-btn4 .pointer-content-area::before {
        left: -170px;
        top: 112px
    }

    .circle-btn.circle-btn5 .pointer-content-area::before {
        left: -170px;
        top: 88px
    }

    .circle-btn.circle-btn5 .pointer-content {
        left: 12.5%;
        top: -109px
    }

    .circle-btn.circle-btn3 .pointer-content {
        left: 13.5%;
        top: -141px
    }

    .circle-btn.circle-btn20 .pointer-content {
        left: -108%;
        top: -141px
    }

    .circle-btn.circle-btn20 .pointer-content-area::before {
        left: 163px
    }

    .circle-btn.circle-btn21 .pointer-content {
        left: -108%;
        top: -141px
    }

    .circle-btn.circle-btn21 .pointer-content-area::before {
        left: 163px
    }

    .circle-btn.circle-btn21 .pointer-content {
        left: -108%;
        top: -141px
    }

    .circle-btn.circle-btn22 .pointer-content-area::before {
        left: 163px
    }

    .circle-btn.circle-btn22 .pointer-content {
        left: -108%;
        top: -141px
    }

    .circle-btn.circle-btn23 .pointer-content-area::before {
        left: 162px
    }

    .circle-btn.circle-btn23 .pointer-content {
        left: -108%;
        top: -141px
    }

    .circle-btn.circle-btn27 .pointer-content-area::before {
        left: 162px
    }

    .circle-btn.circle-btn27 .pointer-content {
        left: -108%;
        top: -141px
    }

    .circle-btn.circle-btn28 .pointer-content-area::before {
        left: 162px
    }

    .pointer-content-area {
        box-shadow: -4px 4px 2px -6px black
    }

    .circle-btn.circle-btn28 .pointer-content {
        left: -108%;
        top: -141px
    }

    .circle-btn.circle-btn19 .pointer-content-area::before {
        left: -3px;
        top: -7px
    }

    .circle-btn.circle-btn19 .pointer-content {
        left: -47%;
        top: 10px
    }

    .circle-btn.circle-btn19 .pointer-content-area {
        width: 235px
    }

    .circle-btn.circle-btn12 .pointer-content {
        left: 12.5%;
        top: -141px
    }

    .circle-btn.circle-btn11 .pointer-content {
        left: 12.5%;
        top: -227px
    }

    .circle-btn.circle-btn13 .pointer-content {
        left: 13.5%;
        top: -85px
    }

    .circle-btn.circle-btn17 .pointer-content {
        left: 13.5%;
        top: -141px
    }

    .circle-btn.circle-btn13 .pointer-content-area::before {
        left: -170px;
        top: 65px
    }

    .circle-btn.circle-btn26 .pointer-content {
        left: 13.5%;
        top: -142px
    }

    .pointer-content-head h4 {
        font-size: 14px;
        line-height: 14px
    }
}

@media only screen and (max-width:400px) {

    .product_tab_sec .captionText .btn_sec_prod .knowMore,
    .product_tab_sec .captionText .btn_sec_prod .shopOnline {
        font-size: 8px;
        width: 76px;
        height: 28px;
        line-height: 28px
    }

    .product_tab_sec .captionText h6 {
        font-size: 18px;
        letter-spacing: -0.8px;
        margin-bottom: 8px
    }

    .other_products_content_sub_wrap h3 {
        font: normal normal 12px/20px var(--acumin_bold);
        letter-spacing: -0.48px
    }

    .download-banner .searchbox-container {
        width: 100%
    }

    .smart-space-page .searchbox-container {
        width: 115px
    }

    .location_pointer {
        margin-top: 5px
    }

    .support123 .careers-dropdown__button {
        width: 300px;
        padding: 22px
    }

    .temp-10-text2 {
        padding: 15px
    }

    .temp-10-text2 h4 {
        font-size: 20px
    }

    .temp-10-text2 .btn-carsKnow {
        font-size: 8px
    }

    .visualizAR_case-studies .case_studies_content h3 {
        height: 40px
    }

    .visualizAR_case-studies .case_studies_content_sub_wrap p {
        margin-bottom: 7px
    }

    .visualizAR_case-studies .know_more_cs {
        width: 99px;
        height: 32px;
        border: 1px solid #ffffff;
        margin: 0;
        font: normal normal 10px/13px var(--acumin_bold)
    }

    .ep_nav_pills .nav-link {
        font-size: 13px;
        line-height: 20px
    }

    .banner_product_wrapper {
        top: 131px
    }

    .featrd-topic-content {
        margin-top: 30px
    }

    .journey_search_bar .searchbox-container {
        width: 100%
    }

    .career-detail-banner-sec .inner_page_banner_center_aligned.career_banner .banner_content_wrapper {
        top: 100px
    }

    .case_studies_content_sub_wrap p {
        bottom: 12px
    }

    a.know_more_cs {
        bottom: 12px
    }

    .case_studies_swip_wrapper:hover a.know_more_cs {
        bottom: 12px
    }
}

.grecaptcha-badge {
    display: none !important
}

.moretext {
    display: none
}

button.swal2-confirm.swal2-styled {
    background-color: #ed1c24 !important
}

.parsley-required,
.error-message,
.parsley-pattern,
.parsley-min,
.parsley-max,
.parsley-length,
.parsley-type {
    color: red !important;
    list-style: none !important;
    padding: 5px 5px 5px 10px !important;
    font-size: 0.8rem !important
}

.parsley-error,
.is-invalid,
.dropdownQuery>input.enquiry_query {
    border: 1px solid red !important
}