﻿:root {
    --daikinGradient: linear-gradient(90deg, #004F73 -25%, #030E2E 25%);
    --daikinGradientRt: linear-gradient(180deg, #004F73 33.57%, #030E2E 96.81%);
    --daikinGradientSt: linear-gradient(135deg, #0097E0 0%, #77CAF3 100%);
    --daikinDeepBlue: linear-gradient(95deg, #3AC4F5 2.68%, #0E0E8A 95.69%);
    --daikinProGradient: linear-gradient(169deg, #FF896B 25.64%, #F14F27 63.52%);
    --daikinGreenGradient: linear-gradient(123deg, rgba(51, 255, 108, 0.70) -19.3%, rgba(49, 138, 221, 0.70) 120.25%);
    --daikinBtnGrGradient: linear-gradient(123deg, rgba(51, 255, 108, 0.70) -19.3%, rgba(49, 138, 221, 0.70) 63.25%);
    --daikinBtnGrGradientRt: linear-gradient(123deg, rgba(49, 138, 221, 0.70) 43.49%, rgba(51, 255, 108, 0.70) 120.25%);
    --daikinIceBlueGradient: linear-gradient(180deg, #FFF 0.06%, #42B3FE 377.72%);
    --daikinGlass: linear-gradient(271deg, rgba(0, 151, 224, 0.20) -14.47%, rgba(116, 196, 232, 0.20) 14.19%, rgba(179, 216, 239, 0.20) 39.67%, rgba(116, 196, 232, 0.20) 77.24%, rgba(0, 151, 224, 0.20) 112.9%);
    --daikinShadow: 0.548px -0.548px 3.833px 0px rgba(255, 255, 255, 0.10) inset, 0px 1.643px 1.095px 0px rgba(255, 255, 255, 0.25) inset, 0px 0.487px 11.684px -0.487px rgba(0, 0, 0, 0.18);
    --daikinLtWhite: linear-gradient(73deg, rgba(255, 255, 255, 0.25) 84.32%, rgba(179, 216, 239, 0.25) 98.77%), linear-gradient(81deg, rgba(255, 255, 255, 0.00) 20.82%, #FFF 82%), radial-gradient(137.79% 213.58% at 25.57% 225.11%, #B3D8EF 28.07%, #FFF 85.94%)
}

body:not(.pro, .proTemplate) .proOnly{
    display: none !important;
}

body:is(.pro, .proTemplate) .homeOnly {
    display: none !important;
}

body:not(.noUbar) {
    --offset: 46px;
}

body.noUbar {
    --offset: 0px;
}

body.loading {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

body.loading:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 30, 49, 0.67);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: flex;
    background-image: url("../images/pre-loader.svg");
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: center;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(13.963233947753906px);
}

.textWhite {
    color: var(--white)
}

.blueText {
    color: var(--primaryBlue);
}

.textLink {
    color: inherit;
}

.w-450 {
    width: min(100%, 450px);
}

.w-450.centered {
    margin-inline: auto;
}

.w-750 {
    width: min(100%, 750px);
}

.w-centerd {
    margin-inline: auto !important;
    text-align: center;
}

.w-900 {
    width: min(100%, 900px);
}

.w-990 {
    width: min(100%, 990px);
}

:is(.w-990, .w-900).centered {
    margin-inline: auto;
}

.textCenter {
    text-align: center;
}

.mNone {
    margin: 0;
}

.upperList {
    padding: 20px;
    margin: 45px auto;
}

.upperList li {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.48px;
    text-transform: uppercase;
    margin: 8px 0;
}

.commonText {
    color: #6D6E71;
}

.img--centered {
    text-align: center;
}

.img--centered img {
    display: block;
    margin-inline: auto;
}

.img--centered.m-30 {
    margin: 30px 0px;
    display: inline-block;
    width: 100%;
}

/* TYPOGRAPHY */

h2 {
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0.05px;
    margin: 0px 0px 16px 0px;
}

h2:has(+ h2) {
    margin-bottom: 0;
}

.f-32 h2 {
    font-size: 32px;
}

.f-48 h2 {
    font-size: 48px;
    line-height: 64px;
}

h3 {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0.05px;
    margin: 0px 0px 16px 0px;
}

.pageSubtitle h3 {
    font-size: 24px;
    font-weight: 500;
}

.pageSubtitle h6 {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.64px;
    text-transform: uppercase;
    margin: 0px 0px 30px 0px;
}

.h1Style h2 {
    font-size: 75px;
    font-weight: 600;
    line-height: 100px;
    letter-spacing: 0.5px;
    text-align: center;
    text-shadow: 0px 4px 54px rgba(0, 0, 0, 0.25);
    color: var(--white);
}

.gradientText h2 {
    background: linear-gradient(271deg, #74C4E8 -14.47%, #FFF 65.14%, #0097E0 112.9%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradientText + .pageSubtitle {
    margin-bottom: 50px;
}

.f-18 h5 {
    font-size: 18px;
    font-weight: 600;
    color: #0D0C0C;
    margin: 0px 0px 16px 0px;
}

.textBreakEven {
    text-wrap: balance;
}

/* TYPOGRAPHY END */

/* MODAL */

.csModal {
    width: 100%;
    height: 100%;
    padding: 30px;
    position: fixed;
    display: none;
    background: rgba(0, 30, 49, 0.67);
    backdrop-filter: blur(13.963233947753906px);
    z-index: 5;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.csModal.show {
    display: flex;
}

.csModal__content {
    width: min(100%, 1150px);
    min-height: 150px;
    background: var(--white);
    border-radius: 10px;
    box-shadow: var(--daikinShadow);
    max-height: 100%;
    overflow: auto;
    padding: 20px;
    animation: 0.5s modalZoomIn linear forwards;
}

.csModal__out {
    width: 30px;
    height: 30px;
    background: url("../images/close-white.svg") center / contain no-repeat;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
    transform: rotate(0deg);
    transition: 0.3s linear;
}

.csModal__out:hover {
    transform: rotate(180deg);
    transition: 0.3s linear;
}

/* MODAL END */

/* BUTTON */

.btn:has(.Link) {
    padding: 0px;
    overflow: initial;
}

.btn .Link > * {
    cursor: pointer;
}

.btn:is(.btn--blue, .btn--DBlue, .btn--grGradient, .btn--outline, .btn--DBlueGradient, .btn--outlineDark, .btn--blueWhiteOverlay) .Link {
    padding: 15px 16px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: var(--white);
    border-radius: 5px;
    cursor: pointer;
    display: flex;
}

.btn.btn--DBlue .Link {
    background: var(--daikinGradientRt);
    transition: 0.3s linear;
}

.btn.btn--outline .Link {
    background: transparent;
    color: var(--white);
    border: 1px solid var(--white);
}

.btn.btn--outlineDark .Link {
    background: transparent;
    color: var(--secondaryColor);
    border: 1px solid var(--secondaryColor);
}

.btn.btn--grGradient .Link {
    background: var(--daikinBtnGrGradient);
    transition: 0.3s linear;
}

.btn.btn--blueWhiteOverlay .Link {
    background: var(--daikinIceBlueGradient);
    color: var(--secondaryColor);
    transition: 0.3s linear;
}

.btn.btn--blueWhiteOverlay.minWidthed .Link {
    min-width: 200px;
    justify-content: center;
}

.btn.btn--blue .Link {
    background: var(--lt_blue);
}

.btn.btn--DBlueGradient .Link {
    background: var(--daikinDeepBlue);
}

.btn.btn--blue:is(.btn--hasArrow) .Link {
    padding-right: 65px;
    position: relative;
}


.btn:is(.btn--blueOverlay, .btn--DBlue, .btn--grGradient, .btn--outline, .btn--DBlueGradient, .btn--outlineDark, .btn--blueWhiteOverlay ).btn--hasArrow .Link {
    padding-right: 40px;
    position: relative;
}

:is(.btn.btn--blue, .btn.btn--blueOverlay, .btn.btn--DBlue, .btn--grGradient, .btn--outline, .btn--DBlueGradient, .btn--outlineDark, .btn--blueWhiteOverlay ).btn--hasArrow .Link:after {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

:is(.btn.btn--blue, .btn.btn--blueOverlay, .btn--DBlue, .btn--blueWhiteOverlay) .Link {
    transition: 0.3s linear;
    box-shadow: 0px 0px 0px transparent;
}

:is(.btn.btn--blue, .btn.btn--blueOverlay, .btn.btn--DBlue, .stepCard__btn, .sftBtn.sftBtn--greenGradient, .btn--grGradient, .btn--DBlueGradient, .btn--blueWhiteOverlay) .Link:hover {
    transition: 0.3s linear;
    box-shadow: 8px -9px 40px -10px rgba(255, 255, 255, 0.30), 0px 4px 40px -7px #0E0E8A, -7px -7px 20px 3px rgba(0, 151, 224, 0.50), 10px 2.61px 40px 6px rgba(179, 216, 239, 0.50);
}

.btn.btn--DBlue.btn--hv2 .Link:hover {
    box-shadow: none;
    background: var(--daikinDeepBlue);
}

:is(.csContactForm .submit-button button):hover {
    transition: 0.3s linear;
    box-shadow: 8px -9px 40px -10px rgba(255, 255, 255, 0.30), 0px 4px 40px -7px #0E0E8A, -7px -7px 20px 3px rgba(0, 151, 224, 0.50), 10px 2.61px 40px 6px rgba(179, 216, 239, 0.50);
}

.btn.btn--grGradient .Link:hover {
    background: var(--daikinBtnGrGradientRt);
}

.btn:is(.btn--outlineDark, .btn--outline) .Link:hover {
    background: var(--daikinGlass);
}

.btn.btn--blue.btn--hasArrow .Link:after {
    background: url('../images/arrow-right-white.svg') center / contain no-repeat;
}

.btn:is(.btn--blueOverlay, .btn--outlineDark, .btn--blueWhiteOverlay).btn--hasArrow .Link:after {
    right: 16px;
    background: url('../images/arrow-right-dark.svg') center / contain no-repeat;
}

.btn:is(.btn--DBlue, .btn--grGradient, .btn--outline, .btn--DBlueGradient).btn--hasArrow .Link:after {
    right: 16px;
    background: url('../images/arrow-right-white.svg') center / contain no-repeat;
}

.btn.btn--hasFltrIcon .Link {
    padding: 10px 50px 10px 25px;
    position: relative
}
.btn.btn--hasFltrIcon .Link:after {
    content: '';
    width: 22px;
    height: 22px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    background: url('../images/filter-slider.svg') center / contain no-repeat;
}

.btn.btn--blueOverlay .Link {
    min-width: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--daikinLtWhite);
    color: var(--black);
    padding: 15px 16px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 5px;
}

.sftBtn.sftBtn--greenGradient .Link {
    padding: 27px;
    display: inline-block;
    background: var(--daikinBtnGrGradient);
    color: var(--white);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    border-radius: 12px;
    cursor: pointer;
}

.sftBtn {
    display: inline-block;
}

.d-flex.btn:not(:has(.Link)) {
    border-radius: 8px;
}

.d-flex.btn:has(.Link) {
    border-radius: 0px;
}

.Link {
    text-decoration: none;
}

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

/* BUTTON END */

.pageSection {
    padding: 96px 0px;
    background: var(--sf-backgrоund-color, #ffffff)
}
.pageSection.pdMd {
    padding: 64px 0px;
}
:is(.pageSection, .bannerSection).pbNone {
    padding-bottom: 0px
}
.pageSection.pdSm {
    padding: 32px 0px;
}
.pageSection.daikinGradient {
    background: var(--daikinGradient);
    color: var(--white);
}
.pageSection.dGradientRt {
    background: var(--daikinGradientRt);
    color: var(--white)
}
.pageSection.pageSection--mlGradient {
    background: linear-gradient(0deg, #051027 0%, #051027 100%), radial-gradient(137.79% 213.58% at 25.57% 225.11%, #B3D8EF 28.07%, #FFF 85.94%);
    color: var(--white);
}
.pageSection.spiralVideo {
    background: var(--black);
}
.pageSection.hasOverlay {
    position: relative;
}

.pageSection.hasOverlay:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--daikinDeepBlue);
    border-radius: 3431px;
    opacity: 0.5;
    filter: blur(128px);
}

.pageSection.hasOverlay .pageSection__content {
    position: relative;
}

section, div[style^="--sf"] {
    background: var(--sf-backgrоund-color, initial)
}
.oneSideOffsetContainer {
    width: 100%;
    padding-left: calc((100vw - var(--container)) / 2);
    overflow: hidden;
}
.oneSideOffsetContainer.oneSideOffsetContainer--reverse {
    padding-left: 0;
    padding-right: calc((100vw - var(--container)) / 2);
}

.oneSideOffsetContainer__content {
    overflow: hidden;
}

section.-sc-image {
    background: var(--sf-backgrоund-image);
    background-size: var(--sf-background-size);
    background-position: center;
}

section.-sc-image.pageSection.imageCropView {
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}

section.-sc-image.bgCorrection {
    background-position: 0px;
}

section.-sc-video {
    position: relative;
}

section.-sc-video:not(.intro-video__main-wrapper) {
    overflow: hidden;
}

.sc-video__wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.sc-video__element {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.-sc-video .pageSection__content {
    position: relative;
}

.blueWhiteGdSection {
    background: var(--daikinLtWhite);
}

.pageSection.videoOverlayParent {
    padding-bottom: 200px;
}

section:has(+ .intro-video__main-wrapper) {
    padding-bottom: 180px !important;
}

[data-video-url] {
    cursor: pointer;
}

.smTextLink .Link {
    color: #CCCCCC;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
}

.bodyText {
    font-size: 14px;
    margin: 0px 0px 16px 0px;
    line-height: 25px;
}

.gridWrapper {
    width: 100%;
    display: flow-root;
}

.gridParent {
    display: grid;
}

.gridParent.grid-2 {
    grid-template-columns: 1fr 1fr;
}
.gridParent.grid-3 {
    grid-template-columns: 1fr 1fr 1fr;
}
.gridParent.grid-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.gridParent.grid-auto-auto {
    grid-template-columns: auto auto;
}
.gridParent.grid-60-40.g-50 {
    grid-template-columns: calc(60% - 25px) calc(40% - 25px);
}
.gridParent.grid-40-60.g-50 {
    grid-template-columns: calc(40% - 25px) calc(60% - 25px);
}
.gridParent.grid-55-45.g-32 {
    grid-template-columns: calc(55% - 16px) calc(45% - 16px);
}
.gridParent.grid-60-40.g-32 {
    grid-template-columns: calc(60% - 16px) calc(40% - 16px);
}
.grid-50-50.g-32 {
    grid-template-columns: calc(50% - 16px) calc(50% - 16px);
}
.gridParent.g-centered {
    align-items: center;
}
.gridParent.g-16 {
    gap: 16px;
}
.gridParent.g-20 {
    gap: 20px;
}
.gridParent.g-24 {
    gap: 24px;
}
.gridParent.g-32 {
    gap: 32px;
}
.gridParent.g-40 {
    gap: 40px;
}
.gridParent.g-50 {
    gap: 50px;
}
.gridParent.g-90 {
    gap: 90px;
}
.m-f-32 {
    margin: 32px;
}
.m-32 {
    margin: 32px 0px;
}
.mt-32 {
    margin-top: 32px;
}
.mt-50 {
    margin-top: 50px;
}
.mt-90 {
    margin-top: 90px;
}
.m-64 {
    margin: 64px 0px;
}
.m-b-64 {
    margin: 0px 0px 64px 0px;
}
.p-t-64 {
    padding-top: 64px;
}
.pb-3.intro-video__main-wrapper {
    padding-bottom: 64px;
}

.videoModal, .imageModal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    background: rgb(0 0 0 / 0.5);
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px 80px;
}

:is(.videoModal, .imageModal).active {
    display: flex;
}

.videoModal__content, .imageModal__content {
    width: min(100%, 1000px);
    min-height: 100px;
    height: auto;
    max-height: 100%;
    overflow: auto;
    overscroll-behavior: contain;
    animation: 0.3s modalZoomIn linear forwards;
}

@keyframes modalZoomIn {
    0% {
        scale: 0.80;
    }
    50% {
        scale: 1.03;
    }
    100% {
        scale: 1;
    }
}

.videoModalOut, .imageModalOut {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
}

.videoModalOut:before, .videoModalOut:after, .imageModalOut:before, .imageModalOut:after {
    content: '';
    width: 30px;
    height: 4px;
    border-radius: 5px;
    background: var(--white);
    position: absolute;
    top: calc(50% - 2px);
    left: calc(50% - 10px);
    transition: 0.3s linear;
}

.videoModalOut:before, .imageModalOut:before {
    transform: rotate(45deg);
}

.videoModalOut:after, .imageModalOut:after {
    transform: rotate(-45deg);
}

.videoModalOut:hover:before, .videoModalOut:hover:after, .imageModalOut:hover:before, .imageModalOut:hover:after {
    rotate: 90deg;
    transition: 0.3s linear;
}
.imageModal__imageIn {
    max-width: 100%;
    max-height: calc(100dvh - 51px);
    margin: 0 auto;
    display: block;
}


/* UNIVERSAL BAR */
.UniversalBar {
    background: var(--daikinDeepBlue);
    width: 100%;
    display: none;
}

.universalBar__content__in {
    padding: 16px 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .universalBar__content__in p {
        margin: 0px;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        color: var(--white);
    }

.universalBarOut {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: calc(50% - 12px);
    cursor: pointer;
}

    .universalBarOut:before, .universalBarOut:after {
        content: '';
        width: 20px;
        height: 2px;
        border-radius: 5px;
        background: var(--white);
        position: absolute;
        top: calc(50% - 1px);
        left: 0px;
        transform-origin: center;
    }

    .universalBarOut:before {
        transform: rotate(45deg);
    }

    .universalBarOut:after {
        transform: rotate(-45deg);
    }

.iconIn.iconIn--labour {
    width: 24px;
    height: 25px;
    display: flex;
    background: url('../images/news-roll.png') center / contain no-repeat;
}

.universalBar__content__in .iconIn--labour {
    margin-right: 10px;
}
/* UNIVERSAL BAR END */

/* HEADER */

.pageHeader {
    padding: 32px 0px;
    background: var(--daikinLtWhite);
    position: sticky;
    top: 0;
    left: 0;
    z-index: 3;
}

.pageHeader__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*.pageHeader__topLink.proOnly {
    display: none;
}*/

.pageHeader__top__right__split {
    display: flex;
    align-items: center;
    gap: 64px;
}

.pageHeader__top__right__split__left {
    display: flex;
    align-items: center;
    gap: 30px;
}

.pageHeaderTopLink__child {
    display: none;
    position: absolute;
    width: 150px;
    background: var(--white);
    filter: drop-shadow(2px 4px 6px rgb(0 0 0 / 0.2));
    border-radius: 4px;
    top: calc(100% - 5px);
    z-index: 3;
}

.pageHeader__topLink.pageHeader__topLink--hidden {
    display: none;
}

.pageHeader__topLink__content {
    position: relative;
}

.pageHeaderTopLink__child__link .Link {
    padding: 5px 10px;
    width: 100%;
    display: inline-block;
    background: var(--white);
    transition: 0.3s linear;
    cursor: pointer;
    color: #101828;
}

.pageHeaderTopLink__child__link .Link:hover {
    transition: 0.3s linear;
    background: #efefef;
}

.pageHeader__top__right__split__right {
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
}

.pageHeaderTopLink__link .Link {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    color: #6D6E71;
    cursor: pointer;
}

.pageHeaderTopLink__link.link--tel .Link {
    position: relative;
    padding-left: 25px;
}

.pageHeaderTopLink__link.hasChild .Link {
    padding-right: 25px;
    position: relative;
}

.pageHeaderTopLink__link.hasChild .Link:before {
    content: '';
    width: 16px;
    height: 6px;
    position: absolute;
    background: url('../images/chev-down--grey.svg') center / contain no-repeat;
    right: 0px;
    top: 6px;
    transition: 0.3s linear;
    transform: rotate(0deg);
}
.pageHeaderTopLink__link.hasChild .Link.active:before {
    transform: rotate(180deg);
    transition: 0.3s linear;
}
.pageHeaderTopLink__link.link--tel .Link:before {
    content: '';
    width: 16px;
    height: 16px;
    background: url('../images/phone--grey.svg') center / contain no-repeat;
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
}

.pageHeader__top__right__split__right:before {
    content: '';
    width: 1px;
    height: calc(100% - 4px);
    position: absolute;
    background: #B3B3B3;
    left: -32px;
}

/* professional links */

.pageHeaderTopLink__child--extended {
    width: min(100vw, 570px);
    padding: 32px;
    border-radius: 12px;
    border: 1px solid #E4E7EC;
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}

.pageHeaderTopLink__child h3 {
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    color: #101828;
}

.pageHeaderTopLink__child__content .gridParent {
    max-height: 350px;
    overflow: auto;
    overscroll-behavior: contain;
}

.quickLink .Link {
    color: #101828;
    padding: 12px 12px 12px 50px;
    display: inline-block;
    position: relative;
}

.quickLink .Link:after {
    content: '';
    width: 24px;
    height: 24px;
    background: url("../images/smartphone.svg") center / contain no-repeat;
    position: absolute;
    left: 0px;
    top: calc(50% - 12px);
    opacity: 0;
    transition: all 0.3s linear;
}

.quickLink .Link:hover:after {
    opacity: 1;
    transition: all 0.3s linear;
}

.quickLink.quickLink--mob {
    font-size: 12px;
    font-weight: 500;
}

.quickLink.quickLink--mob:hover {
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s linear
}

.quickLink.quickLink--ext .Link {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    word-break: break-all;
}

.quickLink.quickLink--ext .Link:after {
    background: url("../images/external-link.svg") center / contain no-repeat;
    opacity: 1;
}

/* professional links end */

.pageLogo {
    width: 100%;
    max-width: 280px;
    float: left;
}

.pageLogo img {
    width: 100%;
    height: auto;
    float: left;
}


.siteSwitch {
    display: flex;
    align-items: center;
    gap: 8px;
}

.switchToggler {
    width: 38px;
    height: 20px;
    background: var(--daikinGradientSt);
    border-radius: 12px;
    position: relative;
    cursor: pointer;
}

body:is(.pro, .proTemplate) .switchToggler {
    background: var(--daikinDeepBlue);
}

.switchToggle {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    color: #8C8C8C;
    cursor: pointer;
    text-decoration: none;
}

.switchToggle.active {
    color: #252B42;
    pointer-events: none;
}

.switchToggler:before {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 16px;
    background: var(--white);
    filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.06)) drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.10));
    position: absolute;
    top: 2px;
}

.switchToggle.active + .switchToggler:before {
    left: 2px;
    transition: 0.3s linear;
}

.switchToggle:not(.active) + .switchToggler:before {
    left: 20px;
    transition: 0.3s linear;
}

.pageHeader__top__right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
}

.headerLink .Link {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    color: #6D6E71;
    cursor: pointer;
}

.grGradientBtn {
    width: 30px;
    height: 30px;
    display: flex;
    border-radius: 30px;
    background: var(--daikinGreenGradient);
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.grGradientBtn--arrowLink {
    position: relative;
}

.grGradientBtn .iconIn {
    font-size: 0;
    width: 24px;
    height: 24px;
    border-radius: 24px;
}

.grGradientBtn--arrowLink:after {
    content: '';
    width: 12px;
    height: 12px;
    background: url('../images/arrow-right-dark.svg') center / contain no-repeat;
    position: absolute;
    left: calc(50% - 6px);
    top: calc(50% - 6px);
}

.grGradientBtn .iconIn--search {
    background: url('../images/search--dark.svg') center / contain no-repeat;
}

.grGradientBtn .iconIn--chevRight {
    background: url('../images/arrow-right-dark.svg') center / contain no-repeat;
    background-size: 12px;
}

body:is(.pro, .proTemplate) .pageHeader__top__right__split__right .btn.primaryG .Link {
    background: var(--daikinProGradient);
    color: var(--black)
}

body:is(.pro, .proTemplate) .pageHeader__top__right__split__right .btn.primaryG.primaryG--b .Link {
    color: var(--white);
    background: var( --daikinGradientRt);
}

.pageHeader__bottom {
    display: flex;
    align-items: center;
    margin-top: 24px;
}

.pageHeader__bottom__content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.megaLink .Link {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #252B42;
    transition: 0.3s linear;
    cursor: pointer;
}

.megaLink .Link:hover {
    color: var(--daikin_orange);
    transition: 0.3s linear;
}

.btn.orangeGr {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    background: var(--daikinProGradient);
    color: var(--white);
    border-radius: 5px;
    padding: 8px 10px;
    cursor: pointer;
}

.btn.primaryG .Link {
    background: var(--daikinGradientSt);
    padding: 8px 12px;
    border-radius: 5px;
    display: flex;
    cursor: pointer;
    color: var(--white);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

/*.headerIconButton .Link {
    width: 30px;
    height: 30px;
    font-size: 0;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.headerIconButton {
    display: flex;
}

.headerIconButton.headerIconButton--contact .Link {
    background: url('../images/headphones-dark.svg') center / contain no-repeat;
}

.headerIconButton.headerIconButton--lang .Link {
    background: url('../images/translate.svg') center / contain no-repeat;
}*/

.pageNav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
}

.navItemEach {
    /*position: relative;*/
    padding: 5px 0px
}

.navItemEach__in .Link {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color: #252B42;
    cursor: pointer;
    position: relative;
}

.navItemEach__in .Link:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #252B42;
    position: absolute;
    left: 0px;
    bottom: -2px;
    transform-origin: center;
    transform: rotateY(90deg);
    transition: 0.3s linear;
}

.navItemEachHolder:last-child .navItemSubchilPanel {
    left: auto;
    right: 0;
}

.navItemEachHolder:last-child .navItemSubchilPanel .navSubItemLink {
    text-align: right;
}

.navSubItemLink {
    color: var(--secondaryColor);
    font-size: 16px;
    margin: 5px 0px;
    opacity: 0;
    transform: translateX(25px);
    animation: 0.3s slideIn linear forwards;
    animation-delay: calc(var(--itemCount) * 0.08s);
    cursor: pointer;
}

.navSubItemLink .Link {
    cursor: pointer;
}

.navItemEach:hover .navItemEach__in .Link {
    color: var(--secondaryColor);
}

.navItemEach:hover .navItemEach__in .Link:after {
    transform: rotateY(0deg);
    transition: 0.3s linear;
}

.csSearchToggleBox {
    width: 100%;
    position: absolute;
    padding: 32px 15px;
    background: var(--daikinGradient);
    top: 100%;
    left: 0;
    display: none;
    z-index: 0;
}

.csSearchBoxWrap {
    /*display: flex;*/
    display: none;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.csSearchToggleBox__content {
    width: min(100%, 900px);
    margin-inline: auto;
}

.csSearchBlock__out {
    width: 25px;
    height: 25px;
    position: relative;
    cursor: pointer;
}

.csSearchBlock__out:before, .csSearchBlock__out:after {
    content: '';
    width: 16px;
    height: 2px;
    background: var(--white);
    position: absolute;
    left: calc(50% - 8px);
    top: calc(50% - 1px);
}

.csSearchBlock__out:before {
    transform: rotate(45deg);
}

.csSearchBlock__out:after {
    transform: rotate(-45deg);
}

.csSearchBlock {
    position: relative;
    width: calc(100% - 100px);
    border-radius: 5px;
    overflow: hidden;
}

.csSearchBlock:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: -3px;
    background: var(--daikinDeepBlue);
    border-radius: 8px;
}

.csSearchBlock__input {
    width: 100%;
    height: 35px;
    position: relative;
    border-radius: 5px;
    padding: 5px 5px 5px 60px;
    border: 0px;
    font-family: var(--fontP);
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
}

.csSearchBlock__icon {
    width: 30px;
    height: 30px;
    background: var(--daikinGreenGradient);
    position: absolute;
    z-index: 1;
    border-radius: 30px;
    top: calc(50% - 16px);
    left: 15px;
}

.csSearchBlock__icon:before {
    content: '';
    width: 24px;
    height: 24px;
    background: url('../images/search--dark.svg') center / contain no-repeat;
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50% - 12px);
}
.csSearchBlock.csSearchBlock--zip:before {
    content: none;
}

.csSearchBlock__input.csSearchBlock__input--zip {
    height: 54px;
    padding-left: 215px;
}

.csSearchBlock__iconZip {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 200px;
    height: 100%;
    background: var(--daikinDeepBlue);
    z-index: 1;
    padding: 12px 10px 12px 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: var(--white);
}

body:is(.pro, .proTemplate) .csSearchBlock__iconZip {
    background: var(--daikinProGradient);
    color: var(--black)
}

.blGradientBtn {
    width: 30px;
    height: 30px;
    background: var(--daikinDeepBlue);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

body:is(.pro, .proTemplate) .blGradientBtn {
    background: var(--daikinProGradient)
}

.blGradientBtn .iconIn--chevRightWhite {
    width: 24px;
    height: 24px;
    background: url('../images/arrow-right-white.svg') center / contain no-repeat;
    background-size: 14px;
}

body:is(.pro, .proTemplate) .blGradientBtn .iconIn--chevRightWhite {
    background: url('../images/arrow-right-dark.svg') center / contain no-repeat;
    background-size: 14px;
}

.csSearchBlock__iconZip:before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    background: url('../images/search_icon.svg') center / contain no-repeat;
    top: calc(50% - 9px);
    left: 15px;
}

body:is(.pro, .proTemplate) .csSearchBlock__iconZip:before {
    background: url('../images/search--dark.svg') center / contain no-repeat;
}

/* mega menu */
.megaMenu {
    width: var(--containerMd);
    height: auto;
    max-height: calc(100svh - 200px);
    overflow: auto;
    overscroll-behavior: contain;
    z-index: 2;
    position: absolute;
    top: calc(100% - 35px);
    left: calc((100vw - var(--containerMd)) / 2);
    background: var(--white);
    padding: 32px 32px 0px 32px;
    border-radius: 12px;
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
    border: 1px solid #E4E7EC;
    display: none;
}

.megaMenu__content h4 {
    font-size: 24px;
    margin: 0;
}

.megaMenuGridWrapper {
    margin: 24px 0px 0px 0px;
    padding: 0px 0px 32px 0px;
}

.megaMenuGridWrapper + .gridParent:not(:has(.megaMenu__item)) {
    border-top: 2px solid var(--daikin_grey2);
}

.megaMenuGridWrapper + .gridParent:has(.megaMenu__item) .megaMenu__featurenNB {
    border-top: 2px solid var(--daikin_grey2);
}

.megaMenu__item__content {
    position: relative;
    padding: 12px 12px 12px 50px;
    background: var(--white);
    transition: 0.3s linear;
    border-radius: 10px;
}

.megaMenuLink .Link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    z-index: 1;
}

.megaMenu__item__content picture {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 12px;
    top: 12px;
}

.megaMenu__item__content picture img {
    width: 100%;
    height: 100%;
    float: left;
}

.megaMenu__item__content h6 {
    margin: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.megaMenu__item__content p {
    font-size: 13px;
    line-height: 20px;
    margin: 5px 0px 0px 0px;
    color: #475467;
}

.megaMenu__item__content:has(.megaMenuLink):hover {
    background: #F9FAFB;
    transition: 0.3s linear;
}

.megaMenu__item__subcontent {
    padding-left: 50px;
}

.megaMenuSublistLink .Link {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    color: #101828;
    margin: 5px 0px;
    display: inline-block;
    transition: 0.3s linear;
}

.megaMenuSublistLink .Link:hover {
    color: var(--lt_blue);
    transition: 0.3s linear;
}

.megaMenu__content > .navItemTitleLink {
    margin-top: -15px;
}

.megaMenu__content > .navItemTitleLink .Link {
    text-decoration: underline;
    text-underline-offset: 2px;
    display: inline-block;
    width: auto;
    transition: 0.3s linear;
}

.megaMenu__content > .navItemTitleLink .Link:hover {
    color: var(--primaryBlue);
    transition: 0.3s linear;
}

.megaMenu__ftr {
    width: calc(100% + 64px);
    margin: 64px -32px 0px -32px;
    background: linear-gradient(180deg, #FFF 0.06%, #42B3FE 377.72%);
    padding: 16px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.megaMenu__ftr___left {
    display: flex;
    gap: 24px;
}

.megaMenuIconLink .Link {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #252B42;
    padding-left: 30px;
    position: relative;
    text-transform: capitalize;
}

.megaMenuIconLink .Link:before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 1px;
}

.megaMenuIconLink.megaMenuIconLink__shield .Link:before {
    background: url("../images/shield.svg") center / contain no-repeat;
}

.megaMenuIconLink.megaMenuIconLink__dollar .Link:before {
    background: url("../images/dollar-sign.svg") center / contain no-repeat;
}

.megaMenuIconLink.megaMenuIconLink__msg .Link:before {
    background: url("../images/message-circle.svg") center / contain no-repeat;
}

.megaMenuIconLink.megaMenuIconLink__search .Link:before {
    background: url("../images/search--dark.svg") center / contain no-repeat;
    background-size: 26px;
}

.megaMenu__ftr___right {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}

.megaMenu__sLink .Link {
    width: 24px;
    height: 24px;
    display: inline-block;
    font-size: 0;
    float: left;
}

.megaMenu__sLink.megaMenu__sLink--fb .Link {
    background: url("../images/s-media-fb.svg") center / contain no-repeat;
}

.megaMenu__sLink.megaMenu__sLink--yt .Link {
    background: url("../images/s-media-yt.svg") center / contain no-repeat;
}

.megaMenu__sLink.megaMenu__sLink--in .Link {
    background: url("../images/s-media-in.svg") center / contain no-repeat;
}

.megaMenu__sLink.megaMenu__sLink--x .Link {
    background: url("../images/x-new.svg") center / contain no-repeat;
}

.megaMenu__sLink.megaMenu__sLink--pr .Link {
    background: url(../images/Pintrest.svg) center / contain no-repeat;
}

.megaMenu__sLink.megaMenu__sLink--tt .Link {
    background: url(../images/Tik-Tok.svg) center / contain no-repeat;
}


.mobSublistToggler {
    display: none;
}

:is(.megaMenu__featureProduct, .megaMenu__featurenNB) h6 {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    color: var(--primaryBlue);
    margin: 24px 0px;
}

:is(.megaMenu__featureProduct, .megaMenu__featurenNB) {
    display: none;
}

.featuredPRWrapper__content {
    padding: 10px 32px;
    background: #F9FAFB;
    border-radius: 10px;
}

.featuredProduct {
    align-items: center;
}

.featuredProduct__content {
    padding-left: 16px;
    width: 100%;
}

.featuredProduct__content h4 {
    font-size: 20px;
    font-weight: 500;
    color: #101828;
    margin-bottom: 4px;
}

.featuredProduct__content p {
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.featuredProduct__img img {
    border-radius: 8px;
    float: left;
    max-width: 182px;
}

.featuredProduct__img {
    display: flex;
    justify-content: center;
}

.featuredNewsBlogs__item {
    padding: 12px 16px;
    background: #F9FAFB;
    border-radius: 10px;
}

.featuredNewsBlogs__item img {
    height: 160px;
    width: 100%;
    object-fit: cover;
    display: flow-root;
    margin-bottom: 16px;
    border-radius: 8px;
    display: none;
}

.featuredNewsBlogs__item h6 {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color: #101828;
    margin: 0px 0px 4px 0px;
}

.blogTwosidedLink {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    color: var(--lt_blue);
    text-transform: uppercase;
    text-decoration: none;
    width: 100%;
    display: inline-block;
    position: relative;
    padding-right: 20px;
    transition: 0.3s linear;
}

.blogTwosidedLink:hover {
    color: var(--daikin_orange)
}

.blogTwosidedLink:after {
    content: '';
    width: 16px;
    height: 16px;
    background: url("../images/link-arrow-blue.svg") center / contain no-repeat;
    position: absolute;
    right: 0px;
    top: calc(50% - 8px);
    transform: rotate(0deg);
    transition: 0.3s linear;
}

.blogTwosidedLink:hover:after {
    background: url("../images/link-arrow-orange.svg") center / contain no-repeat;
}


.megaMenu__item.span-2-grid {
    grid-column: 1 / 3;
}

.megaMenu__item.span-3-grid {
    grid-column: 1 / 4;
}

.megaMenu__item.span-4-grid {
    grid-column: 1 / 5;
}

.megaMenu__item.span-2-4-grid {
    grid-column: 2 / 4;
}

.megaMenuSubGrid .categoryTitle h6 {
    font-size: 14px;
    font-weight: 600;
    color: #74C4E8;
    margin: 6px 0px 6px 0px;
}

.navItemTitleLink .Link {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: #74C4E8;
    margin: 6px 0px 6px 0px;
    display: inline-block;
}

@keyframes fadeUp {
    0% {
        display: none;
        z-index: -1;
        opacity: 0;
        height: 0px;
        transform: translateY(-5px);
    }
    90% {
        display: block;
        z-index: 1;
        opacity: 0;
        height:auto;
        transform: translateY(-5px);
    }
    100% {
        display: block;
        z-index: 1;
        opacity: 1;
        height: auto;
        transform: translateY(0px);
    }
}

/* mega menu end */

@keyframes slideIn {
    0% {
    opacity: 0;
    transform: translateX(25px);
}

100% {
    opacity: 1;
    transform: translateX(0px);
}
}

.multiTemplated.homeTemplate :is(header.headerPro, footer.footerPro) {
    display: none
}
.multiTemplated.proTemplate :is(header.headerHome, footer.footerHome) {
    display: none
}


/* HEADER END */
/* BANNER AREA */
.bannerSection {
    padding: 96px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
}

.bannerCategory {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.48px;
    text-transform: uppercase;
    color: var(--white);
    background: var(--daikinGradientSt);
    display: inline-block;
    padding: 4px 12px;
    border-radius: 30px;
}

body:is(.pro, .proTemplate) .bannerCategory {
    background: var(--daikinProGradient)
}

.bannerCategory.bannerCategory--green {
    background: var(--daikinGreenGradient) !important;
}

.bannerContent {
    width: 100%;
    text-align: center;
    position: relative;
    margin-inline: auto;
    position: relative;
    z-index: 1;
}

/*.bannerContent.bannerContent--widthed {
    width: min(100%,640px);
}*/

.bannerContentWrap:not(.bannerContentWrapNt):before {
    content: '';
    width: 100%;
    height: 100%;
    background: var(--daikinDeepBlue);
    opacity: 0.8;
    filter: blur(128px);
    position: absolute;
    left: 0;
    top: 0px;
    border-radius: 1300px;
}

:is(.bannerTitle h1, .bannerTitle.h1Style h2) {
    font-size: 75px;
    font-style: normal;
    font-weight: 600;
    line-height: 95px;
    letter-spacing: 0.5px;
    /*    background: linear-gradient(271deg, var(--lt_blue) -14.47%, #74C4E8 14.19%, #B3D8EF 39.67%, #74C4E8 77.24%, var(--lt_blue) 112.9%);*/
    background: linear-gradient(26deg, #0097E0 -29.03%, #FFF 14.07%, #77CAF3 113.1%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 25px 0px;
    text-shadow: 0px 4px 54px rgba(0, 0, 0, 0.25);
    text-wrap: balance;
}

.bannerTitle.bannerTitle--white :is(h1, h2) {
    color: var(--white);
    background: transparent;
    -webkit-text-fill-color: initial;
}

.bannerContentWrap {
    position: relative;
    width: min(100%, var(--containerMd));
    margin-inline: auto;
}

.bannerText {
    display: inline-block;
    width: 100%;
}

.bannerText p {
    font-size: 24px;
    font-weight: 500;
    color: var(--white);
    margin: 10px 0px 26px 0px;
    text-wrap: balance;
}

.bannerText.f-14 p {
    font-size: 14px;
}

.bannerSection__item {
    width: 100%;
    position: relative;
}

.kokoroBg:before {
    content: '';
    width: min(100%, 985px);
    height: min(100%, 363px);
    background: url('../images/kokoros.svg') center / contain no-repeat;
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translate(-50%, -20%);
}

.bannerBtn {
    margin: 32px 0px;
    display: inline-block;
}

:is([activeregion="east"]) [region="east"] .bannerContent {
    display: block
}

.bannerContent h3 {
    font-size: 20px;
    color: var(--white);
}

.bannerContent .bodyText {
    color: var(--white);
}

.bannerContent .smTextLink + .bannerText {
    margin-top: 10px;
}

.bannerContent .smTextLink + .bannerText p {
    margin-bottom: 0;
}

.bannerContent .btn {
    margin-top: 20px;
}

.bannerOverlayBlock {
    width: calc(100% + 40px);
    margin: 0px -20px;
    background: rgba(0, 30, 49, 0.69);
    padding: 30px 20px;
}

.bannerSection.bannerSection__homeVideo {
    display: grid;
    grid-template-columns: 1fr;
    padding: 60px 20px;
    background: var(--secondaryColor);
}

.bannerSection__homeVideo .bannerContentWrap:not(.bannerContentWrapNt):before {
    content: none;
}

.bannerSection__homeVideo .bannerSection__item {
    height: 100%;
    display: flex;
    width: 100%;
}

.videoBannerContent {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.bannerSection__homeVideo .bannerContent {
    height: 100%;
}

.videoBannerContent__top {
    text-align: left;
}

.videoBannerContent__top .bannerCategory {
    background: transparent;
    border: 1px solid var(--white);
}

/* BANNER AREA END */

/* SOLUTIONS BLOCK */

.solutionsSection {
    background: var(--daikinLtWhite);
}

.featureBlock {
    text-align: center;
    width: 100%;
    display: flow-root;
    margin-bottom: 50px;
}

.featureBlock__content {
    width: min(100%, 870px);
    margin-inline: auto;
}

.featureBlock__content p + p {
    margin: 30px 0px;
}

.sectionTitle {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    color: var(--lt_blue);
    margin: 0px 0px 5px 0px;
}

.solutionSection__content__area {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.sectionText {
    width: min(100%, 770px);
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
    color: var(--grey);
    margin: 0px auto;
}

.featureBlock.featureBlock--dark :is(.sectionSubTitle, .sectionText) {
    color: #ffffff;
}

.solutionsSection :is(.sectionSubTitle, .sectionText) {
    width: min(100%, 550px);
    margin-inline: auto;
}

.sectionSubTitle h1 {
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0.05px;
    margin: 0px 0px 16px 0px;
}

.pintile__content__block {
    padding: 18px 32px;
    background: var(--daikin_grey2);
}

.pintile__content__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    color: #AFB1B6;
    display: none;
}

.pintile__item {
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 120px;
    position: relative;
    min-height: 400px;
}

.pintile__item:after {
    content: '';
    width: 100%;
    height: 5px;
    background: rgb(58,196,245);
    background: linear-gradient(90deg, rgba(58,196,245,100%) 0%, rgba(14,14,138,1) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotateX(90deg);
    transition: 0.2s linear;
}

.pintile__item .overlayLink .Link {
    font-size: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.pintile__content {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 5px;
}

.pintile__item picture {
    width: 100%;
    display: flow-root;
}

.pintile__item picture img {
    width: 100%;
    height: 280px;
    transition: 0.3s linear;
    float: left;
    object-fit: cover;
}

.pintile__item:hover picture img {
    height: 250px;
    transition: 0.3s linear;
}

.pintile__content__title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
}

.pintile__content__title h4 {
    margin: 0px;
    font-size: 16px;
    font-weight: 700;
    color: #8C8C8C;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.64px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.pintile__content__link {
    position: relative;
}

.pintile__content__link .Link {
    width: auto;
    text-align: left;
    color: var(--daikin_orange);
    background: var(--daikinBtnGrGradient);
    font-size: 12px;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    padding-right: 25px;
/*    position: relative;*/
    display: none;
    cursor: pointer;
}

    .pintile__content__link .Link:after {
        content: '';
        width: 16px;
        height: 16px;
        position: absolute;
        background: url('../images/link-arrow-gradient-gr.svg') center / contain no-repeat;
        right: 0;
        top: calc(50% - 8px);
    }

/* pintile hover */

.pintile__item:hover {
    box-shadow: 0px 0px 12px -4px #cccccc;
}

    .pintile__item:hover:after {
        transform: rotateX(0deg);
        transition: 0.2s linear;
    }

    .pintile__item:hover .pintile__content__block {
        background: var(--white);
    }

    .pintile__item:hover .pintile__content__title {
        height: auto;
        justify-content: flex-start;
    }

        .pintile__item:hover .pintile__content__title h4 {
            color: var(--black);
            text-align: left;
        }

    .pintile__item:hover .pintile__content__text {
        display: block;
        text-align: left;
    }

    .pintile__item:hover .pintile__content__link .Link {
        display: inline-block;
    }

/* pintile hover end */

/*Slider*/

.solutionSlider {
    padding-bottom: 60px;
}

    .solutionSlider .swiper-button-next {
        left: 56px;
        bottom: 0;
        top: auto;
    }

    .solutionSlider [class*="swiper-button"] {
        width: 40px;
        height: 40px;
        bottom: 0;
        top: auto;
        display: flex;
        float: left;
        cursor: pointer;
        z-index: 11;
    }

        .solutionSlider [class*="swiper-button"]:after {
            font-size: 20px;
            font-weight: bold;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

    .solutionSlider .swiper-button-prev {
        bottom: 0;
        left: 0;
    }

    .solutionSlider .swiper-pagination {
        text-align: right;
    }
/*Slider end*/

.featureBlock .btn {
    margin-top: 30px;
}

/* SOLUTIONS BLOCK END */

/* LEADING THE WAY BLOCK */

.switchBackSlider {
    margin: 50px 0px;
}

.oneSideOffsetContainer .switchBackSlider {
    margin-top: 100px
}

.switchBackSlider__Item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
}

.switchBackSlider__Item:not(.swiper-slide-active) {
    opacity: 0 !important;
}

.switchBackSlider__Item__right {
    width: 100%;
    background: #efefef;
}

.switchBackSlider__Item__right picture {
    display: inline-block;
    width: 100%;
    height: 100%;
    float: left;
}

.switchBackSlider__Item__right img {
    width: 100%;
}

.switchBackSlider__Item__left {
    padding-top: 80px;
    width: min(100%, 400px);
}

.switchBackSlider__item__text {
    color: var(--grey);
    margin-bottom: 32px;
    font-weight: 400;
    line-height: 25px;
}

.switchBackSlider .swiper-pagination {
    position: absolute;
    top: 0;
    left: 0px;
    right: auto;
    text-align: left;
    gap: 24px;
    height: 48px;
    width: auto;
    display: flex;
}

.switchBackSlider .swiper-pagination-bullet {
    width: 48px;
    height: 48px;
    font-size: 16px;
    text-align: center;
    line-height: 48px;
    border: 2px solid var(--lt_blue, #0097E0);
    background: transparent;
    opacity: 1;
    color: var(--lt_blue);
    font-weight: 600;
    transition: all 0.3s linear;
}

.switchBackSlider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: linear-gradient(135deg, rgba(207, 238, 253, 0.37) 6.24%, rgba(226, 243, 251, 0.42) 92.04%);
    border-color: transparent;
    transition: all 0.3s linear;
}
.switchBackSlider__Item.switchBackSlider__Item--reverse .switchBackSlider__Item__left {
    order: 1;
}

.switchBackSlider__Item.switchBackSlider__Item--reverse .switchBackSlider__Item__right {
    order: 0;
}

.switchBackSlider__Item.switchBackSlider__Item--reverse {
    justify-items: flex-end;
}
.switchBackSlider.switchBackSlider--single {
    margin: 0;
}
.switchBackSlider.switchBackSlider--single .switchBackSlider__Item__left {
    padding: 0px;
}
.switchBackSlider.switchBackSlider--single .switchBackSlider__Item {
    align-items: center
}

/* LEADING THE WAY BLOCK END */

.r32-copy__wrapper .btn--grGradient {
    width: min(100%, 660px);
    display: flex;
    justify-content: flex-end;
}

/* BENEFITS SLIDER */
.benefitSection {
    color: var(--white);
}

.twoSideHeader {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 150px;
    margin-bottom: 60px;
}

.twoSideHeader.twoSideHeader--md {
    width: min(100%, 1050px);
    margin-inline: auto;
}

.twoSideHeader--white {
    color: var(--white);
}

.twoSideHeader--white .sectionText {
    color: var(--white)
}

.benefitSection .sectionText {
    color: var(--white);
}

.twoSideHeader__Button__title h6 {
    text-transform: uppercase;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.64px;
    margin: 0px 0px 14px 0px;
}

.twoSideHeader .sectionText {
    margin: 0px;
}

.benefitsSlider {
/*    padding-bottom: 100px;*/
    position: relative;
}

.swiper-pagination.swiper-pagination--benefits.swiper-pagination-progressbar.swiper-pagination-horizontal {
    background: var(--daikin_blue);
    position: absolute;
    top: auto;
    bottom: 0;
    left: calc(100% - var(--container)) / 2;
    height: 8px;
    width: min(100%, var( --container));
    border-radius: 8px;
    overflow: hidden;
}

.swiper-pagination--benefits .swiper-pagination-progressbar-fill {
    background: linear-gradient(135deg, var(--lt_blue) 6.24%, #77CAF3 92.04%);
}

.benefitsSlider__Item {
    padding-right: 40px;
}

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

.benefitsSlider__Item__ink {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.benefits_slider_item_title h6 {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin: 16px 0px;
}

.benefitSlider__item__block {
    border-radius: 10px;
    overflow: hidden;
}

.benefitSlider__item__block__image picture img {
    width: 100%;
    float: left;
    height: 225px;
    object-fit: contain;
}

.benefitSlider__item__block__image {
    width: 100%;
    display: flow-root;
/*    background: url('../images/spiralbg-new.png') center / cover no-repeat;*/
/*    padding: 20px;*/
}

.benefitSlider__item__block__image picture {
    display: flow-root;
}

.benefitSlider__item__block__content {
    padding: 32px 48px;
    position: relative;
    text-align: center;
    background: rgba(255, 255, 255, 0.10);
    box-shadow: var(--daikinShadow);
    backdrop-filter: blur(13.963233947753906px);
}

.benefitsSliderContentToggler {
    display: none;
}

.benefitsSliderCheckBox {
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}

.benefitsSliderCheckBox__placeholder {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #254d65;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    transition: 0.3s linear;
}

.benefitsSliderCheckBox__placeholder:before, .benefitsSliderCheckBox__placeholder:after {
    content: '';
    width: 12px;
    height: 1px;
    background: var(--white);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.benefitsSliderCheckBox__placeholder:after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.benefitsSliderCheckBox:hover:not(:checked) + span {
    transform: translateX(-50%) rotate(180deg);
    transform-origin: center;
    transition: 0.3s linear;
}

.benefitsSliderCheckBox:checked + span {
    transform: translateX(-50%) rotate(180deg);
    background: var(--lt_blue);
    transition: 0.3s linear;
    box-shadow: 0px 1.07px 3.21px 1.07px rgba(0, 0, 0, 0.15), 0px 1.07px 2.14px 0px rgba(0, 0, 0, 0.30);
}

.benefits__slider__item__block__ct__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    color: rgb(255 255 255 / 60%);
    margin: 14px 0px 0px 0px;
    transform-origin: top;
    transform: rotateX(90deg);
    display: none;
}

.benefits__slider__item__block__ct__link {
    margin: 16px 0px 0px 0px;
    transform: rotateX(90deg);
    transform-origin: top;
    display: none;
}

.benefits__slider__item__block__ct__link .Link {
    color: var(--daikin_orange);
    font-weight: 500;
    text-decoration: none;
}

.benefits__slider__item__block__ct__title {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0px;
}

/*.benefitSlider__item__block:has(.benefitsSliderCheckBox:checked) :is(.benefits__slider__item__block__ct__text, .benefits__slider__item__block__ct__link) {
    display: block;
}*/

.benefitsSlider__Item:hover :is(.benefits__slider__item__block__ct__text, .benefits__slider__item__block__ct__link) {
    display: block;
    animation: 0.3s slideDown linear forwards;
}

.hoverIndicator {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: var(--lt_blue);
    position: absolute;
    left: calc(50% - 20px);
    top: -20px;
    transition: 0.1s linear;
}

.hoverIndicator:before, .hoverIndicator:after {
    content: '';
    width: 20px;
    height: 20px;
    background: red;
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    transition: 0.1s linear;
}

.hoverIndicator:before {
    background: url("../images/icon-plus.svg") center / contain no-repeat;
    opacity: 1;
}

.hoverIndicator:after {
    background: url("../images/link-arrow-white.svg") center / contain no-repeat;
    opacity: 0;
}

.benefitsSlider__Item:hover .hoverIndicator {
    background: var(--daikinGreenGradient);
    transition: 0.1s linear;
}

.benefitsSlider__Item:hover .hoverIndicator:before {
    opacity: 0;
    transition: 0.1s linear;
}

.benefitsSlider__Item:hover .hoverIndicator:after {
    opacity: 1;
    transition: 0.1s linear;
}

@keyframes slideDown {
    0% {
        transform: rotateX(90deg);
    }
    100% {
        transform: rotateX(0deg);
    }
}

/* BENEFITS SLIDER END */

/* TILE BOARD SECTION */

.tileBoardSection__content {
    position: relative;
}

.partnerBlockTitle {
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    color: #72787E;
}

.partnerBlock__content {
    width: 100%;
    display: flex;
    align-items: center;
    height: 95px;
    gap: 10px;
    justify-content: space-between;
    position: relative;
    margin-top: 32px;
}

.partnerBlock__content img {
    width: auto;
    height: auto;
    max-height: 90px;
    float: left;
}

.partnerBlock__content:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #0A0D15 -3.01%, rgba(10, 13, 21, 0.05) 51.39%, rgba(10, 13, 21, 0.20) 87.35%, #0A0D15 101.22%);
}

.columThreeBox {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
    margin: 64px 0px 32px 0px;
}

.glassMorphism {
    border-radius: 12px;
    background: var(--daikinGlass);
    box-shadow: var(--daikinShadow);
    backdrop-filter: blur(13.963233947753906px);
    margin: 16px 0px;
    width: 100%;
    display: flex;
    float: left;
    flex-direction: column;
    overflow: hidden
}

.glassMorphism__content {
    padding: 48px;
}

.glassMorphism__content h2 {
    font-size: 75px;
    font-weight: 600;
    line-height: 75px; /* 66.667% */
    letter-spacing: 0.5px;
    text-transform: capitalize;
    color: var(--white);
    text-align: center;
    margin-bottom: 10px;
}

.glassMorphism__content h3 {
    font-size: 52px;
    font-weight: 600;
    line-height: 50px; /* 96.154% */
    letter-spacing: 0.5px;
    text-transform: capitalize;
    text-align: center;
    color: var(--white);
}

.glassMorphism__content h6 {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    text-align: center;
    color: var(--white);
}

.glassMorphism__content p {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.60);
    margin: 10px 0px;
    letter-spacing: 0.6px;
}

.glassMorphism.glassMorphism--reverse {
    flex-direction: column-reverse;
}

.glassMorphism__image picture {
    width: 100%;
}

.glassMorphism__image img {
    float: left;
    width: 100%;
}

.glassMorphism__content__icon {
    width: 34px;
    display: flow-root;
    margin-bottom: 16px;
}

.glassMorphism__content__icon img {
    width: 100%;
    float: left;
}

.glassMorphism__content:has(.glassMorphism__content__icon img) h6 {
    text-align: left;
}

.glassMorphism__textLink {
    position: relative;
    margin-top: 30px;
}

.glassMorphism__textLink .Link {
    width: 100%;
    display: inline-block;
    position: relative;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.80);
    cursor: pointer;
    padding-right: 24px;
}

.glassMorphism__textLink .Link:after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0px;
    top: calc(50% - 8px);
    background: url("../images/link-arrow-white.svg") center / contain no-repeat;
}

.glassMorphism__content p.glassMorphism__closeText {
    text-align: center;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    color: var(--white);
}

.columThreeBox__block .sftBtn {
    width: 100%;
    margin-top: 16px;
}

.columThreeBox__block .sftBtn .Link {
    width: 100%;
    text-align: center;
}

:is(.glassMorphism, .tileUp__item) {
    transform: translateY(80px);
    opacity: 0;
}

.tileFadeUp :is(.glassMorphism, .tileUp__item) {
    animation: 0.5s slideInTop linear forwards;
    animation-delay: calc(0.6s * var(--dl));
}

@keyframes slideInTop {
    from {
        transform: translateY(80px);
        opacity: 0;
    }

    to {
        transform: translateY(0px);
        opacity: 1;
    }
}

/* TILE BOARD SECTION END */

/* CINEVISION PANEl */

.gridParent:has(.stepsCard) {
    overflow: hidden;
}

.stepsCard {
    padding-bottom: 5px;
    position: relative;
}
.stepsCard:after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(58,196,245,100%) 0%, rgba(14,14,138,1) 100%);
    position: absolute;
    top: 0px;
    left: 0;
    border-radius: 17px;
    opacity: 0;
    transition: 0.3s linear;
}
.stepsCard:hover:after {
    opacity: 1;
    transition: 0.3s linear;
}
.stepCard__block {
    background: var(--white);
    border-radius: 10px;
    border: 3px solid var(--daikin_grey2);
    padding: 32px 48px;
    text-align: center;
    box-shadow: 0px 0px 0px 0px transparent;
    transition: 0.3s linear;
    position: relative;
    z-index: 1;
    height: 100%;
}
.stepsCard:hover .stepCard__block {
    border-color: transparent;
    box-shadow: -138px 282px 88px 0px rgba(1, 30, 49, 0.00), -6px 11px 28px 0px rgba(1, 30, 49, 0.10);
    transition: 0.3s linear;
}
.stepsCard picture {
    display: inline-block;
}

.stepsCard picture img {
    float: left;
}

.stepsCard picture.stepCard__img--icon img {
    width: auto;
    height: 44px;
}
.stepCard__title h3 {
    font-size: 24px;
    font-weight: 500;
    color: var(--daikin_blue);
    margin-bottom: 0;
}

.stepCard__title {
    margin-top: 25px;
}

.stepCard__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    margin: 0px 0px 32px 0px;
    color: #6D6E71;
}

.stepCard__btn .Link {
    background: linear-gradient(181deg, #004F73, #030E2E);
    color: var(--white);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    padding: 15px 16px;
    /*    min-width: 170px;*/
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s linear;
    box-shadow: 0px 0px 0px transparent;
}
/* CINEVISION PANEL END */

.nearDaikinButton {
    cursor: pointer;
}

/* EXTENDED SERVICES PLAN PAGE */
.splitBanner {
    display: grid;
    grid-template-columns: 45% 55%;
}

.splitBanner__content {
    background: var(--black);
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 20px 96px;
    padding-left: calc((100vw - var(--containerMd)) / 2);
}

.splitBanner__content__title h1 {
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px; /* 104.167% */
    letter-spacing: 0.5px;
    color: var(--white);
    margin: 16px 0px 32px 0px;
/*    word-break: break-word;*/
}

.splitBanner__content picture {
    margin: 16px 0px;
    display: inline-block;
}

.splitBanner__content .bodyText {
    color: #ebebeb;
}

.splitBanner__content__dwnLink {
    width: 100%;
    display: inline-block;
    margin: 16px 0px;
}

.splitBanner__content__dwnLink .Link {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: var(--white);
    position: relative;
    width: 100%;
    padding-right: 20px;
}

/*.splitBanner__content__dwnLink .Link:after {
    content: '';
    width: 16px;
    height: 16px;
    background: url('../images/download-icon--white.svg') center / contain no-repeat;
    position: absolute;
    right: 0px;
    top: calc(50% - 8px);
}*/

.splitBanner__image picture {
    display: inline-block;
    width: 100%;
    height: 100%;
    float: left;
}

.splitBanner__image img {
    width: 100%;
    height: 100%;
    max-height: 533px;
    float: left;
    object-fit: cover;
}
.splitBanner__btn {
    margin-top: 16px;
}

/* Accordion */
.w800 {
    width: min(100%, 800px);
    margin-inline: auto;
}

.csAccordion {
    margin: 16px 0px;
    width: 100%;
    display: inline-block;
    border-radius: 8px;
    border: 2px solid #E5E5E5;
    overflow: hidden;
}

.csAccordion__head {
    padding: 30px 85px 30px 100px;
    position: relative;
    cursor: pointer;
}

.csAccordion__head__count {
    width: 25px;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    color: var(--primaryBlue);
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
}

.csAccordion__title {
    margin: 0px;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
}

.csAccordion__body {
    padding: 0px 40px 32px 100px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    color: var(--primaryBlue);
    display: none;
}


.csAccordion__head__indicator {
    width: 86px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #B3D8EF;
}

.csAccordion__head__indicator:before, .csAccordion__head__indicator:after {
    content: '';
    width: 20px;
    height: 2px;
    background: #252B42;
    transition: 0.3s linear;
    position: absolute;
    right: calc(50% - 10px);
    top: calc(50% - 1px);
}

.csAccordion__head__indicator:after {
    transform: rotate(90deg);
    transition: 0.3s linear;
}

.csAccordion.active .csAccordion__title {
    color: var(--primaryBlue);
}

.csAccordion.active .csAccordion__head__indicator {
    transition: 0.3s linear;
    background: transparent;
}

.csAccordion.active .csAccordion__head__indicator:after {
    transform: rotate(0deg);
    transition: 0.3s linear;
}
/* Accordion End*/

/* EXTENDED SERVICES PLAN PAGE END */


/* INFLATION REDUCTION PAGE */
.splitOffset {
    display: grid;
    grid-template-columns: calc(55% - 105px) calc(45% - 105px);
    gap: 210px;
    align-items: center;
}

.splitOffset.reverse {
    grid-template-columns: calc(45% - 105px) calc(55% - 105px);
}

.splitOffestIframe {
    width: 100%;
    aspect-ratio: 1 / 0.58;
    border: 0px;
}

.splitOffset__Block picture {
    width: 100%;
    float: left;
}

.splitOffset__Block img {
    width: 100%;
    float: left;
}

.splitOffset__offsetIn {
    width: 100%;
    padding-right: calc((100vw - var(--containerMd)) / 2);
}
.iconTileBlock {
    padding: 32px 48px;
    text-align: center;
}
.splitOffset.reverse .splitOffset__Block {
    order: 1;
}
.splitOffset.reverse .splitOffset__offsetIn {
    order: 0;
    padding-right: 0;
    padding-left: calc((100vw - var(--containerMd)) / 2);
}
.zipHelpInputWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 20px;
}

.zipHelpInputWrapper__input {
    width: min(100%, 330px);
}

.zipHelpBlock__input {
    width: 100%;
    height: 40px;
    padding: 5px 14px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.12px;
    font-family: var(--fontP);
    border-radius: 8px;
    border: 2px solid #F2F2F2;
}

.zipHelpInputWrapper__item .btn.btn--hasFltrIcon .Link {
    width: 164px;
}

.zipHelpInputWrapper__item {
    float: left;
}

.zipHelpInputWrapper__item .btn {
    display: inline-block;
    float: left;
}

.testimonyCard {
    display: grid;
    width: min(100%, 650px);
    grid-template-columns: 65% 35%;
    margin-inline: auto;
    background: radial-gradient(176.22% 91.39% at -13.6% 100%, rgba(255, 255, 255, 0.00) 0%, #FFF 100%), linear-gradient(53deg, rgba(0, 151, 224, 0.25) -13.13%, rgba(116, 196, 232, 0.25) 13.15%, rgba(255, 255, 255, 0.25) 37.86%);
    border-radius: 12px;
    box-shadow: -138px 282px 88px 0px rgba(1, 30, 49, 0.00), -6px 11px 20px 0px rgba(1, 30, 49, 0.10);
    margin-top: 64px;
    padding: 47px 0px 0px 32px;
    overflow: hidden;
}

.testimonyCard__content {
    padding: 0px 32px;
    position: relative;
}

.testimonialCard__quote {
    width: 20px;
    height: 16px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.testimonialCard__quote img {
    width: 100%;
}

.testimonialCard__text {
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: 22px; /* 183.333% */
    letter-spacing: 0.36px;
    color: var(--secondaryColor);
}

.testimonialCard__usr {
    display: flex;
    align-items: center;
    gap: 10px;
}

testimonialCard__usr__img picture {
    width: 50px;
    height: auto;
}

.cmpName {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.testimonyCard__image picture {
    display: flow-root;
    height: 100%;
}

.testimonyCard__image img {
    height: 100%;
    width: auto;
    object-fit: cover;
    float: left;
}

.pintileMainWrap {
    overflow-x: hidden;
}

.pintileMainWrap.p-64 {
    padding: 64px 0px;
}

.pintileMainWrap.p-32 {
    padding: 32px 0px;
}

.autoWidthPintiles {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
}

.autoWidthTile {
    flex: 1 0 200px;
}

.autoWidthTile__content {
    position: relative;
    padding: 32px;
    text-align: center;
    border-radius: 12px;
    background: transparent;
    transition: 0.3s linear;
    height: 100%;
}

.autoWidthTile__anchor .Link {
    font-size: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.autoWidthTile__content picture {
    display: inline-block;
}

.autoWidthTile__content img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.autoWidthTile__content:hover {
    background: rgb(255 255 255 / 0.08);
    transition: 0.3s linear;
}

.autoWidthTile__title h6 {
    font-size: 14px;
    font-weight: 500;
    margin: 16px 0px;
    color: var(--white);
}

.autoWidthTile__text {
    color: rgba(255, 255, 255, 0.60);
    margin: 0;
}

/* INFLATION REDUCTION PAGE END */


/* 404 PAGE */
.siteOptionList {
    width: min(100%, 940px);
    margin-inline: auto;
    background: var(--daikinGradientRt);
    padding: 32px;
    text-align: left;
    color: var(--white);
    position: relative;
}

.siteOptionList.siteOptionList--fullWidth {
    width: 100%;
    background: transparent;
    padding: 32px 0px;
}

.siteOptionList h6 {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.48px;
    text-transform: uppercase;
    margin: 0 0 32px 0px;
    text-align: left;
    position: relative;
}

.siteOptionLink .Link {
    padding: 10px 30px 10px 20px;
    position: relative;
    width: 100%;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    color: var(--white);
}

.siteOptionLink .Link:before {
    content: '';
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    background: var(--primaryBlue);
    top: 0px;
    transition: 0.3s linear;
    transform: rotateX(90deg);
}

.siteOptionLink .Link:hover:before {
    transition: 0.3s linear;
    transform: rotateX(0deg);
}

.siteOptionLink .Link:hover {
    font-weight: 500;
}

.siteOptionLink .Link:after {
    content: '';
    width: 24px;
    height: 24px;
    background: url('../images/link-arrow-white.svg') center / contain no-repeat;
    position: absolute;
    right: 0px;
    top: calc(50% - 12px);
    transition: 0.3s linear;
    opacity: 0;
}

.siteOptionLink .Link:hover:after {
    opacity: 1;
    transition: 0.3s linear;
}

.siteOptionList.siteOptionList--dark :is(h6, .siteOptionLink .Link) {
    color: var(--secondaryColor);
}

.siteOptionList.siteOptionList--dark .siteOptionLink .Link:after {
    background: url("../images/link-arrow-blue.svg") center / contain no-repeat;
}

.siteOptionTextULinkALabel {
    color: var(--secondaryColor);
}

.siteOptionTextULink .Link {
    color: var(--secondaryColor);
    text-decoration: underline;
    transition: 0.3s linear;
}

.siteOptionLinkWrap__content {
    padding: 10px 20px 10px 30px;
}

.siteOptionTextULink .Link:hover {
    color: var(--primaryBlue);
    transition: 0.3s linear;
}

/* 404 PAGE END */


/* TAX CREDITS PAGE */

.taxCertifications__Item, .warrantyInfos__Item {
    background: var(--daikinGradient);
    padding: 30px;
    border-radius: 20px;
    background: transparent;
    color: var(--black);
    margin: 10px 0px;
    transition: 0.3s linear;
}

:is(.taxCertifications__Item, .warrantyInfos__Item):hover {
    background: linear-gradient(135deg, rgba(207, 238, 253, 0.37) 6.24%, rgba(226, 243, 251, 0.42) 92.04%);
    box-shadow: 0px 1.203px 3.609px 0px rgba(255, 255, 255, 0.25) inset, 0px 0.535px 12.835px -0.535px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(30.978445053100586px);
    transition: 0.3s linear;
}

.taxCertifications__Item__title, .warrantyInfos__Item__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    color: var(--secondaryColor);
    text-align: center;
    margin: 0px 0px 35px 0px;
    min-height: 82px;
}

.taxCertifications__Item__imgIn, .warrantyInfos__Item__imgIn {
    border-bottom: 1px solid #8C8C8C;
    height: 207px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 30px 0px;
}

.taxCertifications, .warrantyInfos {
    padding-bottom: 45px;
    padding-left: 10px;
}

.taxCertifications__Item__link, .warrantyInfos__Item__link {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: var(--secondaryColor);
    text-decoration: none;
    display: flex;
    align-items: center;
}

.taxCertifications__Item__linkWrap, .warrantyInfos__Item__linkWrap {
    text-align: center;
    margin-top: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*:is(.taxCertifications__Item__link):after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../images/download-icon--white.svg') center / contain no-repeat;
    margin-left: 5px;
    transform: rotateY(0deg);
    transition: 0.3s linear;
    filter: invert(0.8);
}*/

:is(.taxCertifications__Item__link, .warrantyInfos__Item__link):hover:after {
    transform: rotateY(180deg);
    transition: 0.3s linear;
}

:is(.taxCertifications__Item__imgIn, .warrantyInfos__Item__imgIn) img {
    width: 190px;
    max-height: 190px;
    object-fit: contain;
    margin-inline: auto;
    display: block;
}

.csTabHolder {
    margin-top: 30px;
    width: 100%;
    display: inline-block;
}

.csTabHead {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    list-style-type: none;
    gap: 40px;
    position: relative;
    margin: 0px 0px 32px 0px;
    width: auto;
    max-width: 100%;
    overflow: auto;
}

.csTabHead__title {
    padding-bottom: 20px;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #98A2B3;
    transition: 0.3s linear;
    cursor: pointer;
    flex-shrink: 0;
}

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

.csTabHead:after {
    content: '';
    width: 100%;
    height: 4px;
    background: #EAECF0;
    position: absolute;
    bottom: 0px;
}

.csTabHead__title:after {
    content: '';
    width: 100%;
    height: 4px;
    background: var(--primaryBlue);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: 0.3s linear;
    transform: rotateY(90deg);
}

.csTabHead__title.active {
    color: var(--primaryBlue);
    font-weight: 600;
    transition: 0.3s linear;
}

.csTabHead__title.active:after {
    transition: 0.3s linear;
    transform: rotateY(0deg);
}

.cstabData {
    padding: 32px;
    border-radius: 32px;
    background: var(--daikin_grey2);
}

.cstabData h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 38px; /* 126.667% */
}

.prodTabBody h2.sideTitle {
    width: 100%;
    display: inline-block;
    margin-top: 50px;
}

.cstabData__content > ul {
    padding: 0px 10px;
    list-style-type: "+";
    list-style-position: outside;
}

.cstabData__content > ul > li {
    padding-left: 5px;
}

.cstabData__content > ul > li > ul {
    list-style-type: disc;
}

.cstabData__content ul li {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    color: #667085;
}

.cstabData:not(.active) {
    display: none;
}

.commolList {
    padding-left: 20px;
    font-size: 14px;
    margin: 0px 0px 30px 0px;
}

.commolList li {
    font-size: 14px;
    line-height: 25px;
}

/* TAX CREDITS PAGE END */

/* WARRANTY INFORMATION PAGE */

.blueCard {
    background: var(--daikinGradientRt);
    padding: 24px;
    border-radius: 24px;
    color: var(--white);
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.10);
}

.blueCard .d-inline-block {
    width: 100%;
    display: inline-block;
    padding-bottom: 16px;
    border-bottom: 1px solid #B3D8EF;
}

.blueCard img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    float: left;
    border-radius: 10px;
}

.blueCard h5 {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 5px 0px 5px 0px;
}

.arrowTextLink .Link {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: var(--white);
    padding-right: 20px;
    position: relative;
}

.arrowTextLink .Link:after {
    content: "";
    width: 14px;
    height: 14px;
    background: url("../images/link-arrow-white.svg") center / contain no-repeat;
    position: absolute;
    right: 0;
    top: calc(50% - 7px);
    transition: 0.3s linear;
    transform: rotateX(0deg)
}

.arrowTextLink .Link:hover:after {
    transition: 0.3s linear;
    transform: rotateX(360deg)
}

.blueCard .arrowTextLink {
    text-align: right;
}

/*.warrantyInfos__Item {
    background: var(--daikinGradient);
    color: var(--white);
}*/

/*.warrantyInfos__Item__title {
    color: var(--white);
}

.warrantyInfos__Item__link {
    color: var(--white);
}
*/

.warrantyInfos__Item__link:after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../images/link-arrow-black.svg') center / contain no-repeat;
    margin-left: 5px;
    transform: rotateY(0deg);
    transition: 0.3s linear;
}



/* WARRANTY INFORMATION PAGE END */


/* REABTES AND OFFERS PAGE */

.rebatesIframe {
    width: calc(100% + 30px);
    margin: 0px -15px;
}

.rebatesIframe iframe {
    width: 100%;
    min-height: 3170px;
    border: 0px;
}

/* REBATES AND OFFERS PAGE END */

/* BLOG CARDS */

.blogsCard__item {
    border-radius: 25px;
    border: 1px solid #B3D8EF;
    padding: 24px;
    background: var(--white)
}

.blogsCard__item__img img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    border-radius: 10px;
    float: left;
}

.blogsCard__item__img {
    display: flow-root;
}

.blog__category {
    background: #004F73;
    text-transform: uppercase;
    color: var(--white);
    padding: 2px 10px;
    border-radius: 26px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    margin: 0px 0px 16px 0px;
    display: inline-block;
}

.blogsCard__item__content {
    padding: 18px 0px;
    margin-top: 18px;
    border-top: 1px solid #B3D8EF;
    min-height: 265px;
    position: relative;
}

.blogsCard__item__content h5 {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    margin: 0px 0px 16px 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.dateText {
    font-weight: 600;
    color: #8C8C8C;
}

.blogsCard__item__content .bodyText:not(.dateText) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.blogsCard__item__content .blogTwosidedLink {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

/*.blog__readMore {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--black);
    padding-right: 20px;
    position: relative;
    transition: 0.3s linear;
}

.blog__readMore:hover {
    color: var(--lt_blue);
    transition: 0.3s linear;
}

.blog__readMore:after {
    content: '';
    width: 12px;
    height: 12px;
    background: url("../images/link-arrow-black.svg") center / contain no-repeat;
    position: absolute;
    right: 0px;
    top: calc(50% - 6px);
    transform: rotateX(0deg);
    transition: 0.3s linear;
}

.blog__readMore:hover:after {
    transform: rotateX(360deg);
    transition: 0.3s linear;
}*/

:not(.blogCard--navigation) .blogsCardSlider :is(.csSlider-navigation, .csSlider-pagination) {
    display: none;
}

.blogCard--navigation .blogsCardSlider :is(.csSlider-navigation, .csSlider-pagination) {
    display: flex !important;
}

:not(.blogCard--navigation) .csSlider-navigation:has(.swiper-button-lock) {
    display: none !important;
}

:not(.blogsCardSlider) .csSlider-navigation {
    display: flex;
}

.csSlider-navigation {
    width: calc(var(--container) - 30px);
    border-top: 1px solid #5A5A5A;
    margin-top: 40px;
    align-items: center;
    justify-content: space-between;
}

.csSlider-navigation:has(.swiper-button-lock) {
    display: none;
}

:is(.csSlider-prev, .csSlider-next) {
    padding: 10px;
    margin: 15px 0px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    cursor: pointer;
}

.csSlider-prev {
    padding-left: 20px;
}

.csSlider-next {
    padding-right: 20px;
}

:is(.csSlider-prev, .csSlider-next):after {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    top: calc(50% - 6px);
}

.csSlider-prev:after {
    left: 0px;
    background: url("../images/arrow-left-dark.svg") center/ contain no-repeat;
}

.csSlider-next:after {
    right: 0px;
    background: url("../images/arrow-right-dark.svg") center/ contain no-repeat;
}

.csSlider-navigation.inWhite .csSlider-prev:after {
    background: url("../images/arrow-right-white.svg") center/ contain no-repeat;
    transform: scaleX(-1);
}

.csSlider-navigation.inWhite .csSlider-next:after {
    background: url("../images/arrow-right-white.svg") center/ contain no-repeat;
}

:is(.csSlider-prev, .csSlider-next).swiper-button-disabled {
    opacity: 0.3;
    pointer-events: none;
}

.csSlider-pagination {
    position: absolute;
    bottom: 15px !important;
    left: calc(var(--container) /2) !important;
    text-align: center;
    justify-content: flex-start;
}

.csSlider-pagination .swiper-pagination-bullet {
    width: 40px;
    height: 40px;
    transform: scale(1);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 40px;
    background: transparent;
    margin: 0 !important;
    color: #667085;
    opacity: 1;
    flex-shrink: 0;
}

.csSlider-pagination .swiper-pagination-bullet-active.swiper-pagination-bullet-active-main {
    background: linear-gradient(134.62deg, rgba(207, 238, 253, 0.37) 6.24%, rgba(226, 243, 251, 0.42) 92.04%);
    color: #252B42
}

.csSlider-pagination.inWhite .swiper-pagination-bullet-active.swiper-pagination-bullet-active-main {
    background: var(--white);
    color: var(--black);
}

/* BLOG CARDS END */

/* BUYERS GUIDE */

.spiralVideo .sc-video__wrapper {
    filter: brightness(0.5);
}

.prefilledCardBlock {
    display: flex;
    color: var(--white);
    flex-wrap: wrap;
    gap: 30px;
    flex: 1 1 230px;
    padding-bottom: 60px;
}

.preFilledCard {
    margin: 0;
    background: var(--secondaryColor);
    padding: 30px 60px 30px 30px;
    flex: 1 0 212px;
    border-radius: 12px;
    font-size: 16px;
    position: relative;
    font-weight: 500;
    cursor: pointer;
}

.preFilledCard:after {
    content: '';
    width: 24px;
    height: 24px;
    background: url("../images/link-arrow-white.svg") center / contain no-repeat;
    position: absolute;
    right: 30px;
    top: calc(50% - 12px);
    transform: rotateX(0deg);
}

.preFilledCard:hover:after {
    transform: rotateX(360deg);
    transition: 0.3s linear;
}

.preFilledCard__link .Link {
    font-size: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.preFilledCard__text {
    margin: 0;
}

.glassTile {
    padding: 48px;
    color: var(--white);
    border-radius: 12px;
    background: linear-gradient(271.42deg, rgba(0, 151, 224, 0.2) -14.47%, rgba(116, 196, 232, 0) 14.19%, rgba(179, 216, 239, 0) 39.67%, rgba(116, 196, 232, 0.1) 77.24%, rgba(0, 151, 224, 0.2) 112.9%);
    box-shadow: 0px 0.49px 11.68px -0.49px #0000002E, 0px 1.64px 1.1px 0px #FFFFFF40 inset, 0.55px -0.55px 3.83px 0px #FFFFFF1A inset;
    transition: all 0.3s linear;
    text-decoration: none;
    text-align: center;
    backdrop-filter: blur(0px);
}

.glassTile:hover {
    backdrop-filter: blur(13.963233947753906px);
    background: linear-gradient(271.42deg, rgba(0, 151, 224, 0.2) -14.47%, rgba(116, 196, 232, 0.2) 14.19%, rgba(179, 216, 239, 0.2) 39.67%, rgba(116, 196, 232, 0.2) 77.24%, rgba(0, 151, 224, 0.2) 112.9%);
    transition: all 0.3s linear;
}

.glassTile img {
    width: auto;
    max-width: 100%;
    height: 160px;
    margin-inline: auto;
    display: block;
}

.glassTile__content h4 {
    font-size: 24px;
    font-weight: 500;
    margin: 0 0px 20px 0px;
}

.glassTile__content p {
    margin: 0;
}

/* BUYERS GUIDE END */

/* LEARNING CENTER */

.bannerContent .site-search__inner-wrapper {
    padding: 0;
}

.pageSection.exDark {
    background: linear-gradient(181.41deg, #191d1f -33.57%, #030E2E 96.81%);
}

.tickBlockWrapper__content {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.tickBlock {
    margin: 0;
    padding: 30px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: var(--white);
    text-align: center;
    background: transparent;
    transition: 0.3s linear;
    border-radius: 12px;
    cursor: pointer;
    flex: 1 0 210px;
}

.tickBlock:hover {
    background: rgb(255 255 255 / 0.05);
    transition: 0.3s linear;
}

.tickBlock .iconIn {
    width: 25px;
    height: 25px;
    background: url("../images/tick-round-white.svg") center / contain no-repeat;
    margin-bottom: 10px;
}

.subBlock__title h4 {
    font-size: 24px;
    margin: 30px 0px 30px 0px;
    font-weight: 600;
}

.quickSectionSlide {
    background: var(--bg);
    padding: 20px;
    border-radius: 0px;
    min-height: 375px;
    display: flex;
    align-items: center;
    transition: 0.3s linear;
}

.quickSectionSlide:hover {
    border-radius: 10px;
    transition: 0.3s linear;
}

.quickSectionSlide__content {
    width: min(100%, 236px);
    margin-inline: auto;
}

.quickSectionSlide__content h2 {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0.05px;
    margin: 0px 0px 10px 0px;
    color: var(--clr, #101828);
}

.quickSectionSlide__content p {
    color: var(--clr, #101828);
}

.quickSectionSlide__content .btn.btn--blue .Link {
    margin-top: 20px;
    background: var(--daikinGradientRt);
    border-radius: 5px;
}

/* LEARNING CENTER END */

/* HOME SOLUTIONS PAGE */

.bannerWithLinks {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 20px;
    align-items: center;
    position: relative;
}

.bannerWithLinks:not(.bannerWithLinks--noOverlay):before {
    content: '';
    width: 100%;
    height: 100%;
    background: var(--daikinDeepBlue);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.5;
    border-radius: 100%;
    filter: blur(128px);
}

.bannerWithLinks .bannerWithLinks__content {
    text-align: left;
}

.bannerWithLinks .bannerContent {
    text-align: left;
}

.bannerWithLinks .bannerCategory {
    margin-bottom: 15px;
}

.bannerWithLinks .bannerTitle h1, .bannerWithLinks .bannerTitle.h1Style h2 {
    font-size: 48px;
    line-height: 60px;
    margin: 0;
    font-weight: 500;
}

.bannerWithLinks__wrap {
    border-radius: 0px 0px 10px 10px;
    border-top: 3px solid var(--primaryBlue);
    background: linear-gradient(183deg, rgba(255, 255, 255, 0.20) -107.08%, rgba(10, 95, 151, 0.20) 114.11%), rgba(0, 0, 0, 0.24);
    box-shadow: 0.549px -0.549px 3.844px 0px rgba(255, 255, 255, 0.10) inset, 0px 1.647px 1.098px 0px rgba(255, 255, 255, 0.25) inset, 0px 0.488px 11.716px -0.488px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(14px);
    padding: 24px 35px;
}

.bannerLinks__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    margin: 0px;
    color: var(--daikin_grey2);
}

.IconlinkWithArrow {
    position: relative;
    margin: 13px 0px;
}

.iconLinkWithArrow__link .Link {
    padding: 10px 40px 10px 45px;
    display: flex;
    color: var(--white);
    position: relative;
    background: transparent;
    transition: 0.3s linear;
    width: auto;
    max-width: 232px;
}

.iconLinkWithArrow__link .Link:hover {
    background: rgba(255, 255, 255, 0.10);
    border-radius: 12px;
    transition: 0.3s linear;
}

.iconLinkWithArrow__link.active .Link {
    background: rgba(255, 255, 255, 0.10);
    border-radius: 12px;
    transition: 0.3s linear;
    pointer-events: none;
}

.IconlinkWithArrow__icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: calc(50% - 12px);
    left: 10px;
}

.IconlinkWithArrow__icon picture {
    display: flow-root
}

.IconlinkWithArrow__icon picture ing {
    width: 24px;
    height: auto;
    max-height: 24px;
    object-fit: contain;
    float: left
}

.iconLinkWithArrow__link .Link:after {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: calc(50% - 12px);
    background: url("../images/chev-down.svg") center / 14px no-repeat;
    transform: rotate(-90deg);
    filter: invert(1);
}

.IconlinkWithArrow--noIcon .IconlinkWithArrow__icon {
    display: none;
}

.IconlinkWithArrow--noIcon .iconLinkWithArrow__link .Link {
    padding-left: 20px;
}

.bannerContentWrapNt {
    max-width: 500px;
}

.bannerContentWrapNt .bannerText p {
    color: var(--secondaryTetx);
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

.bannerContentWrapNt h2 {
    margin-bottom: 10px;
}

.bannerWithLinks__wrap.glassIn {
    background: var(--daikinGlass);
}

.bannerWithLinks__wrap.glassIn .IconlinkWithArrow__icon img {
    filter: invert(1);
}

.bannerWithLinks__wrap.glassIn .iconLinkWithArrow__link .Link {
    color: var(--black);
    max-width: none;
}

.bannerWithLinks__wrap.glassIn .iconLinkWithArrow__link .Link:after {
    filter: hue-rotate(45deg);
}

.bannerWithLinks__wrap.glassIn .iconLinkWithArrow__link .Link:hover {
    background: rgba(0, 0, 0, 0.10);
}


.splitOffset.splitOffset--half {
    grid-template-columns: calc(50% - 50px) calc(50% - 50px);
    gap: 100px;
}

.twoSideHeader.partial {
    grid-template-columns: 1fr 1fr;
}

.twoSideHeader__button.newsLetterContent {
    margin: auto 0 auto auto;
}

.infoCardsWrapper + .infoCardsWrapper {
    margin-top: 20px;
}

.infoCard {
    display: flow-root;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.infoCard__image {
    transform: rotateY(0deg);
    transition: 0.2s linear;
    transition-delay: 0.2s;
}

.infoCard__img__in {
    display: flow-root;
}

.infoCard__img__in img {
    float: left;
    width: 100%;
}

.infoCard__image h3 {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--daikinGradient);
    font-size: 20px;
    color: var(--white);
    font-weight: 500;
    text-align: center;
    margin: 0px;
    border-radius: 0px 0px 10px 10px;
}

.infoCard__content {
    width: 100%;
    height: 100%;
    background: linear-gradient(271.42deg, rgba(0, 151, 224, 0.2) -14.47%, rgba(116, 196, 232, 0.2) 14.19%, rgba(179, 216, 239, 0.2) 39.67%, rgba(116, 196, 232, 0.2) 77.24%, rgba(0, 151, 224, 0.2) 112.9%);
    box-shadow: 0px 0.49px 11.68px -0.49px #0000002E, 0px 1.64px 1.1px 0px #FFFFFF40 inset, 0.55px -0.55px 3.83px 0px #FFFFFF1A inset;
    backdrop-filter: blur(13px);
    position: absolute;
    left: 0;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: 0.2s linear;
    padding: 10px 20px;
    transform: rotateY(90deg);
}

.infoCard__content h3 {
    font-size: 20px;
    color: var(--white);
    font-weight: 500;
    text-align: center;
    margin: 0px;
}

.infoCard__content__text {
    margin-top: 30px;
    color: var(--white)
}

.infoCard:hover .infoCard__image {
    transform: rotateY(90deg);
    transition: 0.2s linear;
}

.infoCard:hover .infoCard__content {
    width: 100%;
    height: 100%;
    transform: rotateY(0deg);
    transition: 0.2s linear;
    transition-delay: 0.2s;
}

/*.infoCard:hover .infoCard__content .infoCard__content__text {
    display: block;
}*/

.iconBlockLink {
    width: 100%;
    position: relative;
    display: flex;
    padding: 10px 40px 10px 10px;
    border-radius: 12px;
    cursor: pointer;
    margin: 5px 0px;
}

.iconBlockLink__icon {
    width: 24px;
}

.iconBlockLink__icon img {
    width: 24px;
    height: auto;
    display: inline-block;
}

.iconBlockLink__content {
    width: calc(100% - 24px);
    padding-left: 15px;
}

.iconBlockLink__title {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

.iconBlockLink:after {
    content: '';
    width: 10px;
    height: 10px;
    background: url("../images/link-arrow-gradient.svg") center / contain no-repeat;
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: 0;
    transition: 0.3s linear;
}

.iconBlockLink__text {
    font-size: 14px;
    line-height: 24px;
    margin-top: 5px;
    display: none;
    transform-origin: top;
}

.iconBlockLink:hover {
    background: var(--daikin_grey2);
}

.iconBlockLink:hover:after {
    opacity: 1;
    transition: 0.3s linear;
}

.iconBlockLink:hover .iconBlockLink__text {
    display: block;
    animation: 0.3s openIn linear forwards;
}

.iconBlockLink__anchor .Link {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 0;
}

.OverlapBlock {
    gap: 0;
    display: grid;
    grid-template-columns: min(35%, 400px) min(65%, 100%);
}

.OverlapBlock__base {
}

.OverlapBlock__content {
    padding: 40px 0px;
    height: 100%;
}

.OverlapBlock__base picture {
    display: flow-root;
}

.OverlapBlock__base img {
    float: left;
}

.overlapBlock__main {
    background: linear-gradient(271.42deg, rgba(0, 151, 224, 0.2) -14.47%, rgba(116, 196, 232, 0.2) 14.19%, rgba(179, 216, 239, 0.2) 39.67%, rgba(116, 196, 232, 0.2) 77.24%, rgba(0, 151, 224, 0.2) 112.9%);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
}

.overlapBlock__main__img {
    width: min(40%, 290px);
    transform: translateX(-50%);
    flex-shrink: 0;
}

.overlapBlock__main__content {
    transform: translateX(-55px);
}

.tsIconTile {
    text-align: center;
    padding: 32px;
}

.tsIconTile .bodyText {
    line-height: 24px;
}

.tsIconTile__title {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.gradientCard {
    background: linear-gradient(181deg, #004F73 -33.57%, #030E2E 96.81%);
    border-radius: 10px;
    box-shadow: -138px 282px 88px 0px rgba(1, 30, 49, 0.00), -6px 11px 28px 0px rgba(1, 30, 49, 0.10);
    padding: 32px;
    margin-top: 40px;
    color: var(--white);
}

.gradientCard__title h4 {
    color: var(--lt_blue);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    margin: 0;
}

.gradientCard__content picture {
    display: flow-root;
    margin-bottom: 15px;
}

.cardContent picture {
    display: flow-root;
}

.cardContent :is(img, .cardContent__chip) {
    width: 100%;
    aspect-ratio: 1 / 0.56;
    border-radius: 10px;
    overflow: hidden;
}

.cardContent__chip {
    background: var(--primaryBlue);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    text-align: center;
}

.cardContent__chip h3 {
    font-size: 24px;
    font-weight: 500;
    color: var(--secondaryColor);
    margin: 0;
}

.cardContent__info__in {
    display: flex;
    margin: 25px 0;
}

.cardContent__info__in .btn {
    flex-shrink: 0;
}

.cardContent__info__in p {
    color: #667085;
}

.graphBgBlock__main {
    display: block;
    width: min(100%, 1040px);
    margin-inline: auto;
    position: relative;
    z-index: 1;
}

.graphBgBlock {
    padding: 132px 20px 0px 20px;
    position: relative;
}

.graphBgBlock__bg {
    display: flow-root;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.graphBgBlock__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.hfArticleBlock__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hfArticleBlock__title h4 {
    font-size: 24px;
    font-weight: 500;
}

.textArrowLink .Link {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: var(--primaryBlue);
    padding-right: 25px;
    position: relative;
}

.textArrowLink .Link:after {
    content: '';
    width: 18px;
    height: 18px;
    background: url("../images/link-arrow-blue.svg") center / contain no-repeat;
    position: absolute;
    right: 0;
    top: calc(50% - 9px);
    transition: 0.3s linear;
    transform: rotate(45deg);
}

.textArrowLink .Link:hover:after {
    animation: 0.5s movingRight ease-in infinite;
}

.hfArticleBlock {
    margin-bottom: 50px;
}

.hfArticleBlock .blogsCard__item {
    border-radius: 10px;
    border-color: var(--daikin_grey2);
    background: var(--white);
}

.hfArticleBlock .blogsCard__item__content {
    margin-top: 0;
    border: 0px;
    min-height: 225px;
}

.hfArticleBlock .dateText {
    display: none;
}


/* banner content slider */
.bannerWithSlider {
    display: flex;
    padding: 25px 0px;
    min-height: 465px;
    align-items: center;
}

.bannerSection.pdSm {
    padding: 32px 0px;
}

.bannerWithSlider .bannerTitle h1 {
    font-size: 48px;
    line-height: 60px;
    margin: 0;
}

.bannerWithSlider__content {
    width: calc(100% - 300px);
    padding-right: 60px;
}

.bannerWithSlider.slider--out .bannerWithSlider__content {
    width: 100%;
}

.bannerWithSlider__slider {
    width: 300px;
    padding: 24px 32px;
    border-radius: 0px 0px 10px 10px;
    border-top: 3px solid var(--primaryBlue, #31A0FE);
    background: linear-gradient(183deg, rgba(255, 255, 255, 0.40) -107.08%, rgba(10, 95, 151, 0.40) 114.11%), rgba(0, 0, 0, 0.44);
    box-shadow: var(--daikinShadow);
    backdrop-filter: blur(13.963233947753906px);
}

.bannerSlider__title {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color: var(--daikin_grey2);
    margin: 0px 0px 12px 0px;
}

.bannerOptItem {
    position: relative;
    border-radius: 12px;
    background: transparent;
    overflow: hidden;
    margin: 5px 0px;
}

.bnSlide__title {
    padding-left: 50px;
    font-size: 14px;
    font-weight: 500;
    color: var(--daikin_grey2);
}

.bannerOptSlide__title picture {
    position: absolute;
    left: 10px;
}

.bannerOptSlide__title picture img {
    width: 24px;
    float: left;
}

.bnSlide__link {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0px;
    z-index: 1;
}
.bnSlide__link .Link {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer
}

.bnSlide__text {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    color: var(--white);
    padding: 0px 23px;
    display: none;
    transform-origin: top;
}

.bannerOptItem:hover {
    background: rgba(255, 255, 255, 0.22);
}

.bannerOptItem:hover .bnSlide__text {
    display: block;
    animation: 0.3s openIn linear forwards;
}

.bannerWithSlider__content .bannerContent {
    text-align: left;
}

.bannerOptionSlider-navigation {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
}

.bannerOptionSlider-navigation > div {
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.bannerOptionSlider-navigation > div.swiper-button-disabled {
    opacity: 0.2;
    pointer-events: none;
}

.sliderOptionRight {
    background: url(../images/arrow-right-white.svg) center / contain no-repeat;
}

.sliderOptionLeft {
    background: url(../images/arrow-right-white.svg) center / contain no-repeat;
    transform: rotate(180deg)
}

/* banner content slider */

@keyframes movingRight {
    0% {
        right: 0px;
    }

    50% {
        right: 5px;
    }

    100% {
        right: 0px;
    }
}


@keyframes openIn {
    from {
        opacity: 0;
        transform: rotateX(90deg)
    }

    to {
        opacity: 1;
        transform: rotateX(0deg)
    }
}

/* HOME SOLUTIONS PAGE END */

/* DAIKIN DELIVERS PAGE */

.pageSection.hasSideOverlay {
    background-position: center;
    position: relative;
    overflow: hidden;
}

.pageSection.hasSideOverlay:before {
    content: '';
    width: 80%;
    height: 50%;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 1392.919px;
    opacity: 0.7;
    background: var(--daikinDeepBlue);
    filter: blur(128px);
}

.pageSection.hasSideOverlay .pageSection__content {
    position: relative;
}

.productHighlightBlock {
    width: min(100%, 785px);
    margin-inline: auto 0px;
    padding: 40px 80px;
    border-radius: 12.465px;
    border-bottom: 6px solid rgba(51, 255, 108, 0.70);
    background: var(--daikinGradient);
    box-shadow: -172.014px 351.507px 109.69px 0px rgba(1, 30, 49, 0.00), -7.479px 13.711px 34.901px 0px rgba(1, 30, 49, 0.10);
    color: var( --white);
}

.productHighlightBlock__content h2 {
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0.05px;
    color: var(--daikin_grey2);
}

.productHighlightBlock__text {
    font-size: 17px;
    font-weight: 400;
    line-height: 32px;
    color: var(--white);
}

.productHighlightBlock .gridParent {
    margin-top: 20px;
}

.productSpecList {
    width: 100%;
    display: inline-block;
    margin: 15px 0px;
}

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

.productSpecList__title {
    margin-bottom: 0;
    color: var(--dakin_grey2);
}

.productHighlightBlock picture.d-inline-block {
    display: flow-root;
}

.productSpecList__header picture img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    float: left;
    margin-right: 10px;
}

.productSpecList__content {
    margin-top: 7px;
}

.productSpecList__content__text {
    font-size: 10px;
    font-weight: 400;
    line-height: 13px;
    margin: 2px 0px;
    padding-left: 18px;
    position: relative;
}

.productSpecList__content__text:before {
    content: "";
    width: 4px;
    height: 4px;
    background: var(--daikin_grey2);
    position: absolute;
    left: 5px;
    top: 3px;
    border-radius: 6px;
}

.gradientTextLink .Link {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.75px;
    background: var(--daikinGradientSt);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.gradientTextLink.gradientTextLink--hasLink .Link {
    padding-right: 25px;
    position: relative;
}

.gradientTextLink.gradientTextLink--hasLink .Link:after {
    content: '';
    width: 16px;
    height: 16px;
    background: url("../images/arrow-right-blue-gradient.svg") center / contain no-repeat;
    position: absolute;
    right: 0;
    top: calc(50% - 8px);
}

.gradientTextLink.gradientTextLink--hasLink .Link:hover:after {
    animation: 0.5s movingRight ease-in infinite;
}

.productHighlightBlock .gradientTextLink .Link {
    margin-top: 10px;
}

/* DAIKIN DELIVERS PAGE END */

/* DAIKIN DIFFERENCE */

.fourColParent__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
}

.FourColChild__content {
    text-align: center;
}

.FourColChild {
    flex: 1 0 250px;
}

.ddTabBlock {
    margin-bottom: 64px;
}

.ddTab__content {
    margin-top: 40px;
}

.ddTab__head__list {
    display: flex;
    gap: 58px;
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: relative;
}

:is(.ddTab__head__list, .ddTab__head__list li):after {
    content: '';
    width: 100%;
    height: 4px;
    border-radius: 10px;
    background: #98A2B3;
    position: absolute;
    left: 0;
    bottom: 0;
}

.ddTab__head {
    display: flex;
    justify-content: center;
    width: auto;
}

.ddTab__head__list li {
    padding: 5px 5px 16px 5px;
    font-size: 14px;
    font-weight: 500;
    color: #98A2B3;
    cursor: pointer;
    position: relative;
    transition: 0.3s linear;
}

.ddTab__head__list li:hover {
    color: var(--black);
    transition: 0.3s linear;
}

.ddTab__head__list li:after {
    background: var(--daikinDeepBlue);
    z-index: 1;
    transition: 0.3s linear;
    transform: rotateY(90deg);
    transform-origin: left;
}

.ddTab__head__list li.active {
    color: var(--black);
    transition: 0.3s linear;
}

.ddTab__head__list li.active:after {
    transition: 0.3s linear;
    transform: rotateY(0deg);
}

.hoverShowBlockParent {
    display: none;
    grid-template-columns: calc(55% - 48px) calc(45% - 48px);
    gap: 96px;
/*    align-items: center;*/
}

.hoverShowBlockParent.active {
    display: grid;
}

.hoverShowBlockParent__left h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
    color: #0d0c0c;
}

.hoverShowBlockParent__left {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.hoverShowBlock {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.hoverShowItem {
    padding: 0px 50px 0px 50px;
    position: relative;
    border-radius: 12px;
}

.hoverShowItem__icon {
    width: 24px;
    height: 24px;
    object-fit: contain;
    position: absolute;
    left: 12px;
    top: 0;
}

.hoverShowItem__title {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #475467;
    text-transform: uppercase;
}

.hoverShowItem:not(.active) .hoverShowItem__title {
    text-transform: uppercase;
}

.hoverShowItem____toggle {
    font-size: 14px;
    font-weight: 400;
    color: #475467;
    display: none;
}

.hoverShowItem____toggle ul {
    font-size: 12px;
    padding-left: 20px;
}

.hoverShowItem.active {
    padding: 20px 50px 20px 50px;
    background: var(--daikin_grey2);
    max-height: 350px;
    overflow: auto;
}

.hoverShowItem.active .hoverShowItem__icon {
    top: 20px;
}

.hoverShowItem.active .hoverShowItem____toggle {
    display: block;
    animation: 0.3s openIn linear forwards;
    transform-origin: top;
}

.hoverShowItem__image {
    display: none;
    width: 100%;
    height: auto;
}

.hoverShowItem__image img {
    width: 100%;
    height: auto;
}

.videoPlaceholderIn {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
/*    display: flow-root;*/
}

.videoPlaceholderIn:before {
    content: '';
    width: 68px;
    height: 48px;
    background: red;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 25%;
}

.videoPlaceholderIn:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 20px;
    border-color: transparent transparent transparent var(--white);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(calc(-50% + 4px), -50%);
}

.hoverShowItem__image.active {
    display: block;
}

section[connected-to] {
    display: none;
}

section[connected-section="reliablity"] ~ section[connected-to="reliablity"] {
    display: block
}

section[connected-section="innovation"] ~ section[connected-to="innovation"] {
    display: block
}

section:has([data-tab="training-education"].active) ~ section[connected-to="training-education"] {
    display: block
}


.arrowParent {
    display: none;
    margin-top: -64px;
}

.animatingArrow {
    width: 56px;
    height: 28px;
    background: url("../images/chev-down-blue.svg") center / contain no-repeat;
    display: block;
    margin-inline: auto;
    position: relative;
    animation: 0.65s upAndDown linear infinite;
}

.highlightProductTile {
    width: 100%;
    padding: 32px 64px;
    border-radius: 10px;
    border-bottom: 5px solid rgba(51, 255, 108, 0.70);
    background: var(--daikinGlass);
    box-shadow: -138px 282px 88px 0px rgba(1, 30, 49, 0.00), -6px 11px 28px 0px rgba(1, 30, 49, 0.10);
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--white);
}

.highlightProductTile.highlightProductTile--hasBg {
    background: var(--daikinGlass), #00061C;
    padding: 10px 64px;
}

.highlightProductTile__image {
    width: min(100%, 265px);
}

.highlightProductTile__content {
    width: calc(100% - 265px);
    padding-left: 45px;
}

.highlightProductTile__content h4 {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    margin: 0px 0px 24px 0px;
}

.highlightProductTile__content p {
    line-height: 25px;
}

.highlightProductTile__content .gradientTextLink .Link {
    font-size: 12px;
    letter-spacing: 0.6px;
}

.subHighlightBlock__content {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}

.subHighlightTile {
    display: flex;
    flex: 1 0 255px;
    align-items: center;
    gap: 18px;
    transition: 0.3s linear;
    background: linear-gradient(271deg, rgba(0, 151, 224, 0.05) -14.47%, rgba(116, 196, 232, 0.05) 14.19%, rgba(179, 216, 239, 0.05) 39.67%, rgba(116, 196, 232, 0.05) 77.24%, rgba(0, 151, 224, 0.05) 112.9%);
    border-radius: 12px;
    padding: 5px 16px;
    position: relative;
}

.subHighlightTile:hover {
    transition: 0.3s linear;
    background: linear-gradient(271deg, rgba(0, 151, 224, 0.3) -14.47%, rgba(116, 196, 232, 0.3) 14.19%, rgba(179, 216, 239, 0.3) 39.67%, rgba(116, 196, 232, 0.3) 77.24%, rgba(0, 151, 224, 0.3) 112.9%);
}

.subHighlightTile__image picture {
    display: flow-root;
}

.subHighlightTile__image img {
    width: auto;
    height: 97px;
}

.subHighlightBlock {
    margin-top: 32px;
}

.subHighlightTile__title {
    font-size: 16px;
    font-weight: 500;
    color: var(--white);
}

.subHighlightTile__link .Link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    font-size: 0px;
}

@keyframes upAndDown {
    0% {
        top: 0
    } 50% {
        top: -30px
    } 100% {
        top: 0px
    }
}

/* DAIKIN DIFFERENCE END */

/* ASSOCIATIONS AND AWARDS */

.csListCard__content {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    border-radius: 5px;
    border: 1px solid #252B42;
    background: #FFF;
    padding: 8px;
    box-shadow: 0px 2.183px 21.828px 0px rgba(0, 0, 0, 0.08);
}

.csListCard__content__left {
    text-align: center;
}

.csListCard__content__left img {
    width: auto;
    height: auto;
    max-width: 170px;
    max-height: 109px;
    object-fit: contain;
}

.csListCard__title {
    font-size: 14px;
    font-weight: 500;
    color: #505050;
    text-transform: capitalize;
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.csListCard__text {
    font-size: 8px;
    font-weight: 400;
    line-height: 14px;
    margin: 0;
    color: #667085;
}

.csListCard__content__right .flexCE {
    flex-direction: column;
    justify-content: flex-end;
    align-items: end;
    gap: 0;
}

.csListCard__yearText {
    font-size: 7px;
    font-weight: 400;
    color: #A7B5BE;
}

.csListCard__yearIn {
    font-size: 9px;
    font-weight: 600;
    color: #414F58;
}

.exCardSlider[nav-options="noNavOptions"] :is(.csSlider-navigation, .csSlider-pagination) {
    display: none;
}

.exListCard__item {
    border-bottom: 5px solid transparent;
    border-radius: 20px;
    padding: 14px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
    background: var(--white);
    transition: 0.3s linear;
    margin-bottom: 15px;
    min-height: 512px
}

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

.exCardSlider.certifications .exListCard__item {
    height: 400px;
}

.exCardSlider {
    padding: 10px 1px 0px 1px;
}

.exListCard__item__img img {
    object-fit: contain;
    width: 100%;
    height: 280px;
    border-radius: 10px;
    float: left;
}

.exListCard__item__img {
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-bottom: 16px;
}

.exListCard__item____content h3 {
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    color: #252B42;
}

.exCardSlider:not(.associations) .exListCard__item____content h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.exListCard__item____content {
    text-align: center;
}

.exListCard__item:hover {
    border-radius: 20px;
    border-bottom: 5px solid rgba(51, 255, 108, 0.70);
    background: var(--daikinLtWhite);
}

.exCardSlider + .pageSubtitle {
    margin-top: 15px;
}

.exCardSlider.certifications .exListCard__item {
    background: linear-gradient(181deg, #004F73 -33.57%, #030E2E 96.81%);
    box-shadow: 0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.30);
    border-bottom: 0;
    padding: 24px 24px 10px 24px;
    min-height: 400px;
}

.exCardSlider.certifications .exListCard__item____content p a {
    color: inherit;
}

.exCardSlider.certifications.certifications--white .exListCard__item {
    background: var(--daikinLtWhite);
    color: #252B42;
}

.exCardSlider.certifications.certifications--white .exListCard__item h3 {
    color: inherit;
}

.exCardSlider.certifications .exListCard__item .exListCard__item__img img {
    height: 205px;
}

.exCardSlider.certifications .exListCard__item____content h3 {
    text-align: left;
    color: var(--white);
    font-size: 20px;
    font-weight: 500;
}

.exCardSlider.certifications .exListCard__item____content p a {
    color: inherit;
}

.exCardSlider.certifications .exListCard__item____content {
    text-align: left;
}

.exCardSlider.certifications .csSlider-pagination .swiper-pagination-bullet {
    color: var(--white);
}

.exCardSlider.certifications .csSlider-pagination .swiper-pagination-bullet-active.swiper-pagination-bullet-active-main {
    background: var(--white);
    color: #252B42;
}

.exCardSlider.certifications .csSlider-navigation {
    border-top: 0px;
}

.exCardSlider.certifications .csSlider-prev:after {
    background: url("../images/arrow-right-white.svg") center / contain no-repeat;
    transform: rotate(180deg);
}

.exCardSlider.certifications .csSlider-next:after {
    background: url("../images/arrow-right-white.svg") center / contain no-repeat;
}

.csListCard__item {
    display: flex;
    min-height: 150px;
}

/* ASSOCIATIONS AND AWARDS END */


/* HISTORY PAGE */

.timelineImage img {
    position: sticky;
    top: 180px;
    left: 0;
}

.timelineWrap {
    width: 100%;
    display: inline-block;
}

.timelineItem {
    display: grid;
    grid-template-columns: 80px 1fr;
    padding: 32px 0px;
    position: relative;
    gap: 50px;
}

.timelineItem:before {
    content: '';
    width: 2px;
    height: 100%;
    background: #E4E7EC;
    position: absolute;
    left: 104px;
}

.timelineItem__year p {
    margin: 0;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    color: #667085;
}

.timelineItem__content {
    padding-left: 24px;
}

.timelineItem__content h5 {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    margin: 0 0 8px 0px;
}

.timelineItem__content p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #667085;
    margin: 0;
}

.timelineItem__year p:after {
    content: "S";
}

.timelineItem:is(.active):before {
    background: #667085;
    left: 104px;
    transition: all 0.3s linear;
}

.timelineItem:is(.active) .timelineItem__year p {
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s linear;
}

.timelineBlock {
    margin-bottom: 100px;
}

.timeLineBlockTitle h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
    margin-bottom: 60px;
    padding-left: 104px;
}

.timelineImage img:not(.active) {
    display: none;
}

.gl-feature-txt__wrapper.gl-feature-txt__wrapper--fluid {
    margin: 0px 0px 20px 0px;
}

.container.container--lg + .graphBgBlock {
    padding: 20px 20px 0px 20px;
}

/* HISTORY PAGE END */

/* COMPANY NEWS PAGE */

.gridParent.companyNewsAll {
    place-items: flex-start;
}

.noFreaturedNewsTitle {
    color: var(--grey);
}

.featuredNewsSliderWrap {
    position: relative;
}

.newsCsBlock:not(.mediaImageEach, .mediaVideoEach) {
    cursor: pointer;
    text-decoration: none
}

.newsCsBlock__image img {
    width: 100%;
}

.newsFeaturedAll .newsCsBlock {
    display: flex;
    align-items: center;
    gap: 20px;
}

.newsCsBlock__image {
    width: 100%;
}

.newsCsBlock__image img {
    width: 100%;
    border-radius: 6px;
    max-height: 400px;
    object-fit: contain;
}

.newsVerticalSlider .newsCsBlock__image img {
    max-height: 140px;
}

.newsFeaturedAll {
    display: grid;
    grid-template-columns: 1fr;
    place-content: flex-start;
}

.newsFeaturedAll .newsCsBlock.active {
    background: rgb(242 242 242 / 40%);
}

.newsFeaturedAll .newsCsBlock__image {
    width: min(100%, 235px);
}

.newsFeaturedAll .newsCsBlock__content {
    width: calc(100% - 235px);
}

.newsCsBlock__content__info {
    color: rgba(38, 38, 38, 0.60);
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.5px;
    margin: 0px 0px 5px 0px;
}

.newsCsBlock__content__title {
    color: #262626;
    font-size: 14px;
    font-weight: 500;
    margin: 0px 0px 5px 0px;
}

.newsFeaturedAll .newsCsBlock__content__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.newsCsBlock__content__text {
    color: #696868;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
}

.newsFeaturedAll .newsCsBlock__content__text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.newsCsBlock__content__link {
    width: 100%;
    display: inline-block;
    padding: 8px 15px;
    color: #252B42;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    border: 1px solid var(--secondaryColor);
    margin-top: 10px;
    transition: 0.3s linear;
}

.newsCsBlock__content__link:hover {
    color: var(--white);
    background: var(--primaryBlue);
    border-color: var(--primaryBlue);
    transition: 0.3s linear;
}

.listView .newsCsBlock__content__link {
    padding: 0;
    border: 0;
    color: var(--primaryBlue);
    width: auto;
    margin-top: 5px;
}

.listView .newsCsBlock__content__link:hover {
    background: transparent;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.newsFeaturedMain .newsCsBlock__content__text {
    font-size: 16px;
    line-height: 30px;
    color: rgba(57, 57, 57, 0.60);
    margin-top: 16px;
}

.newsFeaturedMain .newsCsBlock__content__info {
    font-size: 13px;
    line-height: 19px;
    color: #2D2D2D;
    margin: 10px 0px 16px 0px;
}

.mediaImageEach__content .flexCE:has(.nwsChip) {
    flex-wrap: wrap;
    gap: 5px 8px;
    justify-content: flex-start;
}

.newsChipWrap {
    display: flex;
    gap: 5px 8px;
}

.nwsChip {
    display: inline-block;
    background: var(--daikinBtnGrGradient);
    color: var(--secondaryColor);
    padding: 2px 8px;
    margin-bottom: 5px;
    border-radius: 20px;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.6px;
    text-transform: capitalize;
}

.newsFeaturedMain .nwsChip {
    margin-top: 15px;
}

/*.newsCsBlock:not(.mediaImageEach, .mediaVideoEach):hover {
    text-decoration: underline;
    text-decoration-color: #696868;
}*/

.newsMediaKitSlider.gridView .newsAll {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 33px;
}

.gridView .newsAll .newsCsBlock {
    padding: 15px;
    background: var(--white);
    border-radius: 8.5px;
    box-shadow: 0px 4px 6px 0px rgba(33, 37, 41, 0.20), 0px 0px 1px 0px rgba(33, 37, 41, 0.32);
    padding-bottom: 40px;
    position: relative;
    transition: 0.3s linear;
}

.gridView .newsAll .newsCsBlock:hover {
    text-decoration: none;
}

.newsCsBlock__content__text + span {
    position: absolute;
    left: 15px;
    bottom: 15px;
    font-size: 10.275px;
    font-weight: 700;
    letter-spacing: 0.514px;
    text-transform: uppercase;
    color: #6D6E71;
}

.listView .newsCsBlock__content__text + span {
    position: static;
}

.newsMediaKitSlider .newsCsBlock__content__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    color: var(--primaryBlue);
}

.gridView .newsAll .newsCsBlock:hover {
    transition: 0.3s linear;
    scale: 1.05;
    box-shadow: 0px 0px 17.857px 0px #0097E0;
}

.newsMediaKitSliderButtons {
    display: none !important;
}

.listView .newsCsBlock {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}

.nwsFilterBlock {
    position: absolute;
    right: 80px;
    top: -70px;
    width: 200px;
    z-index: 2;
    display: none;
}

.cstabData.active .nwsFilterBlock {
    display: block;
}

.selectedFl {
    width: 100%;
    height: 35px;
    display: flex;
    align-items: center;
    border: 1px solid var(--lt_blue);
    border-radius: 10px;
    padding: 4px 4px 4px 20px;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    cursor: pointer;
}

.selectedFl:after {
    content: '';
    width: 12px;
    height: 12px;
    background: url("../images/chev-down.svg") center / contain no-repeat;
    position: absolute;
    right: 10px;
    top: calc(50% - 6px);
}

.nwsFilterBlock ul {
    overflow: hidden;
    position: absolute;
    list-style-type: none;
    padding: 0;
    margin: 0px;
    border: 1px solid var(--lt_blue);
    border-radius: 10px;
    width: 100%;
    background: var(--white);
    display: none;
    z-index:2;
}

.nwsFilterBlock ul li {
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    transition: 0.3s linear;
    background: var(--white);
    cursor: pointer;
}

.nwsFilterBlock ul li:not(:first-child) {
    border-top: 1px solid var(--lt_blue);
}

.nwsFilterBlock ul li.selected {
    padding-left: 35px;
    position: relative;
    transition: 0.3s linear;
    pointer-events: none;
}

.nwsFilterBlock ul li.selected:before {
    content: '';
    width: 24px;
    height: 24px;
    background: url('../images/tick-white.svg') center / contain no-repeat;
    filter: invert(1);
    position: absolute;
    left: 8px;
}

.nwsFilterBlock ul li:hover {
    background: #E6E8EE;
    transition: 0.3s linear;
}

.swiper.newsVerticalSlider {
    width: 100%;
    height: 620px;
    margin: 30px 0px;
}

.verticalSliderButton {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 100px;
    cursor: pointer;
}

.verticalSliderButton--next {
    bottom: 0px;
    background: url("../images/chev-down-blue.svg") center / 12px no-repeat;
}

.verticalSliderButton--prev {
    top: 0px;
    background: url("../images/chev-down-blue.svg") center / 12px no-repeat;
    transform: rotate(180deg)
}

.featuredNewsSliderWrap:has(.csVerticalButton--prev.swiper-button-disabled) .verticalSliderButton--prev {
    filter: grayscale(1);
    pointer-events: none;
}

.featuredNewsSliderWrap:has(.csVerticalButton--next.swiper-button-disabled) .verticalSliderButton--next {
    filter: grayscale(1);
    pointer-events: none;
}

.gridParent.newsMediaKitWrap {
    grid-template-columns: 1fr;
    gap: 150px;
    padding: 90px 0px;
    position: relative;
}

.gridParent.newsMediaKitWrap:before, .gridParent.newsMediaKitWrap:after {
    content: '';
    width: 100%;
    height: 1px;
    background: var(--primaryBlue);
    position: absolute;
    left: 0;
}

.gridParent.newsMediaKitWrap:before {
    top: 45px
}

.gridParent.newsMediaKitWrap:after {
    bottom: 25px
}

.mediaContactTitle h5 {
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    display: inline-block;
    padding-bottom: 16px;
    margin: 0px 0px 17px 0px;
    position: relative;
}

.mediaContactTitle h5:after {
    content: '';
    width: 100%;
    height: 1px;
    background: var(--black);
    position: absolute;
    bottom: 0;
    left: 0;
}

.mediaContacts__subTitle {
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.5px;
    margin: 0;
    color: rgba(38, 38, 38, 0.60);
}

.mediaContacts__text {
    margin: 5px 0px;
    font-size: 14px;
    font-weight: 500;
    color: #262626;
}

.mediaContacts__link .Link {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    color: var(--primaryBlue);
    margin-bottom: 17px;
    display: inline-block;
}

.newsMediaSocialIcons .col-md-12 {
    display: flex;
    justify-content: space-between;
}

.connectLink {
    width: min(100%, 175px);
    padding: 12px 10px;
    background: var(--daikinGradientRt);
    margin-bottom: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    border-radius: 6px;
}

.connectLink__image {
    width: 16px;
    height: 16px;
}

.connectLink__content {
    width: calc(100% - 16px);
    padding-left: 13px;
}

.connectLink__content p {
    margin: 0;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.5px;
    color: var(--white);
}

.connectLink__anchor .Link {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0;
}

.-sc-image.blueGrBlock {
    background: var(--sf-backgrоund-image);
    background-size: var(--sf-backgrоund-size);
    background-position: center;
}

.blueGrBlock {
    padding: 16px;
    border-radius: 12px;
    box-shadow: 0px 8px 28px 0px rgba(0, 0, 0, 0.28);
}

.proTag {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.48px;
    text-transform: uppercase;
    background: var(--daikin_orange);
    color: var(--white);
    padding: 5px 8px;
    display: inline-block;
    border-radius: 4px;
    margin-right: 20px;
}

.blueGrBlock .btn.btn--outline .Link {
    padding: 5px 40px 5px 12px;
    text-transform: capitalize;
}

.csTabHead__contents {
    display: flex;
    gap: 50px;
}

.csTabWrapper.newsMediaTabWrapper {
    align-items: flex-start;
}

.csTabContentWrap {
    width: 100%;
}

.csTabContentWrap .cstabData {
    background: transparent;
    border-radius: 0;
    padding: 0px;
}

.newsMediaKitSlider.swiper {
    width: min(100%, 735px);
    height: 420px;
    padding-bottom: 60px;
    margin-inline: 0px;
}

/*.newsMediaKitSlider.listView.swiper {
    height: 1030px;
}*/

.newsMediaKitSlider .newsCsBlock__content__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.listView.newsMediaKitSlider .newsCsBlock__content__title {
    -webkit-line-clamp: 1;
}

.newsMediaKitSlider .bodyText.newsCsBlock__content__text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
}

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

.newsMediaKitSliderPagination, .resourceSlider__pagination {
    bottom: 0;
    position: absolute;
    text-align: right;
}

.newsMediaKitSliderPagination .swiper-pagination-bullet {
    margin: 0 4px !important;
}

.newsMediaKitSliderButton, .resourceSlider__btn {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.newsMediaKitSliderButtons, .resourceSlider__buttons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    position: absolute;
    bottom: 0;
    z-index: 2;
}

.newsMediaKitSliderButton.swiper-button-disabled, .resourceSlider__btn.swiper-button-disabled {
    pointer-events: none;
    filter: grayscale(1);
}

.newsMediaKitSliderButton.newsMediaKitSlider--prev, .resourceSlider__btn.resourceSlider__btn--prev {
    background: url('../images/chev-down-blue.svg') center / 18px no-repeat;
    transform: rotate(90deg);
}

.newsMediaKitSliderButton.newsMediaKitSlider--next, .resourceSlider__btn.resourceSlider__btn--next {
    background: url('../images/chev-down-blue.svg') center / 18px no-repeat;
    transform: rotate(-90deg);
}

.resourceSlider {
    padding-bottom: 60px;
}

.resourceBtn .Link {
    width: 100%;
    padding: 8px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 85px;
    border-radius: 6px;
    font-size: 23px;
    font-weight: 500;
    letter-spacing: 0.032px;
    text-align: center;
    color: var(--white);
    position: relative;
}

.resourceBtn.resourceBtn--dBlue .Link {
    background: var(--daikinDeepBlue);
}

.resourceBtn.resourceBtn--lBlue .Link {
    background: var(--daikinGradientSt);
}

.resourceBtn.resourceBtn--green .Link {
    background: var(--daikinGreenGradient);
}

.resourceBtn .Link:before {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    background: url("../images/link-arrow-white.svg") center / contain no-repeat;
    right: 7px;
    top: 7px;
}

.resourceBtn .Link:hover:before {
    animation: 0.5s resourceBtnHover linear infinite;
}

.newsViewToggler {
    width: 45px;
    height: 20px;
    position: absolute;
    top: -70px;
    right: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.newsViewToggler a {
    display: flex;
    flex-wrap: wrap;
    width: 18px;
    height: 20px;
    justify-content: space-between;
    cursor: pointer;
    float: left;
}

.newsViewToggler a span {
    background: #8C8C8C;
    transition: 0.3s linear;
}

.newsViewToggler__grid span {
    width: 8px;
    height: 8px;
    float: left;
    display: flex;
}

.newsViewToggler__list span {
    width: 100%;
    height: 4px;
}

.newsViewToggler__list {
    flex-direction: column;
    height: 18px !important;
}

.newsViewToggler__grid {
    position: relative;
    top: 1px;
}

.newsViewToggler a.active span {
    background: var(--primaryBlue);
    transition: 0.3s linear;
}

.gripWrapper.d-none {
    display: none;
}

.mediaImageEach, .mediaVideoEach {
    padding: 8px;
    background: var(--white);
    border: 1px solid var(--daikin_grey2);
    border-radius: 8px;
}

.mediaImageEach__image {
    width: 100%;
    display: flow-root;
    margin-bottom: 10px;
    border-radius: 5px;
}

.mediaImageEach__content h6 {
    font-size: 15px;
    font-weight: 500;
    margin: 0px;
}

.mediaImageEach__content p {
    font-size: 10px;
    margin: 10px 0px;
}

.mediaImageEach__content {
    padding: 5px 10px 5px 10px;
}

.mediaImageEach__options {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mediaImageEach__expandLink, .mediaImageEach__viewLink {
    font-size: 9.006px;
    font-weight: 500;
    letter-spacing: 0.45px;
    text-decoration-line: underline;
    color: var(--lt_blue);
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.mediaImageEach__expandLink:after, .mediaImageEach__viewLink:after {
    content: '';
    width: 10px;
    height: 10px;
    background: url("../images/link-arrow-blue.svg") center / contain no-repeat;
    display: flex;
}

.mediaImageEach__downloadLink, .mediaImageEach__copyLink {
    display: flex;
    align-items: center;
    font-size: 8.261px;
    font-weight: 700;
    letter-spacing: 0.413px;
    text-transform: uppercase;
    padding: 2px 6px;
    text-decoration: none;
    border: 1px solid var(--lt_blue);
    color: var(--lt_blue);
    position: relative;
    gap: 5px;
    border-radius: 3px;
    cursor: pointer;
}

.mediaImageEach__downloadLink:after, .mediaImageEach__copyLink:after {
    content: '';
    width: 12px;
    height: 12px;
    background: url("../images/download-blue-bold.svg") center / contain no-repeat;
}

.itemLoadMore {
    margin-top: 40px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: var(--lt_blue);
    display: none;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    text-decoration: none;
}

.listView .itemLoadMore {
    display: none !important;
}

.gridView:has(.newsCsBlock:nth-child(7)) .itemLoadMore {
    display: flex;
}

.itemLoadMore:after {
    content: '';
    width: 12px;
    height: 12px;
    background: url("../images/chev-down-blue.svg") center / contain no-repeat;
}

.noItemFound {
    text-align: center;
    display: none;
}

.noResult .noItemFound {
    display: block;
}

.mediaVideoEachImageHolder {
    display: flow-root;
    margin-bottom: 8px;
    position: relative;
}

.mediaVideoEach__image {
    width: 100%;
    border-radius: 5px;
    float: left;
    height: 115px;
    object-fit: cover;
}

.mediaVideoEachImageHolder:after {
    content: '';
    width: 60px;
    height: 38px;
    background: url("/images/default-source/experience-center/play-button.png") center/ contain no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.imageVideoBlock .nwsFilterBlock {
    right: 0;
}

.newsCsBlock__extLink {
    font-size: 11.903px;
    font-weight: 400;
    line-height: 21.255px;
    color: var(--secondaryColor);
    opacity: 0;
    margin: 10px 0px;
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
}

.newsCsBlock:hover .newsCsBlock__extLink {
    transition: 0.3s linear;
    opacity: 1;
}

.newsCsBlock:hover .newsCsBlock__extLink:after {
    content: '';
    width: 16px;
    height: 16px;
    background: url("../images/link-arrow-black.svg") center / contain no-repeat;
    display: flex;
}

.author-date-publish {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 10px;
}
.author-date-publish span {
    color: #787878;
    font-weight: 600;
    font-size: 13px;
}
.author-date-publish span.author-data {
    text-transform: capitalize;
}
/* PAGINATION */
.listView__pagination {
    display: none;
}

.listView .listView__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
}

.listView .listView__pagination.no-show {
    display: none;
}

.pagination-button:not(:first-child, :last-child) {
    width: 40px;
    height: 40px;
    background: transparent;
    border: 0px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #667085;
    transition: 0.3s linear;
    border-radius: 8px;
}

.pagination-button:not([disabled]) {
    cursor: pointer;
}

.pagination-button:not([disabled]):hover {
    background: linear-gradient(135deg, rgba(207, 238, 253, 0.37) 6.24%, rgba(226, 243, 251, 0.42) 92.04%);
    color: var(--SecondaryColor);
}

.pagination-button:is(:first-child, :last-child) {
    width: auto;
    height: 20px;
    background: transparent !important;
    border: 0;
    position: relative;
    color: #475467;
    font-size: 14px;
    font-weight: 600;
}

.pagination-button:is(:first-child) {
    padding-left: 28px;
}

.pagination-button:is(:last-child) {
    padding-right: 28px;
}

.pagination-button:is(:first-child, :last-child):before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: calc(50% - 10px);
}

.pagination-button:is(:first-child):before {
    background: url("../images/arrow-left-dark.svg") center / 14px no-repeat;
    left: 0px;
}

/*.pagination-button:is(:first-child):after {
    content: "Previous";
    color: #475467;
    font-weight: 600;
}*/

.pagination-button:is(:last-child):before {
    background: url("../images/arrow-right-dark.svg") center / 14px no-repeat;
    right: 0px;
}

/*.pagination-button:is(:last-child):after {
    content: "Next";
    color: #475467;
    font-weight: 600;
}*/

.pagination-button.active {
    background: linear-gradient(135deg, rgba(207, 238, 253, 0.37) 6.24%, rgba(226, 243, 251, 0.42) 92.04%);
    color: var(--SecondaryColor);
}

.pagination-button[disabled] {
    opacity: 0.2;
}

/* PAGINATION END */

@keyframes resourceBtnHover {
    0% {
        right: 7px;
    }
    50% {
        right: 15px;
    }
    100% {
        right: 7px;
    }
}

/* media kits */

.mediaKitGrid__thumbnail, .mediaKitGrid__mainItem {
    padding: 40px 0px;
    position: relative;
}

.mediaKit__title h4 {
    width: 100%;
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 5px;
    margin: 0px 0px 20px 0px;
    position: relative;
    color: #252B42;
}

.mediaKit__title h4:after {
    content: '';
    width: 100%;
    height: 4px;
    background: #252B42;
    position: absolute;
    bottom: 0;
    left: 0;
}

.mediaKitGrid {
    display: grid;
    grid-template-columns: 80px auto;
    gap: 25px;
}

.mediaKitThumb {
    width: 100%;
    height: 210px;
    position: relative;
}

.logoThumbEach, .imageThumbEach, .videoThumbEach {
    cursor: pointer;
    align-items: center;
    justify-content: center;
    display: flex;
}

:is(.logoThumbEach, .imageThumbEach, .videoThumbEach) img {
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    border-radius: 8px;
}

.mediakitSlider__plArrow {
    width: 24px;
    height: 24px;
    background: red;
    position: absolute;
    left: 27px;
    z-index: 1;
    cursor: pointer;
}

.mediakitSlider__plArrow--prev {
    top: 6px;
    background: url("../images/chev-down-blue.svg") center / 12px no-repeat;
    transform: rotate(180deg);
}

.mediakitSlider__plArrow--next {
    bottom: 6px;
    background: url("../images/chev-down-blue.svg") center / 12px no-repeat;
}

.mediaKitGrid__thumbnail:has(.mediaKitThumbButton--prev.swiper-button-disabled) .mediakitSlider__plArrow--prev {
    filter: grayscale(1);
    pointer-events: none;
}

.mediaKitGrid__thumbnail:has(.mediaKitThumbButton--next.swiper-button-disabled) .mediakitSlider__plArrow--next {
    filter: grayscale(1);
    pointer-events: none;
}

.mediakitMainSlider {
    width: 100%;
    height: 100%;
}

.mediakitMainSlider .swiper-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.mediakitMainSlider img {
    width: 100%;
    height: auto;
    max-height: 210px;
    object-fit: contain;
}

.mediaKitDownloadLink {
    position: absolute;
    left: 0px;
    bottom: 20px;
}

.mediaKitDownloadLink .Link {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    color: #252B42;
    text-decoration: underline;
}

.mediaKitIframe {
    width: 100%;
    aspect-ratio: 1 / 0.6;
}

/* media kits */

/* COMPANY NEWS PAGE END */

/* TECHNOLOGY AND INNOVATION PAGE */

.gradientHeader ~ p {
    text-wrap: balance;
}

.gradientHeader h2 {
    font-size: 75px;
    font-weight: 600;
    line-height: 80px; /* 66.667% */
    letter-spacing: 0.5px;
    margin-bottom: 26px;
    background: var(--daikinGradientSt);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gridSide__video {
    aspect-ratio: 1 / 0.56;
}

.legacySection p {
    text-align: center;
}

.pageSection.legacySection {
    position: relative;
}

.pageSection.legacySection:before {
    content: '';
    width: 80%;
    height: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: var( --daikinDeepBlue);
    border-radius: 1200px;
    opacity: 0.5;
    filter: blur(128px);
}

.pageSection.legacySection .pageSection__content {
    position: relative;
}

.legacyTitle h2 {
    font-size: 75px;
    font-weight: 600;
    line-height: 100px; /* 133.333% */
    letter-spacing: 0.5px;
}

.csTabContent {
    width: 100%;
}

.csTabContent .cstabData {
    background: transparent;
    padding-inline: 0;
}

.csTabHead--gradient .csTabHead__title:after {
    background: var(--daikinDeepBlue);
}

.glassMorphism h5 {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    text-align: center;
    color: var(--white);
}

picture.imageCenterd {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.glassMorphism__content p.closeTextWrap {
    margin: 20px 0px;
}

.hoverShowBlockWrap.hideHeader .headerShowBlock {
    display: none;
}

.glassPintile {
    height: 100%;
    background: var(--daikinGlass);
    box-shadow: var(--daikinShadow);
    backdrop-filter: blur(13.963233947753906px);
    border-radius: 12px;
}

.glassPintile__image picture {
    display: flow-root;
}

.glassPintile__image img {
    width: 100%;
    border-radius: 10px;
    float: left;
}

.glassPintile__content {
    padding: 50px 12px;
    text-align: center;
}

.glassPintile__content h4 {
    font-size: 24px;
    font-weight: 500;
    color: var(--white);
    margin: 0px 0px 20px 0px;
}

.glassPintile__content .bodyText {
    color: rgba(255, 255, 255, 0.60);
}

.glassCardTileWrap {
    margin: 32px 0px;
}

.glassCardTileWrap__content {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}

.glassCard {
    display: flex;
    flex-direction: column;
    flex: 1 0 345px;
    max-width: 100%;
    border-radius: 12px;
    overflow: hidden;
    background: var(--daikinGlass);
    box-shadow: var(--daikinShadow);
    backdrop-filter: blur(13.963233947753906px);
}

.glassCard__image picture {
    display: flow-root;
}

.glassCard__image img {
    width: 100%;
    height: 195px;
    float: left;
    object-fit: cover;
}

.glassCard__content {
    padding: 32px;
}

.glassCard__content h4 {
    margin: 0px;
    text-align: center;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: var(--white);
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.glassCard__content .bodyText {
    margin: 0;
    color: rgba(255, 255, 255, 0.60);
    font-weight: 300;
}

.glassCard.inverted .glassCard__image {
    order: 1;
}

.glassCard.inverted .glassCard__content {
    order: 0;
}

.daikinFit-banner__wrapper iframe {
    max-width: 100%;
}

.disclaimer-links-light a {
    word-break: break-word;
    color: inherit;
}

.columThreeBox.techInnoTile {
    display: flex;
    flex-wrap: wrap;
}

.techInnoTile .glassMorphism {
    flex: 1 0 250px;
    margin: 0;
    display: flex;
}

.techInnoTile .columThreeBox__block {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

/* table */

.tableWrapper {
    width: min(100%, 1260px);
    margin-inline: auto;
    margin-bottom: 30px;
    padding: 64px 0px 120px 0px;
    overflow: auto;
}

.specTable {
    width: 100%;
    position: relative;
    padding: 32px 0px;
    border-collapse: collapse;
    table-layout: fixed;
}

.imagePlaceholder {
    width: 88px;
    height: 75px;
    background: url("../images/r-32-logo.png") center / contain no-repeat;
    margin-inline: auto;
}

.specTable tr td {
    width: calc(100% / 3);
    padding: 28px 32px;
    border-bottom: 1px solid #E3DDCD;
    color: #292929;
    font-size: 18px;
    font-weight: 700;
}

.specTable tr:first-child td {
    text-align: center;
}

.specTable:before {
    content: '';
    width: calc(100% / 3);
    height: calc(100% + 40px);
    position: absolute;
    left: calc(100% / 3);
    top: 0px;
    border-radius: 32px;
    box-shadow: 0px 4px 90px 17px rgba(113, 116, 117, 0.14);
}

.specTable tbody {
    position: relative;
    z-index: 1;
}

.specTable tr td h4 {
    font-size: 20px;
}

.hasSpecType {
    margin: 0;
    position: relative;
    padding-left: 50px;
    font-size: 18px;
}

.hasSpecType:before {
    content: '';
    width: 28px;
    height: 28px;
    position: absolute;
    left: 0;
    top: calc(50% - 14px);
}

.hasSpecType--good:before {
    background: url("../images/tick-green.svg") center / contain no-repeat;
}

.hasSpecType.hasSpecType--bad:before {
    background: url("../images/close-grey.svg") center / contain no-repeat;
}

.specBlock ul {
    font-size: 14px;
    font-weight: 400;
    padding: 0px 0px 0px 70px;
    margin-bottom: 0;
}

/* table end */

/* TECHNOLOGY AND INNOVATION PAGE END*/

/* RESOURCE CENTER PAGE */

/* Training and Education */

.gridParent.grid-fr-auto {
    grid-template-columns: 1fr minmax(auto, 300px);
}

.autoRightFlex {
    display: flex;
    align-items: center;
}

.commonWrap {
    width: calc(100% - 265px);
    padding-right: 30px;
}

.commonWrap__right {
    display: flex;
    width: 265px;
}

.autoRightFlex .btn {
    margin-bottom: 15px;
}

.blueLink .Link {
    font-size: 14px;
    font-weight: 500;
    text-decoration-line: underline;
    color: var(--primaryBlue);
}

.trn-edu h5 {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    margin: 0px 0px 8px 0px;
}

.autoRightFlexWrap {
    margin-bottom: 35px;
}

.trn-edu p {
    color: rgba(57, 57, 57, 0.60);
}

.flPreview__content {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.flPreview__item {
    background: var(--white);
    padding: 10px 16px;
    border-radius: 5px;
    text-align: center;
}

.flPreview {
    width: 100%;
    display: inline-block;
    margin-top: 12px;
}

.flPreview__item__link .Link {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: rgba(57, 57, 57, 0.60);
    transition: 0.3s linear;
}

.flPreview__item__link {
    text-align: center;
}

.flPreview__item__link .Link:hover {
    color: var(--primaryBlue);
    transition: 0.3s linear;
}

.flPreview__item img {
    width: 100px;
}

.trn-edu .hasUline h5 {
    position: relative;
    padding-bottom: 8px;
    margin-bottom: 25px;
}

.trn-edu .hasUline h5:after {
    content: '';
    width: min(100%, 225px);
    height: 1px;
    background: var(--black);
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.nameText {
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.5px;
    margin: 0px 0px 5px 0px;
}

.phLink .Link {
    font-size: 14px;
    font-weight: 500;
    color: #262626;
}

.mlLink .Link {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: var(--primaryBlue);
}

:is(.phLink, mlLink) {
    margin: 0px 0px 5px 0px;
}

.badgeBlock {
    width: 100%;
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.30), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
    padding: 10px 20px;
    margin-top: 45px;
    text-align: center;
}

p.badgeBlock__text {
    font-size: 12px;
    font-weight: 500;
    color: var(--black);
    margin: 0px;
    text-align: left;
}

.badgeBlock__content picture {
    display: flow-root;
}

.badgeBlock__content picture img {
    width: min(100%, 132px);
    height: auto;
    object-fit: contain;
}

.category-items {
    display: flex;
    gap: 8px;
    white-space: nowrap;
    padding-bottom: 4px;
    width: 100%;
    margin-bottom: 10px;
}
.newsMediaKitSlider.gridView .newsAll .nwsChip {
    flex: 0 0 auto;
    white-space: nowrap;
}
.category-items::-webkit-scrollbar {
    height: 6px;
    border-radius: 15px;
}

/* Scrollbar track (background) */
.category-items::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 20px;
}

/* Scrollbar thumb (the draggable part) */
.category-items::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 20px;
}

/* Training and Education End */
/* software tools */
.customSearchBlock {
    width: min(100%, 415px);
    background: var(--daikinBtnGrGradient);
    padding: 2px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin: 0px 0px 30px 0px;
}

.customSearchBlock__input {
    border: 0px;
    width: 100%;
    border-radius: 8px;
    height: 46px;
    padding: 5px 60px 5px 70px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    font-family: var(--fontP);
    color: #252B42;
    background: var(--daikinLtWhite);
}

.customSearchBlock__input::placeholder {
    color: #252B42;
}

.customSearchBlock:before {
    content: '';
    width: 21px;
    height: 21px;
    background: url("../images/search--dark.svg") center / contain no-repeat;
    position: absolute;
    top: calc(50% - 10.5px);
    left: 27px;
}

.customSearchBlock__actionBtn {
    width: 45px;
    background: var(--daikinGreenGradient);
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
}

.iconIn.iconIn--arrowForward {
    width: 12px;
    height: 12px;
    background: url('../images/arrow-right-white.svg') center / contain no-repeat;
}

.customSearchBlock__actionBtn .iconIn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.resourceTabAllParent  .csTabContent .cstabData {
    padding-top: 0px;
}

.sideTabWrap {
    width: 100%;
    display: grid;
    grid-template-columns: 245px 1fr;
}

.sideTabWrap__content {
    width: 100%;
}

.sideTabHead {
    padding: 15px 22px 15px 12px;
    border-radius: 13px 0px 0px 13px;
    background: transparent;
    transition: 0.3s linear;
}

.sideTabHead__content {
    background: var(--white);
    border-radius: 8px;
    padding: 10px;
    border-bottom: 2px solid transparent;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.0), 0px 1px 3px 1px rgba(0, 0, 0, 0.03);
    transition: 0.3s linear;
}

.sidetanHead__title .Link {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    color: #6D6E71;
    transition: 0.3s linear;
}

.sideTabHeadItems {
    margin: 13px 0px 5px 0px;
}

.sideTabHeadItems__content {
    padding-inline: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sideTabToggler .Link {
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.5px;
    color: #6D6E71;
    width: 100%;
    display: inline-block;
    padding: 7px 40px 7px 20px;
    transition: 0.3s linear;
    position: relative;
    border-radius: 25px;
    background: transparent;
    border-bottom: 2px solid transparent;
}

.sideTabToggler .Link:hover {
    border-color: var(--primaryBlue);
    color: var(--primaryBlue);
    transition: 0.3s linear;
}

.sideTabToggler .Link:hover:after {
    filter: saturate(25);
}

.sideTabToggler.active .Link {
    background: rgba(49, 160, 254, 0.14);
    transition: 0.3s linear;
    pointer-events: none;
}

.sideTabHead.active {
    background: #EAF5FF;
    transition: 0.3s linear;
}

.sideTabHead.active .sideTabHead__content {
    border-bottom-color: var(--primaryBlue);
}

.sideTabHead.active :is(.sideTabToggler .Link, .sidetanHead__title .Link) {
    color: #0D0C0C;
    transition: 0.3s linear;
}

.sideTabHead.active .sideTabToggler .Link:hover {
    color: var(--primaryBlue)
}

.sideTabToggler .Link:after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    right: 20px;
    background: url("../images/arrow-right-dark.svg") center / contain no-repeat;
    filter: invert(0.65);
    top: calc(50% - 6px);
    transition: 0.3s linear;
}

.sideTabHead.active .sideTabToggler .Link:after {
    filter: invert(0);
    transition: 0.3s linear;
}

.sideTabHead.active .sideTabToggler .Link:hover:after {
    filter: saturate(25);
}

.sideTabContent {
    padding: 16px;
    width: 100%;
    background: #EAF5FF;
    border-radius: 0px 13px 13px 13px;
}

.sideTabContent__in {
    width: 100%;
    display: inline-block;
    background: var(--white);
    padding: 8px 15px;
    color: var(--black);
}

.sideTabContent.active .sideTabContent__in:not(:has(.sideTabWrap)) {
    border-bottom: 2px solid var(--primaryBlue);
    border-radius: 13px;
}

.sideTabContent__title {
    margin: 0px 0px 16px 0px;
    font-size: 20px;
    font-weight: 500;
    text-transform: initial;
}

.tabDataContentWrap {
    text-transform: initial;
    font-size: 14px;
}

.resourceList {
    color: var(--primaryBlue);
}

.tabDataContentWrap ul li {
    font-size: 14px;
    letter-spacing: 0.413px;
}

.sideTabContent:not(.active) {
    display: none;
}

/* software tools end */

/* document library */

.firstOrderTabHead {
    padding: 8px 10px;
    border-radius: 13px 0px 0px 13px;
}

.firstOrderTabHead.sideTabToggler .Link {
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    background: transparent;
    border-bottom: 2px solid transparent;
}

.firstOrderTabHead.sideTabToggler .Link:hover {
    border-color: var(--primaryBlue);
    color: var(--primaryBlue);
}

.firstOrderTabHead.sideTabToggler .Link:after {
    content: none;
}

.firstOrderTabHead.sideTabToggler.active .Link {
    background: var(--white);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.30), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
    color: #252B42;
}

.firstOrderTabHead.sideTabToggler.active {
    background: #EAF5FF;
    pointer-events: none;
}

/* multiple tab */
.sideTabContent__in:has(.sideTabWrap) {
    padding: 0;
}

.sideTabContent__in > .sideTabWrap {
    background: #EAF5FF;
}

.sideTabContent:has(.sideTabWrap) {
    background: #EAF5FF;
    padding-top: 8px;
}

.sideTabContent__in > .sideTabWrap .sideTabHead {
    padding: 0;
}

.sideTabContent__in > .sideTabWrap .sideTabContent {
    padding-top: 0px;
}

.sideTabContent__in > .sideTabWrap .sideTabContent__in {
    border-radius: 13px;
}

.sideTabHead__content.tabAccordion {
    padding: 0;
}

.tabInAccordionHead .Link {
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 8px 35px 8px 10px;
}

.tabInAccordionHead .Link:hover {
    color: #0D0C0C;
    transition: 0.3s linear;
}

.tabInAccordionContent {
    display: none;
    margin-top: 5px;
}

.tabInAccordionHead .Link:before, .tabInAccordionHead .Link:after {
    content: '';
    width: 12px;
    height: 2px;
    background: var(--primaryBlue);
    position: absolute;
    right: 20px;
    top: calc(50% - 1px);
    border-radius: 5px;
}

.tabInAccordionHead .Link:after {
    transform: rotate(90deg);
    opacity: 1;
    transition: 0.3s linear;
}

.sideTabHead__content.tabAccordion.active .tabInAccordionHead .Link:after {
    transform: rotate(0deg);
    opacity: 0;
    transition: 0.3s linear;
}

.tabInAccordionAllParent .sideTabHead:not(:first-child) {
    margin-top: 12px;
}

/* multiple tab end */

/* table */

.sideTabContent .sideTabContent {
    padding-right: 0;
}

.sideTabContent__in h6 {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    margin: 0 0 15px 0;
}

.dowloadItemsTable {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}

.dowloadItemsTable tr th {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.dowloadItemsTable tr td {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.413px;
    text-transform: uppercase;
}

.dowloadItemsTable tr :is(td, th) {
    padding: 2px 10px;
    border-top: 1px solid #6D6E71;
    border-bottom: 1px solid #6D6E71;
}

.dowloadItemsTable tr th {
    border-top: 0;
}

.downloadItemsTable__linkBlock {
    width: 100%;
    position: relative;
    padding-right: 35px;
}

.downloadItemsTable__linkBlock a {
    color: var(--lt_blue);
}

.downloadItemsTable__linkBlock:not(:first-child) {
    margin-top: 8px;
}

.dowloadItemsTable tr td {
    padding: 10px;
}

.downloadItemsTable__linkBlock__goto, .downloadItemsTable__linkBlock__download {
    width: 10px;
    height: 10px;
/*    background: var(--primaryBlue);*/
    position: absolute;
    top: calc(50% - 5px);
}

.downloadItemsTable__linkBlock__goto {
    right: 18px;
    background: url("../images/link-arrow-blue-bold.svg") center / contain no-repeat;
}

.downloadItemsTable__linkBlock__download {
    width: 12px;
    height: 12px;
    top: calc(50% - 6px);
    right: 0;
    background: url("../images/download-blue-bold.svg") center / contain no-repeat;
}

.dowloadItemsTable tr td p {
    margin: 0;
}


/* table end */

/* document library end */

/* RESOURCE CENTER PAGE END*/


/* PROFESSIONAL HOME PAGE */

.site-search__inner-wrapper.pdTNone {
    padding-top: 0;
}

.glsmrTile {
    border-radius: 12px;
    background: var(--daikinGlass);
    backdrop-filter: blur(12px);
    box-shadow: var(--daikinShadow);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.glsmrTile__image {
    width: 100%;
}

.glsmrTile__image picture {
    display: flow-root;
}

.glsmrTile__image picture img {
    width: 100%;
    float: left;
}

.glsmrTile__content {
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
}

.glsmrTIle__tag {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.48px;
    text-transform: uppercase;
    color: var(--lt_blue);
    margin-bottom: 5px;
    display: inline-block;
}

.glsmrTile__content h3 {
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
}

.glsmrTile--reverse .glsmrTile__image {
    order: 1;
}

.glsmrTile--reverse .glsmrTile__content {
    order: 0;
}

.glsmrTile__content p {
    color: rgba(255, 255, 255, 0.60);
}

.glsmrTile__content .glassMorphism__textLink {
    margin-top: 0;
    width: 100%;
}

.glsmrTile.glsmrTile--sided {
    flex-direction: row;
}

.glsmrTile--sided .glsmrTile__image {
    width: 40%;
}

.glsmrTile--sided .glsmrTile__content {
    width: 60%;
}

.colorTag {
    width: auto;
    display: flex;
    padding: 4px 12px;
    background: var(--daikinProGradient);
    border-radius: 8px;
    gap: 12px;
    align-items: center;
}

.colorTag__text {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.48px;
    text-transform: uppercase;
    color: var(--white);
}

.colorTag .iconIn--globeWhite {
    width: 24px;
    height: 24px;
    background: url("../images/globe.svg") center / contain no-repeat;
}

/* PROFESSIONAL HOME PAGE END */

/* PRODUCTS PAGE */

.breadcrumbWrapper {
    width: 100%;
    display: inline-block;
    background: var(--white);
}

.multiTemplated .breadcrumbWrapper {
    display: none;
}

.breadcrumb {
    padding: 16px 0;
    margin: 0px;
    list-style-type: none;
    display: flex;
    gap: 15px;
}

.breadcrumb-item:not(:last-child) a {
    color: #BDBDBD;
    text-decoration: none;
    transition: 0.3s linear;
}

.breadcrumb-item:not(:last-child) {
    position: relative;
}

.breadcrumb-item:not(:last-child):after {
    content: "/";
    font-size: 10px;
    color: #bdbdbd;
    position: absolute;
    right: -10px;
}

.breadcrumb-item {
    font-size: 10px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.15px;
}

.breadcrumb-item:not(:last-child) a:hover {
    color: var(--primaryBlue);
    transition: 0.3s linear;
}

.overlayedBanner {
    width: 100%;
    display: inline-block;
    position: relative;
    padding: 32px 0px;
}

.overlayedBanner:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../images/section-bg.svg") center / cover no-repeat;
}

.overlayedBanner__content {
    position: relative;
}

.overlayedBanner h1 {
    font-size: 104px;
    font-weight: 700;
    line-height: 130px;
    letter-spacing: 5.746px;
    text-transform: capitalize;
    background: linear-gradient(180deg, #FFF 0.06%, #42B3FE 377.72%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
}

.overlayedBanner .inBlue h1 {
    background: var(--daikinDeepBlue);
    background-clip: text;
}

.overlayedBanner h1 span {
    display: block;
    word-break: break-word;
}

.overlayedBanner h1 .headerTop {
    font-size: 77.985px;
    line-height: 82px;
}

.overlayedBanner :is(h2, p) {
    width: min(100%, 520px);
    color: var(--white);
}

.imageGrdientSection {
    position: relative;
    display: flow-root;
    padding: 65px 0;
/*    background-size: 60% 100% !important;
    background-repeat: no-repeat !important;*/
}

.imageGrdientSection:before {
    content: '';
    height: 100%;
    width: 100%;
    background: linear-gradient(-90deg, #001521 0.18%, #002942 41.49%, rgba(0, 78, 128, 0.80) 62.12%, rgba(0, 92, 151, 0.00) 81.35%);
    position: absolute;
    right: 0;
    top: 0;
}

.imageGrdientSection__content {
    position: relative;
}

.imageGrdientSection__content .rightBlock {
    width: 60%;
    margin-inline: auto 0;
}

.blueTitle {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    margin: 0px 0 5px 0;
    color: #24B0FE;
}

.imageGrdientSection__content .rightBlock h3 {
    color: var(--white);
    margin-bottom: 8px;
}

.imageGrdientSection__content .rightBlock .bodyText {
    color: var(--white);
}

.rightBlock .bannerWithLinks__wrapParent {
    margin-top: 40px;
}

.rightBlock .iconLinkWithArrow__link .Link {
    max-width: none;
}

.csTabHead--gradient2 .csTabHead__title.active {
    background: linear-gradient(271deg, #0097E0 -14.47%, #74C4E8 14.19%, #B3D8EF 39.67%, #74C4E8 77.24%, #0097E0 112.9%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.csTabHead--gradient2 .csTabHead__title:after {
    background: linear-gradient(271deg, #0097E0 -14.47%, #74C4E8 14.19%, #B3D8EF 39.67%, #74C4E8 77.24%, #0097E0 112.9%);
}

.cstabData--hasTitle h2 {
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0.05px;
    color: var(--white);
}

.cstabData.cstabData--hasTitle {
    padding-top: 15px;
}

.cstabData--hasTitle .bodyText.textCenter {
    text-align: center;
    margin-bottom: 32px;
}

.glsGrid--2Col {
    grid-column: 1 / span 2;
}

.glsGrid__image {
    width: 100%;
    height: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 10px 48px;
}

.glsGrid__image img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.glsGrid__image h2 {
    text-shadow: 0px 0.487px 11.684px rgba(0, 0, 0, 0.18);
    font-size: 50px;
    font-weight: 600;
    line-height: 50px; /* 100% */
    letter-spacing: 0.5px;
    text-transform: capitalize;
    position: relative;
    text-align: center;
    background: linear-gradient(180deg, #FFF 0.06%, #42B3FE 377.72%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.glsGrid--2Col .glsGrid__image h2 {
    font-size: 75px;
    line-height: 95px;
}

.glsGrid__content {
    width: 100%;
    display: flow-root;
    background: var(--daikinGlass);
    box-shadow: var(--daikinShadow);
    backdrop-filter: blur(13.963233947753906px);
    padding: 16px 48px;
    text-align: left;
    height: calc(100% - 145px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.glsGrid {
    border-radius: 12px;
    overflow: hidden;
}

.glsGrid__content .blueLink {
    text-align: right;
}

.glsGrid__content h5 {
    font-size: 18px;
    font-weight: 600;
    margin: 0px 0px 20px 0px;
}

.blueLink .Link {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    text-decoration: none;
}

.blueLink.blueLink--hasArrow .Link {
    position: relative;
    padding-right: 30px;
}

.blueLink.blueLink--hasULine .Link {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.blueLink.blueLink--hasArrow .Link:after {
    content: '';
    width: 16px;
    height: 16px;
    background: url("../images/link-arrow-blue.svg") center / contain no-repeat;
    position: absolute;
    right: 0px;
    top: calc(50% - 8px);
}

.glsGrid--2row {
    grid-row: 1 / span 2;
}

.glsGrid--2row .glsGrid__image {
    height: 400px;
}

.glsGrid--2row h2 {
    font-size: 75px;
    line-height: 85px;
}

.glsGrid.glsGrid--2row .glsGrid__content {
    height: calc(100% - 400px);
}

.whiteInCard {
    background: linear-gradient(180deg, #FFF 0.06%, #42B3FE 377.72%);
    border-radius: 10PX;
    padding: 24px;
    border-bottom: 5px solid #3AC4F5;
    border-bottom: 5px solid #3AC4F5;
}

.whiteInCard__img h6 {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.64px;
    text-transform: uppercase;
    margin: 0px 0px 20px 0px;
}

.whiteInCard__img img {
    width: auto;
    height: 150px;
    margin-inline: auto;
    display: block;
}

.whiteInCard__img {
    border-bottom: 1px solid #D7D7D7;
    padding-bottom: 16px;
}

.whiteInCard__content {
    padding-top: 16px;
}

.whiteInCard__content .bodyText {
    color: var(--secondaryColor);
    font-weight: 500;
}

.BlueGradientLink .Link {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    background: var(--daikinDeepBlue);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.BlueGradientLink.BlueGradientLink--hasArrow .Link:after {
    content: '';
    width: 12px;
    height: 12px;
    background: url('../images/link-arrow-gradient.svg') center / contain no-repeat;
    position: absolute;
    right: 0px;
    top: calc(50% - 6px);
}

.BlueGradientLink.BlueGradientLink--hasArrow {
    position: relative;
    padding-right: 30px;
}

.glsSmCard {
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.glsSmCard:after {
    content: '';
    width: 28px;
    height: 28px;
    background: url("../images/link-arrow-blue.svg") center / contain no-repeat;
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: 0;
    transition: 0.3s linear;
}

.glsSmCard:hover:after {
    opacity: 1;
    transition: 0.3s linear;
}

.glsSmCard__content {
    padding: 16px 48px;
    background: var(--daikinGlass);
    box-shadow: var(--daikinShadow);
    backdrop-filter: blur(13.963233947753906px);
}

.glsSmCard__content h3 {
    font-size: 27px;
    font-weight: 600;
    letter-spacing: 1.35px;
    text-transform: capitalize;
    margin-bottom: 5px;
    color: var(--white);
    text-align: center;
}

.glsSmCard__content .bodyText {
    color: rgba(255, 255, 255, 0.60);
    text-align: center;
    margin: 0;
}

.glsSmCard__image img {
    width: 100%;
    height: 135px;
    object-fit: cover;
    float: left;
}

.glsSmCard__image picture {
    display: flow-root;
}

.glsSmCard__image .Link {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0;
}

.multiTemplated:not(.proTemplate) .commercialTabLink {
    display: none;
}

.multiTemplated:not(.homeTemplate) .homeTabLink {
    display: none;
}

.tabAnchorLink.tabAnchorLink__light {
    width: auto;
}

.tabAnchorLink__light .tabAnchorLink__head:after {
    background: rgba(152, 162, 179, 0.2);
}

.tabAnchorLink__light .tabAnchorLink__link .Link {
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    transition: 0.3s linear;
}

.tabAnchorLink__light .tabAnchorLink__link .Link:hover {
    color: var(--secondaryColor);
    transition: 0.3s linear;
}

.tabAnchorLink__light .tabAnchorLink__head {
    gap: 20px;
}

.tabAnchorLink__light .tabAnchorLink__link.active .Link {
    color: var(--secondaryColor);
    font-weight: 600;
}

.buttonWrapper {
    display: flex;
    gap: 32px;
}

.intro-video__wrapper {
    position: relative;
}

.intro-video__main-wrapper.spiralVideo {
    padding: 0px 0px 64px 0px;
}

.glsCard {
    padding: 32px;
    background: var(--daikinGlass);
    backdrop-filter: blur(13.963233947753906px);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--daikinShadow);
    min-height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.glsCard:after {
    content: '';
    width: 100%;
    height: 5px;
    background: var(--daikinGreenGradient);
    position: absolute;
    left: 0;
    bottom: 0px;
    border-radius: 0;
    transition: 0.3s linear;
    transform: rotateY(90deg);
}

.glsCard:hover:after {
    transform: rotateY(0deg);
    transition: 0.3s linear;
}

.glsCard img {
    width: auto;
    max-width: 100%;
    height: 170px;
    margin: 0 auto;
    display: block;
}

.glsCard:hover img {
    height: 120px;
}

.glsCard h4 {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    margin: 20px 0px;
    color: var(--white);
    text-align: center;
}

.glsCard:hover {
    transition: all 0.3s linear;
}

/* hover white gls card */

.glsHoverWhite {
    width: 100%;
}

.glsHoverWhite__content, .glsBlue__content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

/*.glsHoverWhite .glsCard:after {
    content: none;
}*/

.glsHoverWhite .glsCard {
    flex: 1 0 260px;
    min-height: 335px;
    padding: 16px;
}

.glsHoverWhite.glsHoverWhite--md .glsCard {
    flex: 1 0 300px;
}

.glsHoverWhite .glsCard h4 {
    font-size: 20px;
    margin: 10px 0px 0px 0px;
}

.glsHoverWhite .glsCard__hoverBlock .bodyText {
    margin: 10px 0px;
}

.glsHoverWhite .glsCard:hover {
    background: var(--daikinLtWhite)
}

.glsHoverWhite .glsCard:hover :is(h4, p) {
    color: var(--secondaryColor)
}

/* hover white gls card end */

/* hover blue gls card */

.glsBlue__content .glsCard {
    flex: 1 0 260px;
    min-height: 440px;
    padding: 16px;
    background: var(--daikinGlass);
    backdrop-filter: none;
    position: relative;
}

.glsBlue__content .glsCard:hover {
    background: linear-gradient(271deg, rgba(0, 151, 224, 0.20) -14.47%, rgba(116, 196, 232, 0.00) 14.19%, rgba(179, 216, 239, 0.00) 39.67%, rgba(116, 196, 232, 0.10) 77.24%, rgba(0, 151, 224, 0.20) 112.9%), #00061C;
}

/* hover blue gls card end */

.LtBlueGradientLink .Link {
    background: var(--daikinGradientSt);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    display: inline-block;
}

.glsCard__hoverBlock .LtBlueGradientLink {
    text-align: center;
}

.LtBlueGradientLink.LtBlueGradientLink--hasArrow .Link {
    padding-right: 30px;
    position: relative;
}

.LtBlueGradientLink.LtBlueGradientLink--hasArrow .Link:after {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../images/arrow-right-blue-gradient.svg) center / contain no-repeat;
    position: absolute;
    right: 0px;
    top: calc(50% - 8px);
}

.hoverTab__preview {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 32px;
}

.hoverTab__preview__item {
    flex: 1 0 180px;
    min-height: 220px;
    padding: 16px;
    background: linear-gradient(271deg, rgba(0, 151, 224, 0.17) -14.47%, rgba(116, 196, 232, 0.17) 14.19%, rgba(179, 216, 239, 0.17) 39.67%, rgba(116, 196, 232, 0.17) 77.24%, rgba(0, 151, 224, 0.17) 112.9%);
    border-radius: 12px;
    align-items: center;
    display: flex;
    transition: all 0.3s linear;
    border-bottom: 5px solid transparent;
}

.hoverTab__preview__item__content {
    width: 100%;
}

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

.hoverTab__preview__item:not(:hover, .active) .LtBlueGradientLink {
    display: none;
}

.hoverTab__preview picture {
    display: flow-root;
}

.hoverTab__preview img {
    width: auto;
    max-width: 100%;
    height: 98px;
    margin-inline: auto;
    display: block;
}

.hoverTab__preview__item h6 {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin: 10px 0px;
    text-wrap: balance;
    color: var(--white);
}

.hoverTab__preview__item:is(.active, :hover) {
    background: linear-gradient(271deg, rgba(0, 151, 224, 0.36) -14.47%, rgba(116, 196, 232, 0.36) 14.19%, rgba(179, 216, 239, 0.36) 39.67%, rgba(116, 196, 232, 0.36) 77.24%, rgba(0, 151, 224, 0.36) 112.9%);
    transition: all 0.3s linear;
    border-bottom: 5px solid rgba(0, 151, 224, 0.36);
    transition: all 0.3s linear;
}

.hoverTab__content {
    margin: 40px 0px;
    width: 100%;
    background: var(--daikinGlass);
    padding: 32px 64px;
    box-shadow: var(--daikinShadow);
    border-radius: 10px;
    position: relative;
    border-bottom: 5px solid rgba(51, 255, 108, 0.70);
}

.hoverTab__activeItem {
    display: flex;
    position: relative;
    align-items: center;
}

.hoverTab__activeItem__image {
    width: min(100%, 275px);
    text-align: center;
}

.hoverTab__activeItem__content {
    width: calc(100% - 275px);
    padding-left: 40px;
}

.hoverTab__activeItem:not(.active) {
    display: none;
}

.hoverTab__content:before {
    content: '';
    width: 100%;
    height: 100%;
    background: var(--daikinDeepBlue);
    position: absolute;
    left: 0;
    top: 0;
    filter: blur(128px);
    border-radius: 1393px;
    opacity: 0.5;
}

.hoverTab__activeItem__content h3 {
    color: var(--white);
}

.hoverTab__activeItem__content .LtBlueGradientLink {
    text-align: left;
}

.hoverTab--whiteIn .hoverTab__activeItem__content {
    width: 100%;
    padding-left: 0;
}

.hoverTab--whiteIn .hoverTab__content {
    background: var(--white);
}

.hoverTab--whiteIn .hoverTab__content:before {
    content: none;
}

.hoverTab--whiteIn .hoverTab__preview__item:is(.active, :hover) {
    background: var(--daikinLtWhite);
}

.hoverTab--whiteIn .hoverTab__preview__item:is(.active, :hover) h6 {
    color: var(--secondaryColor);
}

.hoverTab--whiteIn .hoverTab__preview__item h6 {
    font-size: 14px;
    font-weight: 400;
}

/* Cloud Services and Apps */

.appFlow-image {
    display: flow-root;
    margin-bottom: 20px;
}

.appFlow-image img {
    width: 100%;
    height: auto;
}

.productSpecCard {
    padding: 50px 64px;
    border-radius: 10px;
    border: 3px solid #B3D8EF;
    background: #F9FAFB;
    margin: 30px 0px;
    box-shadow: -138px 282px 88px 0px rgba(1, 30, 49, 0.00), -6px 11px 20px 0px rgba(1, 30, 49, 0.10);
}

.productSpecCard__title {
    width: 100%;
    position: relative;
    padding: 14px 30px;
    margin-bottom: 30px;
    text-align: left;
}

.productSpecCard__title:before {
    content: '';
    width: 5px;
    height: 100%;
    background: var(--lt_blue);
    position: absolute;
    left: 0;
    top: 0;
}

.productSpecCard__title h6 {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    margin: 0;
    color: var(--lt_blue);
}

.productSpecCard__title h2 {
    margin: 0;
}

.specGrid {
    display: grid;
    grid-template-columns: calc(40% - 23px) calc(60% - 23px);
    gap: 46px;
}

.specGrid__image {
    width: 100%;
}

.specGrid__image picture {
    display: flow-root;
}

.specGrid__image picture img {
    width: 100%;
    float: left;
}

.specListItem {
    display: flex;
    align-items: center;
    margin: 24px 0px;
}

.specListItem__icon {
    width: 24px;
    height: 24px;
}

.specListItem__icon picture {
    width: 100%;
    display: flow-root;
}

.specListItem__icon picture img {
    width: 100%;
    height: 100%;
}

.specListItem__text {
    width: calc(100% - 24px);
    padding-left: 12px;
}

.specListItem__text__in {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.48px;
    text-transform: uppercase;
    color: #475467;
}

.v-flexEnd {
    display: flex;
    justify-content: flex-end;
}

.specGrid__content .v-flexEnd {
    margin-top: 45px;
}

.blockSmTitle h6 {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.48px;
    text-transform: uppercase;
    color: #252B42;
    margin: 0px 0px 10px 0px;
}

.mdBodyText {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    color: #252B42;
}

.actionLinkBlock {
    margin: 35px 0px;
}

.actionLinkBlock__content {
    display: flex;
}

.actionLink .Link {
    padding: 10px 35px 10px 20px;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    color: #252B42;
    text-decoration: underline;
    text-underline-offset: 3px;
    position: relative;
    transition: 0.3s linear;
}

.actionLink .Link:hover {
    font-weight: 500;
    transition: 0.3s linear;
}

.actionLink {
}

.actionLink .Link:before {
    content: '';
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--primaryBlue);
    opacity: 0;
}

.actionLink .Link:after {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: calc(50% - 12px);
    background: url("../images/link-arrow-blue.svg") center / contain no-repeat;
    opacity: 0;
    transition: 0.3s linear;
}

.actionLink .Link:hover:before {
    opacity: 1;
    transition: 0.3s linear;
}

.actionLink .Link:hover:after {
    opacity: 1;
    transition: 0.3s linear;
}

.glsPintile {
    padding: 24px;
    background: var(--daikinGlass);
    backdrop-filter: blur(13.963233947753906px);
    border-radius: 10px;
}

.glsPintile__image picture {
    display: flow-root;
}

.glsPintile__image img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    object-position: center;
    float: left;
}

.glsPintile__content h4 {
    font-size: 20px;
    font-weight: 500;
    color: var(--white);
    margin: 0px 0px 10px 0px;
}

.glsPintile__content {
    padding-top: 15px;
}

.glsPintile__content .blueLink.blueLink--hasArrow .Link {
    width: 100%;
    display: inline-block;
}

.smTileWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0px 60px;
}

.smTileWrapper__content {
    display: flex;
    gap: 23px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.smTile {
    min-width: 177px;
    width: auto;
    padding: 16px;
    position: relative;
    background: transparent;
    transition: 0.3s linear;
    border-radius: 12px;
}

.smTile__image {
    padding: 22px 0px;
}

.smTile__link .Link {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0;
}

.smTile__image picture {
    display: flow-root;
}

.smTile__image img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 86px;
    display: block;
    margin-inline: auto;
}

.smTile:hover {
    background: linear-gradient(135deg, rgba(207, 238, 253, 0.37) 6.24%, rgba(226, 243, 251, 0.42) 92.04%);
    transition: 0.3s linear;
}

.smTile:after {
    content: '';
    width: 15px;
    height: 15px;
    background: url("../images/link-arrow-black.svg") center / contain no-repeat;
    position: absolute;
    right: 16px;
    top: 16px;
}

.smTile__content .bodyText {
    margin: 0;
}

.coverTile {
    padding: 14px 14px 24px 14px;
    background: var(--white);
    border-radius: 20px;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.08);
    position: relative;
    border-bottom: 5px solid transparent;
    transition: 0.3s linear;
}

.coverTile__image {
    width: 100%;
    aspect-ratio: 1/1.104;
    overflow: hidden;
}

.coverTile__image picture {
    width: 100%;
    height: 100%;
    display: flow-root;
    border-radius: 10px;
    overflow: hidden;
}

.coverTile__image img {
    width: 100%;
    height: 100%;
    float: left;
    scale: 1;
    transition: 0.3s linear;
    object-fit: cover;
}

.coverTile__content h4 {
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 16px 0px;
}

.coverTile__content {
    text-align: center;
}

.coverTile__linkPlaceholder {
    color: var(--lt_blue);
    font-size: 11.408px;
    font-weight: 500;
    letter-spacing: 0.57px;
    text-transform: uppercase;
    margin: 0;
    display: inline-block;
    padding-right: 15px;
    position: relative;
}

.coverTile__linkPlaceholder:after {
    content: "";
    width: 9px;
    height: 9px;
    background: url("../images/link-arrow-blue.svg") center / contain no-repeat;
    position: absolute;
    right: 0;
    top: 0px;
}

.coverTile__link .Link {
    width: 100%;
    height: calc(100% + 5px);
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0;
}

.coverTile:hover {
    background: var(--daikinLtWhite);
    border-bottom: 5px solid rgba(49, 138, 221, 0.7);
    transition: 0.3s linear;
}

.coverTile:hover .coverTile__image img {
    scale: 1.05;
    transition: 0.3s linear;
}

/* Cloud Services and Apps End*/

.productAllArticle {
    position: relative;
    min-height: 400px;
}

:is(#iaq-products-section) ~ .productAllArticle {
    display: none;
}

.productSection .featureBlock {
    padding-inline: 120px;
}

.productFilterToggleBlock {
    position: relative;
    top: -85px;
}

.prodFilterBtn {
    background: var(--daikinGradientRt);
    color: var(--white);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    padding: 8px 50px 8px 16px;
    border-radius: 28px;
    box-shadow: 0px 8px 12px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.30);
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
}

.prodFilterBtn:after {
    content: '';
    width: 13px;
    height: 13px;
    background: url("../images/filter--white.svg") center / contain no-repeat;
    position: absolute;
    right: 20px;
    top: calc(50% - 6.5px);
}

.productAllArticle .pageSection.productSection:nth-of-type(2n) {
    background: var(--daikin_grey2)
}

.prodCompareSection {
    position: absolute;
    width: 100%;
    left: 0;
    top: calc(100% - 65px);
}

.prodCompareSection.noneState {
    display: none;
}

.prodCompare__wrap {
    background: linear-gradient(135deg, rgba(207, 238, 253, 0.37) 6.24%, rgba(226, 243, 251, 0.42) 92.04%);
    backdrop-filter: blur(30.978445053100586px);
    box-shadow: var(--daikinShadow);
    border-radius: 0px 0px 16px 16px;
    position: relative;
}

/*.prodCompareSection.fixed .prodCompare__wrap {
    position: fixed;
    width: min(100%, 1130px);
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0px);
}*/
.prodCompareSection:not(.noneState) .prodCompare__wrap {
    position: fixed;
    width: min(100%, 1130px);
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0px);
    z-index:3;
}

.prodCompare__wrap:before {
    content: '';
    width: 100%;
    height: 5px;
    background: linear-gradient(181deg, #3AC4F5 2.68%, #0E0E8A 95.69%);
    position: absolute;
    left: 0;
    top: 0;
}

.prodCompare__wrap h3 {
    font-size: 26px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    margin: 15px 0px 20px 0px;
    display: inline-block;
    width: 100%;
}

.prodCompare__allBlock {
    width: 100%;
    padding: 0px 30px 20px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.prodCompare__btn {
    background: var(--daikinDeepBlue);
    color: var(--white);
    padding: 14px 50px 14px 25px;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    text-decoration: none;
}

.prodCompare__btn:not(.active) {
    opacity: 0.2;
    pointer-events: none;
}

.prodCompare__btn:after {
    content: '';
    width: 15px;
    height: 15px;
    background: url("../images/arrow-right-white.svg") center / contain no-repeat;
    position: absolute;
    right: 20px;
    top: calc(50% - 7.5px);
}

.prodCompare__block {
    width: 100%;
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
}

.prodCompare__item {
    flex: 1 0 200px;
    background: var(--daikinLtWhite);
    box-shadow: var(--daikinShadow);
    backdrop-filter: blur(29.692293167114258px);
    border-radius: 12px;
    position: relative;
    padding: 40px 10px 10px 15px;
    display: flex;
    align-items: center;
}

.prodCompare__item .productCard__compare {
    position: absolute;
    right: 13px;
    top: 13px;
    width: 20px;
    height: 20px;
}

.prodCompare__item__img {
    width: 105px;
    height: 84px;
    border: 1px dashed var(--lt_blue);
    text-align: center;
}

.prodCompare__item__img.borderOut {
    border: 1px solid transparent;
}

.prodCompare__item__img img {
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.prodCompare__item__content {
    width: calc(100% - 105px);
    padding-left: 15px;
}

.prodCompare__item__content .bodyText {
    margin: 0;
}

/* Product Card */

.productCard {
    width: 100%;
    border-radius: 13px;
    box-shadow: 0px 3.499px 21.87px 0px rgba(0, 0, 0, 0.10);
    border: 1px solid var(--secondaryColor);
    padding: 20px;
    transition: 0.3s linear;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.productCard:hover {
    box-shadow: 0px 3.499px 21.87px 0px rgba(0, 0, 0, 0.30);
    transition: 0.3s linear;
}

.productCard__options {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.productCard__options.productCard__options--end {
    justify-content: flex-end;
}

.productCard__compare, .blCheckbox {
    position: relative;
}

.prodCompare__input, .blCheckbox__input {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    border: 0;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}

.prodCompare__input.prodCompare__input--ds {
    pointer-events: none;
}

.prodCompare__placeholder, .blCheckbox__placeholder {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--white);
    border: 1px solid var(--black);
    transition: 0.3s linear;
    overflow: hidden;
}

.prodCompare__input.prodCompare__input--ds + .prodCompare__placeholder {
    opacity: 0.15;
}

.prodCompare__label {
    margin-left: 30px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.458px;
    text-transform: uppercase;
}

.prodCompare__placeholder:after, .blCheckbox__placeholder:after {
    content: '';
    width: 28px;
    height: 28px;
    background: url("../images/tick-white.svg") center / contain no-repeat;
    position: absolute;
    left: calc(50% - 14px);
    top: calc(50% - 14px);
    transform: scale(0);
    transition: 0.3s linear;
}

.prodCompare__input:checked + .prodCompare__placeholder, .blCheckbox__input:checked + .blCheckbox__placeholder {
    background: var(--lt_blue);
    transition: 0.3s linear;
}

.prodCompare__input:checked + .prodCompare__placeholder:after, .blCheckbox__input:checked + .blCheckbox__placeholder:after {
    transform: scale(1);
    transition: 0.3s linear;
}

.productCard__favourite {
    width: 23px;
    height: 23px;
    background: url("../images/favourite.svg") center / contain no-repeat;
    border-radius: 23px;
    cursor: pointer;
}

.productCard__favourite.active {
    background: url("../images/favourites-active-filled.svg") center / contain no-repeat;
}

.productCard__title {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0px 0px 10px 0px;
}

.productCard__rating {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 20px;
}

.productAllArticle .pageSection.productSection:nth-of-type(2n) .bv-cv2-cleanslate .bv-inline-rating-container .bv-rating-stars-off {
    color: #d6d6d6 !important;
}

.selectedProductParent .bv-cv2-cleanslate .bv-inline-rating-container .bv-rating-stars {
    font-size: 26px !important;
}

.selectedProductParent .productCard__rating {
    min-width: 200px;
    justify-content: flex-end;
}

.selectedProductParent .productCard__rating.hasButton {
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
}

.productCard__rating__stars {
    display: flex;
    gap: 3px;
    margin-right: 10px;
}

.ratingStar {
    width: 14px;
    height: 14px;
    background: url('../images/star-filled.svg') center / contain no-repeat;
}

.starIn {
    width: 14px;
    height: 14px;
}

.selectedProductParent .starIn {
    width: 20px;
    height: 20px;
}

.starIn.filled {
    background: url('../images/star-filled.svg') center / contain no-repeat;
}

.starIn.half {
    background: url('../images/star-half.svg') center / contain no-repeat;
}

.starIn.empty {
    background: url('../images/star-empty.svg') center / contain no-repeat;
}

.productCard__rating__count {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    color: #B3B3B3;
}

.selectedProductParent .productCard__rating__count {
    font-size: 19px;
    color: var(--secondaryColor);
}

.productCard__noReview {
    font-size: 12px;
    margin: 0px 0px 5px 0px;
    color: var(--grey);
}

.productCard__imageBlock {
    padding: 12px;
    border-bottom: 1px solid var(--secondaryColor);
    text-align: center;
}

.prodImageLink {
    display: inline-block;
    width: 100%;
}

.productCard__image {
    width: 100%;
    max-width: 170px;
    height: 175px;
    object-fit: contain;
    display: block;
    margin: 15px auto;
}

.productCard__tag {
    width: auto;
    background: var(--daikinDeepBlue);
    padding: 3px 14px;
    border-radius: 23px;
    margin-inline: auto;
    display: inline-block;
}

.productCard__tag label {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 14px;
    font-weight: 500;
    color: var(--white);
}

.productCard__tag--noTag {
    opacity: 0;
}

.productCard__description {
    font-size: 12px;
    font-weight: 500;
    margin: 0px 0px 5px 0px;
}

.productCard__content {
    padding: 15px 0px;
}

.productCard__content__info {
    width: 100%;
    margin: 10px 0px;
    display: inline-block;
}

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

.productCard__content__info__each :is(h6,p) {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    color: #383838;
}

.productCard__content__info__each h6 {
    width: 110px;
}

.productCard__content__info__each p.greyTetxIn {
    color: #6F6F6F;
}

.productCard__savingsText {
    font-size: 9px;
    font-weight: 500;
    margin: 10px 0px 0px 0px;
}

.blueTextLink {
    color: var(--primaryBlue);
    text-decoration: underline;
}

.productCard__buttonBlock {
    width: 100%;
    text-align: center;
    padding-top: 20px;
    border-top: 0.5px solid var(--black);
}

.nmBtn {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--secondaryColor);
}

.productCard__content__info > .flexCE {
    margin-top: 10px;
}

.nmBtn.nmBtn--hasArrow {
    padding-right: 25px;
    position: relative;
}

.nmBtn.nmBtn--hasArrow:after {
    content: '';
    width: 15px;
    height: 15px;
    background: url("../images/arrow-right-dark.svg") center / contain no-repeat;
    position: absolute;
    right: 0;
    top: calc(50% - 9px);
}

.rebateIframe {
    width: 100%;
    height: 100%;
    float: left;
}

#rebate-modal .csModal__content {
    height: 100%;
}

.prodFilterContent {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; /* was 4 grid */
    gap: 32px;
}

.range-slider.ui-widget.ui-widget-content {
    background: #DEDEDE;
    height: 4px;
    width: 100%;
    border: 0;
}

.range-slider :is(.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active) {
    width: 18px;
    height: 18px;
    background: var(--white);
    border-radius: 12px;
    top: 2px;
    transform: translateY(-50%);
    border: 1px solid var(--lt_blue);
    cursor: pointer;
}

.range-slider .value-indicator {
    position: absolute;
    top: -30px;
    transform: translateX(-50%);
    font-weight: 700;
    font-size: 12px;
}

.range-slider .ui-widget-header {
    background: var(--daikinDeepBlue);
}

.rg-slider-container {
    min-height: 59px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: calc(100% - 30px);
    margin-inline: auto;
    position: relative;
}

.rangeSliderMinMaxBlock {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rangeSliderMinMaxBlock {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rangeSliderMinMaxBlock span {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #6D6E71;
    margin-top: 10px;
}

.prodFilterContent__item {
    width: 100%;
    margin: 10px 0px;
    display: inline-block;
}

.prodFilterContent__item > label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.48px;
    text-transform: uppercase;
    margin-bottom: 12px;
    width: 100%;
    display: inline-block;
}

.prodFilterContent__input.prodFilterContent__input--radio {
    position: relative;
    margin: 6px 0px;
    width: 100%;
    display: inline-block;
}

.prodFilter__radio {
    margin: 0;
    padding: 0;
    outline: 0;
    position: absolute;
    cursor: pointer;
}

.prodFilterContent__input.disabled {
    pointer-events: none;
    opacity: 0.2
}

.prodFilter__radio.prodFilter__radio--round {
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
}

.prodFilterContent__input:has(.prodFilter__radio--round) {
    padding-left: 30px;
}

.prodFilter__radio.prodFilter__radio--round + .prodFilter__radio__placeholder {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid #475467;
    border-radius: 20px;
}

.prodFilter__radio.prodFilter__radio--round:checked + .prodFilter__radio__placeholder {
    border: 2px solid var(--lt_blue);
    background: linear-gradient(135deg, #0097E0 0%, #77CAF3 100%);
}

.prodFilter__radio__label {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.prodFilterContent__input:not(.prodFilterContent__input--radio) {
    display: inline-block;
    position: relative;
}

.prodFilterContent__input:not(.prodFilterContent__input--radio) .prodFilter__radio {
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.prodFilterContent__input:not(.prodFilterContent__input--radio) .prodFilter__radio + span {
    padding: 8px 15px;
    display: inline-block;
    min-width: 80px;
    text-align: center;
    border: 1px solid #7F7F7F;
    border-radius: 5px;
}

.prodFilterContent__inputWrap {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.prodFilterContent__inputWrap.prodFilterContent__inputWrap--block {
    flex-direction: column;
}

.prodFilterContent__input:not(.prodFilterContent__input--radio) .prodFilter__radio:checked + span {
    background: var(--daikinGradientSt);
    color: var(--white);
    border-color: var(--white);
}

.prodFilter__checkBoxBlock {
    display: flex;
    padding-left: 24px;
    align-items: center;
    min-height: 20px;
}

.prodFilter__checkB__label {
    font-weight: 700;
    font-size: 12px;
}

.prodFilteringBtnParent .Link.prodFilteringBtn {
    padding: 8px 20px;
    border-radius: 30px;
}

.prodFilterHead {
    display: flex;
    align-items: center;
}

.prodFilterActiveIndicBlock {
    display: flex;
    padding: 0px 10px;
    gap: 18px;
    flex-wrap: wrap;
}

.prodActiveTag {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    background: rgb(13 16 19 / 65%);
    padding: 2px 8px;
    color: var(--white);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
}

.prodActiveTag__remove {
    width: 12px;
    height: 12px;
    background: url("../images/close-white.svg") center / contain no-repeat;
    cursor: pointer;
}

.prodSelectedFilters {
    display: flex;
    margin-top: 55px;
    flex-wrap: wrap;
    gap: 15px;
}

.prodSelectedFilters .prodFilterActiveClear:not(:first-child) {
    display: none;
}

.prodFilterMswitch {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    float: left;
    background: var(--daikinDeepBlue);
    width: 50px;
    height: 20px;
    padding: 5px 8px;
    border-radius: 30px;
}

.prodFilterMswitch__label:not(.active) {
    opacity: 0
}

.prodFilterMswitch__input {
    margin: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
}

.prodFilterMswitch__label {
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
}

.prodFilterMswitch__input__placeholder {
    width: 15px;
    height: 15px;
    background: var(--white);
    position: absolute;
    left: 3px;
    top: calc(50% - 7.5px);
    border-radius: 20px;
    transition: 0.2s linear;
}

.prodFilterMswitch__input:checked + .prodFilterMswitch__input__placeholder {
    left: calc(100% - 18px);
    transition: 0.2s linear;
}

.productAllArticle.loading {
    position: relative;
}

.productAllArticle.loading:after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 30, 49, 0.37);
    position: absolute;
    left: 0;
    top: 0;
/*    z-index: 1;*/
    display: flex;
    background-image: url("../images/pre-loader.svg");
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: center;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(13.4px);
}

.prodFilterActiveClear {
    font-size: 12px;
    font-weight: 700;
    padding: 2px 24px 2px 8px;
    text-transform: uppercase;
    background: var(--white);
    border-radius: 20px;
    border: 1px solid var(--daikin_orange);
    color: var(--daikin_orange);
    position: relative;
    cursor: pointer;
    transition: 0.3s linear;
}

.prodFilterActiveClear:after {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    right: 8px;
    top: calc(50% - 5.4px);
    background: url("../images/close--orange.svg") center / contain no-repeat;
}

.prodFilterActiveClear:hover:after {
    transition: 0.3s linear;
    transform: rotate(90deg);
}

.prodSelectedFilters .prodFilterActiveClear:not(:has(~ .prodActiveTag)) {
    display: none;
}

/* Product Card End */

.productReccSection {
    display: none;
}

.pageSection.productReccSection:has(.prodRecItem) {
    display: block;
}

.pageSection.productReccSection.sf-zone-widget {
    display: block !important;
}

/* Favourite Products */
.favouriteBlock {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    position: relative;
    margin-bottom: 40px;
}

.favouriteBox {
    position: absolute;
    width: min(100%, 350px);
    top: calc(100% + 10px);
    right: 0px;
    border-radius: 15px;
    box-shadow: var(--daikinShadow);
    background: var(--white);
    z-index: 1;
    overflow: hidden;
    display: none;
}

.favouriteBox__head {
    position: relative;
    padding: 15px 40px 15px 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    background: var(--daikinDeepBlue);
}

.favouriteBox__head__logo {
    width: 32px;
    height: 32px;
    background: url("../images/favourite-white.svg") center / contain no-repeat;
}

.favouriteBox__head h3 {
    font-size: 18px;
    margin: 0;
    color: var(--white);
}

.favouriteBox__out {
    width: 20px;
    height: 20px;
    background: url("../images/close-white.svg") center/ contain no-repeat;
    position: absolute;
    right: 15px;
    top: calc(50% - 10px);
    cursor: pointer;
}

.favouriteBox__content {
    height: 300px;
    padding: 15px;
    overflow: auto;
/*    position: relative;*/
}

.favInfoText {
    position: absolute;
    font-size: 14px;
    font-weight: 500;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.favouriteBoxToggler {
    font-size: 18px;
    background: var(--daikinDeepBlue);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
    font-weight: 600;
    padding-left: 30px;
    position: relative;
}

.favouriteBoxToggler:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/favourite-active.svg") center / contain no-repeat;
    position: absolute;
    left: 0;
    top: calc(50% - 10px);
}

.myFavModalContent {
    width: min(100%, 600px);
    margin-inline: auto;
}

.csModal--md .csModal__content {
    width: min(100%, 800px);
}

.myFavModalContent h3 {
    background: var(--daikinDeepBlue);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.favFormBlock {
    width: 100%;
    display: inline-block;
    margin: 5px 0px;
}

.favFormBlock__input, .favFormBlock__select {
    width: 100%;
    height: 40px;
    border-radius: 4px 4px 0px 0px;
    border: 0;
    border-bottom: 1px solid rgb(0 30 49 / 38%);
    background: #f5f6f7;
    font-family: var(--fontP);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.1px;
    padding: 4px 12px;
    color: var(--secondaryColor);
}

.favFormBlock__input::placeholder {
    color: #98a4ac;
}

.favFormBlock__error {
    color: var(--daikin_orange);
    font-size: 12px;
    margin-top: 4px;
    display: none;
}

.favFormBlock .is-invalid + label {
    display: inline-block;
}

.favFormBlock + p {
    margin-top: 15px;
}

.favFormConcent {
    font-weight: 500;
    margin-bottom: 15px;
}

.myFavModalContent.formError .btn, .myFavModalContent:has(.is-invalid) .btn {
    opacity: 0.2;
    pointer-events: none;
}

.favouriteBox__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
    gap: 20px;
    border-radius: 5px;
    padding: 10px;
    background: var(--daikin_grey2);
    box-shadow: var(--daikinShadow);
}

.favouriteBox__content .favouriteBox__item:nth-of-type(1) {
    margin-top: 0;
}

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

.favouriteBox__item__content img {
    width: 80px;
    max-height: 60px;
    height: auto;
    object-fit: contain;
}

.favouriteBox__item__content h6 {
    margin: 0;
    padding-left: 10px;
    font-size: 12px;
}

.favouriteBox__item__options {
    display: flex;
    gap: 10px;
}

.favouriteBox__item__options__link {
    display: flex;
    padding: 2px 5px;
    color: var(--white);
    text-decoration: none;
    border-radius: 4px;
    font-size: 12px;
}

.favouriteBox__item__options__link.link--view {
    background: var(--daikinDeepBlue);
}

.favouriteBox__item__options__link.link--delete {
    background: var(--daikin_orange);
}

.favouriteBox__content.loading {
    overflow: hidden;
}

.favouriteBox__content.loading:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 30, 49, 0.37);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: flex;
    background-image: url("../images/pre-loader.svg");
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: center;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(13.4px);
}

/* Favourite Products End */

/* Product Recommendation Widget */

.productReccSection {
    position: relative;
    z-index: 1;
}

.prodRecGrid {
    grid-template-columns: 235px 1fr;
    gap: 32px;
}

.productRecTitle h3 {
    color: #19C9CB;
}

.prodRecGrid .btn.btn--grGradient {
    width: min(100%, 300px);
}

.prodRecGrid .btn.btn--grGradient .Link {
    text-align: center;
    justify-content: center;
    align-items: center;
}

.prodRecGrid .btn.btn--grGradient .Link:after {
    content: '';
    width: 12px;
    height: 12px;
    background: url("../images/arrow-right-white.svg") center / contain no-repeat;
    margin-left: 8px;
}

.prodRecGrid:not(:has(.prodRecItem:nth-child(2))) .btn--grGradient .Link {
    opacity: 0.2;
    pointer-events: none;
}

.prodRecItem {
    padding: 25px 25px 50px 25px;
    position: relative;
    border-radius: 15px;
    box-shadow: 0px 3.404px 3.404px 0px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(26px);
    color: var(--white);
}

.prodRecItem:first-child {
    background: linear-gradient(206deg, rgba(9, 9, 176, 0.48) -12.44%, rgba(49, 160, 254, 0.48) 5.88%, rgba(252, 56, 56, 0.20) 60.04%, rgba(9, 86, 176, 0.48) 98.11%, rgba(8, 8, 176, 0.48) 121.61%);
}

.prodRecItem:nth-child(2) {
    background: linear-gradient(206deg, rgba(9, 9, 176, 0.48) -12.44%, rgba(49, 160, 254, 0.48) 5.88%, rgba(255, 159, 15, 0.31) 60.04%, rgba(9, 86, 176, 0.48) 98.11%, rgba(8, 8, 176, 0.48) 121.61%)
}

.prodRecItem:nth-child(3) {
    background: linear-gradient(206deg, rgba(9, 9, 176, 0.48) -12.44%, rgba(49, 160, 254, 0.48) 5.88%, rgba(104, 255, 128, 0.20) 60.04%, rgba(9, 86, 176, 0.48) 98.11%, rgba(8, 8, 176, 0.48) 121.61%)
}

.prodRecItemWrapper {
    position: relative;
}

.prodRecItemGrid {
    position: absolute;
    top: 0;
    left: 0;
}

.prodRecItem__image {
    width: 182px;
    height: 182px;
    object-fit: contain;
    object-position: center;
    margin-inline: auto;
    display: block;
    margin-bottom: 13px;
}

.prodRecItem__tag {
    font-size: 14px;
    font-weight: 400;
    line-height: 20.425px; /* 136.163% */
    letter-spacing: 0.15px;
    text-transform: capitalize;
    padding: 2px 15px;
    border-radius: 25px;
    border: 1px solid var(--white);
    margin-bottom: 7px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 26px;
    float: left;
}

.productDetailHead {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
}


.prodRecItem__tag.prodRecItem__tag--noTag {
    opacity: 0;
}

.prodRecItem h4 {
    width: 100%;
    font-size: 21px;
    font-weight: 500;
    letter-spacing: 0.039px;
    margin: 0 0 7px 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.prodRecItem__feature {
    font-size: 10.998px;
    font-weight: 400;
    line-height: 19.639px;
    margin: 0 0 7px 0px;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.prodRecItem__link {
    font-size: 10.211px;
    font-weight: 500;
    letter-spacing: 0.511px;
    text-transform: uppercase;
    color: var(--white);
    text-decoration: none;
    position: absolute;
    bottom: 25px;
    right: 25px;
}

.prodRecItem__link:after {
    content: '';
    width: 10px;
    height: 10px;
    background: url("../images/arrow-right-white.svg") center / contain no-repeat;
    display: inline-block;
    margin-left: 8px;
    position: relative;
    top: 1px;
}

/* Product Recommendation Widget End */

/* Professional Products Page */

.multiTemplated.proTemplate .breadcrumbWrapper {
    display: none;
}

.tableWrap {
    margin-bottom: 30px;
    width: 100%;
    overflow: auto;
}

.productSpecTable {
    width: 100%;
    border-collapse: collapse;
    border: 2px solid #667085;
}

.productSpecTable tr td {
    border: 2px solid #667085;
    padding: 5px 10px;
    font-size: 12px;
    color: var(--grey);
    font-weight: 500;
}

.productSpecTable tr td:first-child {
    background: #B3D8EF;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.64px;
    text-transform: uppercase;
    color: var(--grey);
    max-width: 140px;
    text-align: center;
    word-break: break-word;
}

.productSpecTable tr:first-child td:not(:first-child) {
    background: #D7DADF;
    font-weight: 700;
}

.glassBlock {
    margin: 50px 0px;
    background: var(--daikinGlass);
    padding: 45px;
    border-radius: 10px;
    border-bottom: 7px solid #3AC4F5;
}

.glassBlock__content {
    width: min(100%, 850px);
    margin-inline: auto;
}

.blueGradientCard {
    padding: 32px 64px;
    border-radius: 10px;
    background: var(--daikinLtWhite);
    box-shadow: var(--daikinShadow);
    margin: 25px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blueGradientCard__image {
    width: min(100%, 230px);
}

.blueGradientCard__content {
    width: calc(100% - 230px);
    padding-left: 50px;
}

.pdGlsCard {
    padding: 33px;
    border-radius: 10px;
    background: var(--daikinGlass);
    backdrop-filter: blur(30.978445053100586px);
    box-shadow: var(--daikinShadow);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
}

.pdGlsCard__img {
    width: 140px;
}
.r32-logo-image {
    display: block;
    margin-top: 20px;
}

.pdGlsCard .r32-logo-image {
    display: block;
    position: absolute;
    top: 50%;
    left: 17%;
    margin-top: 20px;
}

.pdGlsCard__content {
    width: calc(100% - 140px);
    padding-left: 30px;
    color: var(--white);
}

.pdGlsCard__content__head h3 {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
}

.pdGlsCard__content__head p {
    font-size: 14px;
    margin: 0px;
}

.pdGlsCard__content__body p {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
}

.pdGlsCard:hover {
    background: var(--daikinLtWhite);
}

.pdGlsCard:hover .pdGlsCard__content {
    color: var(--secondaryColor);
}

.proProdSliderItem {
    padding: 32px;
    background: var(--daikinLtWhite);
    border-radius: 10px;
    box-shadow: var(--daikinShadow);
    backdrop-filter: blur(30px);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.proProdSliderItem__content .prodTag {
    border-radius: 30px;
    background: var(--daikinDeepBlue);
    padding: 0px 15px;
    font-size: 16px;
    color: var(--white);
}

.proProdSliderItem__content h3 {
    display: flex;
    align-items: center;
    gap: 15px;
}

.proProdSliderItem__image {
    width: 260px;
}

.proProdSliderItem__image img {
    width: 100%;
    max-height: 192px;
    object-fit: contain;
}

.proProdSliderItem__content {
    width: calc(100% - 260px);
    padding-left: 32px;
}

.proProdSliderItem:nth-child(2n) {
    background: var(--daikinGlass);
    color: var(--white);
}

.overflowSlider {
    padding-bottom: 70px;
    margin-bottom: 30px;
}

.storeImageWrap {
    display: flex;
    align-items: center;
    gap: 15px;
}

.overflowSlider .csSlider-pagination .swiper-pagination-bullet {
    margin: 0px 5px !important;
    background: rgb(255 255 255 / 0.3) !important;
    color: var(--secondaryColor)
}

.overflowSlider .csSlider-pagination .swiper-pagination-bullet-active.swiper-pagination-bullet-active-main {
    background: var(--white) !important;
}

.productsTabScrollBlock.productsTabScrollBlock--smGap {
    gap: 10px;
}

.produdtSpecDetails p {
    margin-bottom: 25px;
}

.csTabContent .cstabData.bgTab {
    background: var(--daikinGlass);
    border-radius: 10px;
    padding: 42px 60px;
    color: var(--white);
}

.cstabData.bgTab h2 {
    font-size: 48px;
    font-weight: 400;
    line-height: 64px;
}

.cstabData.bgTab h2.sideTitle {
    width: 100%;
    display: inline-block;
    margin-top: 50px;
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
}

.prodSpecText {
    text-transform: uppercase;
}

.bgTab h3 {
    text-align: left;
}

.bgTab .bulletList {
    text-align: left;
    padding-left: 15px;
}

.bgTab .bulletList li {
    margin: 10px 0px;
}

.csTabContent .cstabData.bgTab.bgTab--white {
    background: var(--daikinLtWhite);
    color: var(--secondaryColor)
}

.blTable {
    width: auto;
    border-collapse: collapse;
    border: 1.5px solid var(--secondaryColor);
}

.blTable tr :is(td, th) {
    border: 1.5px solid var(--secondaryColor);
    padding: 8px;
}

.blTable tr th {
    background: var(--lt_blue);
    color: var(--white);
}

.blTable tr td {
    font-size: 12px;
    font-weight: 500;
    max-width: 400px;
}

.cpIndicator {
    width: 10px;
    height: 10px;
    display: block;
    margin: 5px 0px;
}

.cpIndicator.cpIndicator--cch {
    background: url("../images/icon-cch.png") center / contain no-repeat;
}

.cpIndicator.cpIndicator--osa {
    background: url("../images/icon-osa.png") center / contain no-repeat;
}

.cpIndicator.cpIndicator--cps {
    background: url("../images/icon-cps.png") center / contain no-repeat;
}

.indicator__defineBlock {
    margin-top: 25px;
}

.indicator__defineBlock__each {
    display: flex;
    gap: 10px;
}

.darkTextLinkWrapper {
    display: inline-block;
}

.crossOverSectionWhite {
    background: var(--daikinLtWhite);
}

.gridParent.alignCenter {
    align-items: center;
}

/* Professional Products Page End*/

/* PRODUCTS DETAIL PAGE */

.productsMultiSliderBlock {
    padding: 16px;
    position: relative;
    border: 1px solid #0E0E8A;
}

.gridParent.grid-al-top {
    align-items: flex-start;
}

.produdtSpecDetails__item__buttonBlock .btn.btn--DBlue .Link {
    margin-bottom: 15px;
}

.produdtSpecDetails__item__buttonBlock .btn.btn--DBlue .Link:hover {
    box-shadow: none;
    background: var(--daikinDeepBlue);
}

.productsMultiSliderBlock .productCard__favourite {
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 2;
}

.productsMultiSlider__wrap {
    display: flex;
    align-items: flex-start;
    position: relative;
    justify-content: space-between;
}

.view-360, .view-deeplink {
    padding: 10px 15px 10px 50px;
    font-size: 15px;
    font-weight: 600;
    color: var(--daikin_orange);
    text-decoration: none;
    border: 1px solid var(--daikin_orange);
    border-radius: 50px;
    position: relative;
    display: none;
}

.view-360:before, .view-deeplink:before {
    content: '';
    width: 30px;
    height: 30px;
    background: url("../images/icon-ar.svg") center / contain no-repeat;
    position: absolute;
    left: 15px;
    top: calc(50% - 14px);
}

.view-360.active, .view-deeplink.active {
    position: absolute;
    bottom: 0px;
    right: 40px;
    display: block;
}
.view-deeplink.active {
    right: 0px;
    bottom: 75px;
}

.productsMultiSlider__wrap[data-ar-check="False"] .view-360.active {
    display: none;
}

.sideImageWrap {
    width: 110px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sideImageMainBlock {
    width: calc(100% - 130px);
    padding: 30px 0px 45px 0px;
}

.sideImageMainBlock img {
    width: 100%;
    max-height: 310px;
    object-fit: contain;
}

.sideImageMainBlock model-viewer {
    width: 100%;
    height: 350px;
}

.sideImageWrap .sideImageEach {
    width: 110px;
    height: 110px;
    object-position: center;
    /*    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.30)) drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.15));*/
    border-radius: 10px;
    border: 1px solid rgb(0 0 0 / 0.15);
    overflow: hidden;
    cursor: pointer;
}

.sideImageEach[data-type-in="360"] {
    position: relative;
}

.sideImageEach[data-type-in="360"]:after {
    content: "";
    width: 100%;
    height: 100%;
    background: url("../images/360-placeholder.svg") center / 65% no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.sideImageEach[data-type-in="360"] img {
    opacity: 0.4;
}

.sideImageWrap .sideImageEach.active {
    border: 1px solid var(--black)
}

.sideImageEach__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.30);
}

.productBadgeBlock {
    margin: 32px 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}

.productBadgeBlock:not(:has(.productBadge__item)) {
    display: none;
}

.productBadgeBlock__link {
    flex: 1 0 250px;
    text-decoration: none;
}

.productBadge__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.productBadge__item__image img {
    height: 60px;
    width: auto;
}

.productDetailHead h3 {
    font-size: 21.7px;
    font-weight: 700;
    letter-spacing: 0.039px;
    text-transform: capitalize;
    margin: 0;
}

.productDetailHead p {
    font-size: 18.5px;
    font-weight: 500;
    margin: 0;
}

.productBackArrowLink {
    font-size: 14px;
    font-weight: 500;
    color: #131212;
    text-decoration: none;
    padding-bottom: 25px;
    display: inline-block;
    margin-bottom: 32px;
    position: relative;
}

.productBackArrowLink.goPrevPage.disabled {
    pointer-events: none;
    opacity: 0.2;
}

.productBackArrowLink:after {
    content: '';
    width: 60px;
    height: 12px;
    background: url("../images/arrow-long-left.svg") center / contain no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
}

.productsTabScrollBlock {
    margin: 32px 0px;
    display: flex;
    gap: 20px 32px;
    flex-wrap: wrap;
}

.prodTabScroll {
    min-width: 105px;
    text-align: center;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    border: 1px solid var(--secondaryColor);
    padding: 5px;
    color: inherit;
    text-decoration: none;
    background: var(--white);
    transition: 0.3s linear;
}

.prodTabScroll:hover {
    background: var(--grey);
    transition: 0.3s linear;
    color: var(--white);
}

.produdtSpecDetails__item__head {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 32px;
}

.produdtSpecDetails__item__buttonBlock {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 30px;
    width:100%;
}

.tileLinkSection {
    display: none;
}

.homeTemplate .tileLinkSection {
    display: block;
}

.specDetailCount {
    min-width: 130px;
    font-size: 75px;
    font-style: normal;
    font-weight: 600;
    line-height: 75px;
    letter-spacing: 0.5px;
}

.specDetailCount:before {
    content: "/";
    color: var(--primaryBlue);
}

.produdtSpecDetails__item__head__content {
    width: calc(100% - 130px);
    padding-left: 5px;
    position: relative;
    padding: 10px 5px 10px 10px;
}

.produdtSpecDetails__item__head__content:before {
    content: '';
    width: 1px;
    height: 100px;
    background: #E5E5E5;
    position: absolute;
    left: 0;
}

.produdtSpecDetails__item__head__content h2 {
    color: var(--primaryBlue);
    margin: 0px;
}

.produdtSpecDetails__item__head__content .productSpecList {
    margin: 0px;
    display: flex;
    padding: 0;
    list-style-type: none;
    gap: 15px;
    flex-wrap: wrap;
}

.produdtSpecDetails__item__head__content .productSpecList li {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    color: #707070;
}

.produdtSpecDetails__item__content {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    color: #131212;
    margin-bottom: 10px;
}

.productBadge__item__content h4 {
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 16px 0px 0px 0px;
    color: var(--lt_blue);
}

.productBadge__item__content h5 {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
    color: #0D0C0C;
}

.productBadge__item__content p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #0D0C0C;
}

.prodTabHead {
    background: linear-gradient(135deg, rgba(207, 238, 253, 0.37) 6.24%, rgba(226, 243, 251, 0.42) 92.04%);
    padding: 36px;
    margin-bottom: 42px;
}

.prodTabHead__content {
    width: min(100%, 930px);
    margin-inline: auto;
}

.prodTabHead__content__title h2 {
    font-size: 31px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.62px;
}

.prodTabHead__content__block {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.prodTabHead__content__block h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: var(--grey);
    margin: 0px;
}

.prodTabBody {
    padding: 36px;
    background: var(--white);
    display: flow-root;
}

.feature-specGrid {
    display: grid;
    grid-template-columns: auto 370px;
    gap: 45px;
}

.feature-specGrid h3 {
    padding: 42px 0px;
    margin: 0;
    position: relative;
}

.feature-specGrid h3:before {
    content: '';
    width: min(100%, 275px);
    height: 1px;
    background: #B3B3B3;
    position: absolute;
    left: 0;
    top: 0;
}

.feature-specGrid ul {
    margin: 0;
    padding: 0px 0px 0px 20px;
}

.feature-specGrid ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    margin: 10px 0px;
    color: #191919;
}

.feature-specGrid ul li:first-child {
    margin-top: 0;
}

.button-flBlock {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 42px;
    margin-top: 42px;
}

.f-20 {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin: 0px 0px 16px 0px;
}

.prodTabBody h4 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    margin: 0px 0px 16px 0px;
    color: #21272A;
}

.prodTabBody .f-20 {
    color: var(--grey);
}

.darkTextLink {
    display: inline-block;
    float: left;
    clear: both;
    font-size: 20px;
    font-weight: 700;
    margin: 9px 0px;
    color: #21272A;
    padding-right: 35px;
    position: relative;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: 0.3s linear;
}

.darkTextLink:after {
    content: "";
    width: 24px;
    height: 24px;
    background: url("../images/arrow-right-black.svg") center / contain no-repeat;
    position: absolute;
    right: 0px;
    top: calc(50% - 12px);
}

.darkTextLink:hover {
    text-underline-offset: 6px;
    transition: 0.1s linear;
}

.prodTabFooter {
    margin-top: 42px;
}

.resourceOptionBlock {
    background: var(--daikinGlass);
    backdrop-filter: blur(15.717813491821289px);
    padding: 40px;
    filter: drop-shadow(0px 8.383px 9.431px rgba(0, 0, 0, 0.06)) drop-shadow(0px 20.957px 27.244px rgba(0, 0, 0, 0.05));
    border-radius: 18px;
}

.resourceOptionBlock__content {
    width: min(100%, 820px);
    margin-inline: auto;
}

.resourceOptionBlock__content h3 {
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
    text-align: center;
}

.resourceOptionBlock__label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    color: var(--white);
    margin-bottom: 15px;
    display: inline-block;
}

.resourceOptionBlock__inputWrap {
    display: flex;
    align-items: flex-start;
    justify-content: stretch;
    gap: 32px;
}

.inputSide {
    width: min(100%, 520px);
}

.csNmInput {
    width: min(100%, 520px);
    height: 42px;
    border-radius: 8px;
    border: 1px solid #D2D6DA;
    padding: 5px 13px;
    font-family: var(--fontP);
    font-size: 15px;
    font-weight: 400;
}

.input__error {
    color: var(--daikin_orange);
    margin-top: 5px;
    display: none;
}

.inputSide.is-invalid .input__error {
    display: inline-block;
}

.inputSide.is-invalid + .btn {
    pointer-events: none;
    opacity: 0.2;
}

.sentMessage, .sentErrorMessage {
    display: none;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}

.sentErrorMessage {
    color: var(--daikin_orange);
}

.sentMessage {
    color: var(--lt_blue);
}

.apiStatus.apiStatus--ok .sentMessage {
    display: block;
}

.apiStatus.apiStatus--error .sentErrorMessage {
    display: block;
}

.apiStatus.apiStatus--ok .resourceOptionBlock__inputWrap {
    opacity: 0.2;
    pointer-events: none;
}

.resourceOptionBlock__inputWrap .minWidthed .Link {
    flex-grow: 1;
    justify-content: center;
    padding: 10px;
}

.resourceOptionBlock__inputWrap .minWidthed {
    flex-grow: 1;
}

.contentInBlock h5 {
    font-size: 18px;
    font-weight: 600;
    margin: 0px 0px 3px 0px;
}

.compatibleProductList {
    margin: 0;
    padding: 0px 0px 0px 20px;
    list-style-type: none;
}

.compatibleProductList > li {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.compatibleProductList > li > ul {
    padding: 0px 0px 0px 20px;
    list-style-type: none;
}

.compatibleProductList > li > ul > li {
    margin: 5px 0px 10px 0px;
}

.blueArrowLink {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: var(--lt_blue);
    text-decoration: none;
    padding-right: 26px;
    position: relative;
}

.blueArrowLink:after {
    content: "";
    width: 18px;
    height: 18px;
    background: url("../images/arrow-right-blue.svg") center / contain no-repeat;
    position: absolute;
    right: 0px;
    top: calc(50% - 9px);
}

.produdtSpecDetails .csSlider-navigation {
    width: 100%;
    border: 0;
    margin: 0;
}

.produdtSpecDetails :is(.csSlider-prev, .csSlider-next) {
    width: 60px;
    height: 12px;
    padding: 0px;
}

.produdtSpecDetails .csSlider-prev:after {
    background: url("../images/arrow-long-left.svg") center / contain no-repeat;
    width: 100%;
}

.produdtSpecDetails .csSlider-next:after {
    background: url("../images/arrow-long-right.svg") center / contain no-repeat;
    width: 100%;
}

.relatedProductsWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.relatedProducts .productCard {
    background: var(--white);
}

.relatedProducts .productCard__options {
    justify-content: flex-end;
    margin: 0;
}

.relatedProducts .productCard__image {
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    height: 216px;
    object-fit: contain;
}

.relatedProducts {
    width: calc(100% - 130px);
}

.relatedProducts__offset {
    width: 130px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.relatedProducts__offset .iconIn {
    width: 52px;
    height: 52px;
    display: inline-block;
    background: url("../images/arrow-right-white-sm.svg") center / contain no-repeat;
    cursor: pointer;
}

/* PRODUCTS DETAIL PAGE END */

/* PRODUCT COMPARISON PAGE */

.compareProdTableWrapper {
    width: 100%;
/*    margin: 80px 0px 0px 0px;*/
}

.btn .goPrevPage.disabled {
    pointer-events: none;
    opacity: 0.2;
}

.compareProdTable {
    width: 100%;
    border-collapse: collapse;
}

.compareProdTable th h3 {
    letter-spacing: 0.05px;
    color: #6D6E71;
    margin: 0px 0px 5px 0px;
}

.compareProdTable th p {
    font-weight: 500;
    color: var(--secondaryColor);
    margin: 0px 0px 5px 0px;
}

.compareProdTable th img {
    height: 200px;
    width: 100%;
    object-fit: contain;
}

.compareProdTable tr :is(th, td) {
    border-bottom: 2px solid #74C4E8;
}

.compareProdTable td {
    height: 110px;
    padding: 12px 40px;
}

.compareProdTable th {
    padding: 12px 42px;
}

.compareProdTable tr td:first-child {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.64px;
    text-transform: uppercase;
    color: #292929;
}

.compareProdTable td:not(:first-child) {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    text-align: center;
}

.compareProdTable tbody tr:first-child td:not(:first-child) {
    color: var(--lt_blue);
}

.compareProdHead .btn .iconIn {
    width: 15px;
    height: 15px;
    margin-right: 10px;
}

.compareProdHead .btn .iconIn--arrowLeft {
    background: url("../images/arrow-left-dark.svg") center / contain no-repeat;
}

.compareProdTable td:is([data-value-in="False"], [data-value-in="True"]) {
    font-size: 0 !important;
    position: relative;
}

.compareProdTable td:is([data-value-in="False"], [data-value-in="True"]):after {
    content: '';
    width: 28px;
    height: 28px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.compareProdTable td[data-value-in="False"]:after {
    background: url("../images/close-dark.svg") center / contain no-repeat;
    background-size: 18px;
}

.compareProdTable td[data-value-in="True"]:after {
    background: url("../images/check-blue.svg") center / contain no-repeat;
}

/* PRODUCT COMPARISON PAGE END */

/* PRODUCTS PAGE END */

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.15);
    }

    100% {
        box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
    }
}

.tabAnchorLink__head .tabAnchorLink__link:has(.Link[href="/products/thermostats-controls?ref=pro"]) {
    display: none;
}

/* DISPLAY NONE REBATE AND COMPARISON FOR PRO PAGES */

body.pro .productCard .productCard__compare {
    display: none;
}

body.pro .productCard .productCard__options {
    justify-content: flex-end;
}

body.pro .productCard .nmBtn[data-eco-rebate] {
    display: none;
}

/* DISPLAY NONE REBATE AND COMPARISON FOR PRO PAGES */

/* FOOTER */

.pageFooter {
    background: var(--daikinGradient)
}

.footerBottomArea {
    position: relative;
    padding-top: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
}

.footerBottomArea:before {
    content: '';
    width: 100%;
    height: 2px;
    background: var(--daikinDeepBlue);
    position: absolute;
    left: 0;
    top: 0px;
}

.footerBottomArea__Center {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 24px;
}

.copyWriteBlock p {
    color: var(--white);
}

.footerBottomLink .Link {
    color: var(--white);
    cursor: pointer;
}

.footerBottomArea__Center .footerBottomLink {
    display: none;
}

.footerBottomArea__Right {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 16px;
}

.footerLink .Link {
    color: var(--white)
}

.s-media .Link {
    width: 30px;
    height: 30px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    filter: drop-shadow(2px 4px 6px transparent);
    transition: 0.3s linear;
}

.s-media .Link:hover {
    filter: drop-shadow(2px 4px 6px var(--primaryColor));
    transition: 0.3s linear;
}

.s-media.s-media--fb .Link {
    background: url('../images/s-media-fb.svg') center / contain no-repeat;
}

.s-media.s-media--x .Link {
    background: url('../images/x-new.svg') center / contain no-repeat;
}

.s-media.s-media--in .Link {
    background: url('../images/s-media-in.svg') center / contain no-repeat;
}

.s-media.s-media--yt .Link {
    background: url('../images/s-media-yt.svg') center / contain no-repeat;
}
.s-media.s-media--pr .Link {
    background: url('../images/Pintrest.svg') center / contain no-repeat;
}
.s-media.s-media--tt .Link {
    background: url('../images/Tik-Tok.svg') center / contain no-repeat;
}

.newsletterEmailText label {
    display: none;
}

.newsLetterContent {
    width: min(100%, 450px);
    position: relative;
    padding-bottom: 3px;
}
.newsletterEmailText {
    width: 100%;
    position: relative;
}

.newsletterEmailText .form-control {
    width: 100%;
    padding-right: 60px;
    height: 48px;
    background: transparent;
    border: 0px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
    font-family: var(--fontP);
    color: #72787E;
}

.newsLetterContent .grGradientBtn {
    position: absolute;
    right: 0px;
    top: 9px;
    margin: 0px;
}

.newsLetterContent .grGradientBtn .btn {
    opacity: 0;
    width: 30px;
    height: 30px;
    padding: 0px;
    cursor: pointer;
    z-index: 1;
}

.newsletterEmailText:before {
    content: '';
    width: 100%;
    height: 3px;
    background: linear-gradient(102deg, #33FF6C 0%, #318ADD 48.26%);
    position: absolute;
    bottom: -3px;
}

.newsLetterContent .valid-feedback {
    color: #249f71;
}

.newsLetterContent .d-none {
    display: none;
}

.footerHalfWrapper--pro h6 {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: normal;
    text-transform: uppercase;
    margin: 0 0px 6px 0px;
}

.footerHalfWrapper--pro .footerLink .Link {
    margin: 8px 0px;
}

/* FOOTER END */

/* MOBILE STICKY BUTTON */
.pageStickyBtn {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 2;
}

.pageStickyBtn .Link {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 10px;
    background: var(--daikinDeepBlue);
    color: var(--white);
}

.bottom-drawer-container{
    display: none;
}

.refrigerant-image {
    position: absolute;
    left: 26px;
    right: auto;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    bottom: 18px;
}

.refrigerant-image img.r32-image {
    max-width: 65px;
}


/* MOBILE STICKY BUTTON END */
/* MEDIA QUERIES */
@media screen and (max-width: 1200px) {
    .pageLogo {
        width: min(100%, 200px);
    }

    .pageHeader__top__right__split__left {
        gap: 10px;
    }

    .pageHeader__top__right__split {
        gap: 10px;
    }

    .pageHeader__top__left {
        width: min(100%, 200px);
    }

    .pageHeader__top__right__split__right:before {
        content: none;
    }

    .pageNav {
        gap: 20px;
    }

    .switchBackSlider__Item__left {
        width: 100%;
    }

    .switchBackSlider__Item__right {
        aspect-ratio: auto;
    }

    .switchBackSlider__Item__left {
        padding-left: 15px;
    }

    .switchBackSlider .swiper-pagination {
        left: 15px;
    }

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

    .columThreeBox {
        gap: 16px;
    }

    .glassMorphism {
        margin: 8px 0px;
    }

    .splitBanner__content {
        padding: 64px 30px;
    }
    .splitOffset {
        gap: 100px;
        grid-template-columns: calc(55% - 50px) calc(45% - 50px);
    }

    .splitOffset__offsetIn {
        padding-right: 30px;
    }

    .splitOffset.reverse .splitOffset__offsetIn {
        padding-right: 0;
        padding-left: 30px;
    }

    .megaMenu {
        width: 100%;
        margin: 0;
        left: 0;
    }

    .csSlider-navigation {
        width: 100%;
    }

    .csSlider-pagination {
        left: 50% !important;
    }

    .newsMediaKitSlider.swiper {
        width: min(100%, 600px);
        margin-inline: 0;
    }

    .gridParent.newsMediaKitWrap {
        gap: 60px;
        grid-template-columns: minmax(auto, 600px) auto;
    }
}

@media screen and (min-width: 1025px) {
    .navItemEach:hover > .megaMenu {
        display: block;
        opacity: 0;
        height: 0px;
        animation-delay: 0.5s;
        animation: 0.7s fadeUp linear forwards;
        z-index: -1;
    }

    .pageHeader__topLink__content:has(.pageHeaderTopLink__link.hasChild):hover .pageHeaderTopLink__child {
        display: block;
    }

    .solution-builder-banner__wrapper.has-pd {
        padding: 30px;
    }

    .has-pd .sb-content__wrapper {
        padding-left: 30px;
    }
    .bannerSection {
        min-height: 533px;
    }

    .infoCard:hover .infoCard__image {
        opacity: 0.1;
    }

    .infoCard:hover .infoCard__content {
        width: 100%;
        height: 100%;
        background: linear-gradient(271.42deg, rgba(0, 151, 224, 0.2) -14.47%, rgba(116, 196, 232, 0.2) 14.19%, rgba(179, 216, 239, 0.2) 39.67%, rgba(116, 196, 232, 0.2) 77.24%, rgba(0, 151, 224, 0.2) 112.9%);
        box-shadow: 0px 0.49px 11.68px -0.49px #0000002E, 0px 1.64px 1.1px 0px #FFFFFF40 inset, 0.55px -0.55px 3.83px 0px #FFFFFF1A inset;
        backdrop-filter: blur(13px);
    }

    .infoCard:hover .infoCard__content .infoCard__content__text {
        display: block;
    }

    .csSlider-pagination {
        min-width: 200px;
    }

    .csTabWrapper.headingTab {
        align-items: flex-start;
    }

    .csTabWrapper.headingTab .csTabHead__title {
        font-size: 24px;
        font-weight: 500;
        padding-bottom: 10px;
    }

    .csTabWrapper.headingTab .csTabHead__contents {
        gap: 80px;
    }

    .footerHalfWrapper.footerHalfWrapper--pro {
        grid-template-columns: 330px calc(100% - 362px );
    }

    .footerHalfWrapper--pro .grid-c-3 {
        grid-template-columns: auto auto auto auto auto;
    }

    .pageFooter .footerHalfWrapper:nth-child(2 of .footerHalfWrapper--pro) {
        align-items: end;
        margin-top: -50px;
    }

/*    .footerHalf h2 {
        margin-top: 0;
    }*/

    .glsCard__hoverBlock {
        display: none;
        transform: rotateX(90deg);
        transform-origin: top;
    }

    .glsCard:hover .glsCard__hoverBlock {
        display: block;
        animation: 0.3s slideDown linear forwards;
    }

    .hoverTab.hoverTab--sided {
        display: flex;
        justify-content: space-between;
        margin: 40px 0px;
    }

    .hoverTab--sided .hoverTab__preview {
        width: 185px;
    }

    .hoverTab--sided .hoverTab__content {
        width: calc(100% - 220px);
        margin: 0;
        display: flex;
    }

    .productReccSection:has(.prodRecItem) ~ .productAllArticle .pageSection.productSection:nth-of-type(1) {
        padding-top: 250px;
    }

    .zipHelpInputWrapper {
        width: min(100%, 520px);
    }

    .zipHelpInputWrapper__item .btn .Link {
        padding: 8px 10px;
        min-width: 170px;
        justify-content: center;
    }

    .compareProdHead {
        padding-inline: 130px;
        position: relative;
    }

    .compareProdHead .btn {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0px, -50%);
    }
    .megaMenu__item__subcontent .gridParent:is(.grid-4, .grid-3) {
        gap: 75px;
    }

}

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

    .pageHeaderTopLink__link.link--tel .Link {
        font-size: 0px;
        position: absolute;
        left: calc(50% - 10px);
        top: calc(50% - 10px);
        width: 20px;
        height: 20px;
        padding: 0;
    }

    .pageHeaderTopLink__link.link--tel .Link:before {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .pageHeaderTopLink__link.link--tel {
        float: left;
        width: 30px;
        height: 30px;
        position: relative;
        background: #efefef;
        border-radius: 20px;
    }

    .pageHeader__top__right__split__left {
        gap: 30px;
    }

    .pageHeaderTopLink__link.link-lang {
        width: 45px;
        height: 20px;
        position: relative;
    }

    .pageHeaderTopLink__link.link-lang .Link {
        font-size: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: url('../images/translate.svg') left / contain no-repeat;
    }

    .pageNavWrapper {
        position: absolute;
        width: 100%;
        background: var(--daikinLtWhite);
        top: 65px;
        left: 0px;
        z-index: 1;
        padding: 20px;
        display: none
    }

    .pageNav {
        height: 100%;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    /*.pageNavWrapper.active {
        left: 0;
        transition: 0.3s linear;
    }*/

    .pageHeader__top__right__split__right .btn.primaryG {
        display: none;
    }

    .pageHeader__top__right__split__left {
        gap: 20px;
    }

    .hamburger {
        width: 18px;
        height: 14px;
        display: flex;
        position: relative;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .pageHeader__top__left {
        width: min(100%, 144px);
    }

    .pageHeader__top__right__split {
        gap: 20px;
    }

    .hamburger__line {
        width: 100%;
        height: 2px;
        background: var(--black);
        border-radius: 5px;
        opacity: 1;
    }

    .hamburger:before, .hamburger:after {
        content: '';
        width: 18px;
        height: 2px;
        background: var(--black);
        position: absolute;
        border-radius: 5px;
        left: calc(50% - 9px);
        transition: 0.3s linear;
    }

    .hamburger:before {
        top: 0;
    }

    .hamburger:after {
        bottom: 0;
    }

    .hamburger.active .hamburger__line {
        opacity: 0;
        transition: 0.3s linear;
    }

    .hamburger.active:before {
        left: calc(50% - 7px);
        transform: rotate(45deg);
        transform-origin: left;
        transition: 0.3s linear;
    }

    .hamburger.active:after {
        left: calc(50% - 7px);
        transform: rotate(-45deg);
        transform-origin: left;
        transition: 0.3s linear;
    }

    .pageHeader__bottom {
        width: calc(100% + 30px);
        margin: 0px -15px;
        padding: 18px;
        background: linear-gradient(181deg, #004F73 33.57%, #030E2E 96.81%);
    }

    .pageHeader {
        padding: 0;
        z-index: 4;
    }

    .pageHeader__top {
        padding: 18px 0;
    }

    .pageHeader__bottom__content {
        justify-content: center;
    }

    .switchToggle.active {
        color: var(--white);
    }

    .megaMenu {
        position: static;
    }

    .megaMenu__content h4 {
        padding-top: 30px;
        position: relative;
    }

    .megaMenu__content > div > h4:before {
        content: '';
        width: 20px;
        height: 20px;
        background: url("../images/chev-top-grey.svg") center / 16px no-repeat;
        position: absolute;
        left: calc(50% - 10px);
        top: 6px;
        animation: pulse-animation 1s infinite;
        border-radius: 20px;
    }

    .navItemEachHolder {
        width: 100%;
    }

    .footerHalfWrapper {
        grid-template-columns: 1fr;
        margin-bottom: 20px;
        gap: 10px;
    }

    .oneSideOffsetContainer {
        width: 100%;
        padding: 0px 15px;
    }

    .pintile__item {
        box-shadow: 0px 0px 12px -4px #cccccc;
    }

    .pintile__item:after {
        transform: rotateX(0deg);
        transition: 0.2s linear;
    }

/*    .pintile__item picture img {
        height: 200px;
    }*/

    .pintile__item .pintile__content__block {
        background: var(--white);
    }

    .pintile__item .pintile__content__title {
        height: auto;
        justify-content: flex-start;
    }

    .pintile__item .pintile__content__title h4 {
        color: var(--black);
        text-align: left;
    }

    .pintile__item .pintile__content__text {
        display: block;
        text-align: left;
    }

    .pintile__item .pintile__content__link .Link {
        display: block;
    }

    .benefits__slider__item__block__ct__text {
        display: block;
    }

    .benefitsSliderContentToggle {
        display: none;
    }

    .benefits__slider__item__block__ct__link {
        display: block;
    }

    .benefitsSlider {
        padding-bottom: 40px;
    }

    .hoverShowBlockParent {
        grid-template-columns: 1fr;
    }

    .glsCard__hoverBlock {
        display: block;
        transform: rotateX(0deg);
        transform-origin: top;
    }

    .hoverTab__content {
        padding: 32px;
    }

    .hoverTab__content .hoverTab__activeItem__content {
        width: 100%;
        padding: 0;
    }

    .hoverTab__content .hoverTab__activeItem {
        flex-direction: column;
    }

    .prodRecGrid {
        grid-template-columns: 1fr;
    }

    .prodRecItemGrid {
        position: static;
    }

    .compareProdTableWrapper {
        overflow-x: auto;
    }

    .compareProdTable {
        min-width: 530px;
    }

    .compareProdTable tr :is(th, td):first-child {
        position: sticky;
        left: 0px;
        top: 0px;
        width: 110px !important;
    }

    .compareProdTable tr th:first-child {
        background: var(--white);
    }

    .compareProdTable td {
        height: auto;
        padding: 12px;
    }

    .compareProdTable th {
        padding: 12px;
    }

    .compareProdTable th img {
        height: 120px;
    }

    .compareProdHead .featureBlock {
        margin-top: 30px;
    }

    .compareProdTable tbody tr td:first-child {
        background: var(--white);
        z-index: 2;
    }

    .prodFilterHead {
        flex-direction: column;
        align-items: flex-start;
    }

    .prodFilterActiveIndicBlock {
        gap: 10px;
        margin: 10px 0px;
        padding: 0;
    }

    .prodSelectedFilters {
        margin: 10px 0px 20px 0px;
    }

    body:not(.pro, .proTemplate) .pageFooter {
        padding-bottom: 90px;
    }

    body:not(.pro, .proTemplate) .pageStickyBtn {
        display: block;
    }

    body:has(.findDealerSection) .pageStickyBtn {
        display: none;
    }

    body:has(.findDealerSection) .pageFooter {
        padding-bottom: 48px;
    }


}

@media screen and (min-width: 767px) and (max-width: 1024px) {
    .glassMorphism__content {
        padding: 20px;
    }

    .glassMorphism__content h2 {
        font-size: 50px;
        line-height: 50px;
    }

    .glassMorphism__content h6 {
        font-size: 18px;
    }
    .solution-builder-banner__wrapper.has-pd {
        padding: 30px;
    }

    .has-pd .sb-content__wrapper {
        padding-left: 30px;
    }

    .gridParent.grid-3.glassTileParent {
        grid-template-columns: 1fr 1fr;
    }

    .timelineImage img {
        top: 125px;
    }
    .megaMenu__item__subcontent .gridParent:is(.grid-4, .grid-3) {
        gap: 75px;
    }
    .zipHelpInputWrapper {
        flex-direction: column;
    }
    .bannerSection.bannerSection__homeVideo {
        min-height: 350px;
        padding: 20px;
    }
    .megaMenuGridWrapper .gridParent.grid-4 {
        grid-template-columns: 1fr 1fr;
    }

    .bannerSection__homeVideo :is(.bannerTitle h1, .bannerTitle.h1Style h2) {
        font-size: 48px;
        line-height: 58px;
    }

}


@media screen and (max-width: 991px) {
    .megaMenuGridWrapper + .gridParent {
        grid-template-columns: 1fr;
    }

    .quickSectionSlide {
        padding: 30px;
    }

    .pageSection.videoOverlayParent {
        padding-bottom: 90px;
    }

    .bannerWithSlider {
        flex-direction: column;
    }

    .bannerWithSlider__content {
        width: 100%;
    }

    .bannerWithSlider__slider {
        width: 100%;
    }

    .bannerWithLinks__wrap .gridParent.grid-2 {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .gridParent.newsMediaKitWrap {
        grid-template-columns: minmax(auto, 400px) auto;
    }

    .newsMediaTabItem__content .gridParent.grid-2 {
        grid-template-columns: 1fr;
    }

    .gridParent.companyNewsAll {
        grid-template-columns: 1fr;
    }

    .gradientHeader h2 {
        font-size: 42px;
        line-height: 52px;
    }

    .legacyTitle h2 {
        font-size: 42px;
        line-height: 52px;
    }

    .autoRightFlex {
        flex-direction: column;
        align-items: flex-start;
    }

    .autoRightFlex .btn {
        margin-left: 0;
    }

    .commonWrap {
        width: 100%;
        padding-right: 0;
    }

    .commonWrap__right {
        width: 100%;
    }

    .gridParent.grid-fr-auto.sft-tools {
        grid-template-columns: 1fr;
    }

    section:has(+ .intro-video__main-wrapper) {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }

    .videoModal {
        padding: 80px 20px;
    }

    .sideTabContent__in > .sideTabWrap {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .sideTabContent .sideTabContent {
        padding: 0;
    }

    .dowloadItemsTable tr th {
        width: calc(100% / 3)
    }

    :is(.glsGrid--2Col .glsGrid__image, .glsGrid--2row) h2 {
        font-size: 50px;
        line-height: 50px
    }

/*    .prodCompareSection {
        position: static;
        padding: 32px 0px;
    }*/

    .prodCompare__item {
        flex-direction: column;
        padding: 10px;
    }

    .prodCompare__item__img {
        width: 70px;
        height: 45px;
    }

    .prodCompare__item__content {
        text-align: center;
        width: 100%;
        padding-left: 0;
    }

    .prodCompare__item {
        flex: 1 1;
    }

    .grid-50-50.mdDown {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .productsMultiSliderBlock {
        width: 100%;
        margin-bottom: 20px;
/*        margin-top: 60px;*/
    }

    .productsMultiSlider__wrap {
        flex-direction: column-reverse;
        width: 100%;
    }

    .sideImageWrap {
        width: 100%;
        flex-direction: row;
        overflow: auto;
/*        margin-top: 50px;*/
    }

    .sideImageMainBlock {
        width: 100%;
        text-align: center;
    }

    .sideImageEach {
        flex-shrink: 0;
    }

    .sideImageEach__img {
        padding: 5px;
    }

    .view-360.active {
        bottom: 130px;
        right: 0;
    }

    .productsMultiSliderBlock .productCard__favourite {
        z-index: 1;
        right: 10px;
        top: 10px;
    }

    .relatedProductsWrap {
        flex-direction: column;
    }

    .relatedProducts {
        width: 100%;
    }

    .relatedProducts__offset {
        width: 100%;
        margin-top: 30px;
        justify-content: center;
    }

    .compareProdTable th h3 {
        font-size: 22px;
    }

    .selectedProductParent {
        flex-direction: column;
    }

    .selectedProductParent .productCard__rating {
        justify-content: flex-start;
    }

    .selectedProductParent .productCard__rating.hasButton {
        align-items: flex-start;
    }

    .prodTabBody .f-20 {
        font-size: 16px;
        line-height: 28px;
    }

    .productDetailArticle .pageSection:first-child {
        position: relative;
        padding-top: 90px !important;
    }

    .productDetailArticle .grid-al-top .gridChild {
        width: 100%;
    }

    .productBackArrowLink {
        position: absolute;
        right: 15px;
        top: 15px;
    }

    .csTabContent .cstabData.bgTab {
        padding: 30px;
    }

    .cstabData.bgTab h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .compatibleProductList .blueArrowLink {
        width: 100%;
        display: inline-flex;
    }

    .newsMediaKitSlider.gridView .newsAll {
        grid-template-columns: 1fr;
    }

    .imageVideoBlock .grid-3 {
        grid-template-columns: 1fr 1fr;
    }


}

@media screen and (max-width: 767px) {
    .universalBar__content__in {
        padding: 5px 25px 5px 0px;
    }
    .pdGlsCard .r32-logo-image {
        position: static;
        margin-top: 20px;
    }
    .universalBar__content__in p {
        font-size: 10px;
        line-height: 18px;
    }

    .csModal {
        padding: 50px 10px 10px 10px;
    }

    .csModal__out {
        top: 10px;
        right: 10px;
    }

    .megaMenu {
        width: calc(100% + 40px);
        margin: -20px -20px 0px -20px;
        padding: 0px 16px 0px 16px;
        border: 0;
        max-height: calc(100svh - 110px);
    }

    .megaMenu__ftr {
        width: calc(100% + 32px);
        margin: 0 -16px;
        flex-direction: column;
        gap: 24px;
        padding: 32px;
    }

    .megaMenuSublistLink, .megaMenuSubGrid .categoryTitle h6, .megaMenuSubGrid .navItemTitleLink {
        display: none;
    }

    .megaMenu__ftr___left {
        flex-direction: column;
        align-items: center;
    }

    .megaMenu__item__content {
        padding-right: 50px;
    }

    .megaMenuGridWrapper .gridParent {
        gap: 8px 0px;
    }

    .megaMenuGridWrapper {
        padding: 0px 0px 24px 0px;
    }

    :is(.megaMenuSublistLink, .megaMenu__item__subcontent > .gridWrapper) ~ .mobSublistToggler {
        display: block;
        width: 35px;
        height: 30px;
        background: url("../images/chev-down-grey.svg") center / 10px no-repeat;
        position: absolute;
        right: 10px;
        top: 12px;
        z-index: 1;
        transform: rotate(0deg);
        transition: 0.3s linear;
    }

    .mobSublistToggler.active {
        transform: rotate(180deg);
        transition: 0.3s linear;
    }

    .megaMenu__item {
        position: relative;
    }

    .featuredProduct__content {
        padding-left: 0px;
    }

    .featuredProduct__img img {
        height: 160px;
        width: 100%;
        object-fit: cover;
    }

    .featuredPRWrapper__content {
        padding: 12px 16px;
    }

    .footerHalf .grid-c-3 {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .footerBottomArea {
        grid-template-columns: 1fr;
        padding-top: 25px;
    }

    .footerBottomArea__Left {
        order: 2;
    }

    .footerBottomArea__Center {
        justify-content: flex-start;
        order: 1;
    }

    .footerBottomArea__Right {
        justify-content: flex-start;
        order: 0;
    }

    .footerHalfWrapper--pro .footerHalf .grid-c-3 {
        gap: 30px;
    }

    .emptyTitle {
        display: none;
    }

    .footerHalfWrapper--pro .footerHalf img {
        margin-bottom: 30px;
    }

    .gridParent.grid-3 {
        grid-template-columns: 1fr;
    }

    .gridParent.grid-4 {
        grid-template-columns: 1fr;
    }

    .gridParent.grid-auto-auto {
        grid-template-columns: 1fr;
    }

    .megaMenu__item.span-4-grid {
        grid-column: 1;
    }

/*    .productsMultiSliderBlock {
         margin-top: 60px; 
    }*/

    .megaMenu__item.span-2-4-grid {
        grid-column: 1;
    }

    .megaMenuGridWrapper .megaMenu__item__subcontent .gridParent {
        gap: 0;
    }

    .gridParent.g-32 {
        gap: 16px;
    }

    .twoSideHeader {
        grid-template-columns: 1fr;
        place-items: flex-start;
        gap: 35px;
    }

    .bannerSection {
        padding: 95px 15px 45px 15px;
    }

    :is(.bannerTitle h1, .bannerTitle.h1Style h2) {
        font-size: 48px;
        line-height: 56px !important;
    }

    h2 {
        font-size: 28px;
    }

    .bannerText p {
        font-size: 18px;
    }

    .pageSection {
        padding: 32px 0px;
    }

    .pageSection.videoOverlayParent {
        padding-bottom: 32px;
    }

    .bannerSection.bannerSection__homeVideo {
        min-height: 530px;
        padding: 30px 20px;
    }

    .solutionSlider {
        margin-bottom: 0px;
        padding-bottom: 60px;
    }

    .solutionSlider .swiper-button-next {
        left: calc(50% + 80px);
    }

    .solutionSlider .swiper-button-prev {
        left: calc(50% - 120px);
    }

    .solutionSlider [class*="swiper-button"]:after {
        font-size: 12px;
    }

    .solutionSlider .swiper-pagination-bullet {
        width: 24px;
        height: 24px;
        font-size: 16px;
        font-weight: 700;
        color: var(--black);
        transform: scale(1) !important;
        background: transparent;
        font-family: var(--fontP);
        opacity: 1;
        text-align: center;
    }

    .solutionSlider .swiper-pagination-bullet.swiper-pagination-bullet-active {
        color: var(--lt_blue) !important;
    }

    .switchBackSlider {
        margin: 20px 0px 0px 0px;
    }

    .switchBackSlider__Item {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .switchBackSlider__Item__left {
        order: 1;
        padding-top: 0;
        padding: 116px 40px 32px 32px;
    }

    .switchBackSlider__Item__right {
        order: 0;
        height: 512px;
        width: calc(100% - 32px);
        aspect-ratio: initial;
    }

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

    .switchBackSlider .swiper-pagination {
        top: 560px;
        left: 32px;
    }

    .benefits__slider__item__block__ct__text {
        transform: rotate(0deg);
    }

    .splitOffset.reverse .splitOffset__offsetIn {
        padding-right: 30px;
        padding-left: 30px;
    }

    .oneSideOffsetContainer .switchBackSlider {
        margin-top: 0px;
    }

    .columThreeBox {
        grid-template-columns: 1fr;
        gap: 0px;
        margin: 32px 0px;
        display: flex;
        flex-direction: column;
    }

    .glassMorphism {
        margin: 16px 0;
    }

    .columThreeBox__block:nth-child(3) {
        order: 1;
    }

    .columThreeBox__block:nth-child(2) {
        order: 2;
    }

    .gridParent.grid-2 {
        grid-template-columns: 1fr;
    }
    .stepCard__block {
        padding: 32px;
        border-radius: 17px 17px 10px 10px;
    }

    .gridParent:has(.stepsCard) {
        overflow-x: hidden;
    }

    .splitBanner {
        grid-template-columns: 1fr;
    }

    .splitBanner__content {
        order: 1;
        align-items: center;
        text-align: center;
    }
    .splitBanner__content__dwnLink .Link {
        font-size: 8.5px;
    }
    :is(.splitOffset, .splitOffset.reverse) {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .splitOffset__offsetIn {
        order: 1 !important;
        padding: 0px 32px;
    }

    .splitOffset__Block {
        order: 0 !important;
    }

    .splitOffset__Block img {
        height: 512px;
        object-fit: cover;
        object-position: right;
        width: calc(100% - 32px);
    }
    .splitOffset.reverse .splitOffset__Block img {
        float: right;
        object-position: left;
    }
    .csAccordion__head {
        padding: 20px 60px 20px 60px;
    }

    .csAccordion__head__count {
        left: 20px;
    }

    .csAccordion__head__indicator {
        width: 50px;
    }

    .csAccordion__title {
        font-size: 16px;
    }

    .csAccordion__body {
        padding: 20px 20px 20px 60px;
    }

    .csTabHead {
        flex-wrap: wrap;
        gap: 5px 30px;
        /*max-width: 300px*/
    }

    /*.csTabHead:after {
        content: none;
    }*/

    /*.csTabHead__title {
        padding: 0;
    }*/

    /*.csTabHead__title:after {
        content: none;
    }*/

    .csSlider-pagination {
        left: 50% !important;
        bottom: 22px !important;
    }

    .csSlider-pagination .swiper-pagination-bullet {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
    }

    .iconBlockLink__text {
        display: block;
    }

    .iconBlockLink:after {
        opacity: 1;
    }

    .OverlapBlock {
        grid-template-columns: 1fr;
    }

    .OverlapBlock__content {
        padding: 0;
    }

    .overlapBlock__main {
        flex-direction: column;
        align-items: flex-start;
    }

    .overlapBlock__main__img {
        width: min(100%, 250px);
        transform: translateX(0px) translateY(-50%);
    }

    .overlapBlock__main__content {
        transform: translateX(0);
        margin-top: -150px;
        padding: 0px 30px 30px;
    }

    .twoSideHeader.partial {
        grid-template-columns: 1fr;
    }

    .graphBgBlock {
        padding: 60px 20px 0px 20px;
    }

    .cardContent__info__in {
        flex-direction: column;
        align-items: flex-start;
    }

    .bannerSlider__title {
        text-align: center;
    }

    .bannerOptItem {
        background: rgb(0 0 0 / 23%);
        margin: 10px 0px;
    }

    .bannerWithSlider__slider {
        padding: 30px 20px;
    }

    .bnSlide__text {
        display: block;
    }

    .bannerWithLinks {
        grid-template-columns: 1fr;
    }

    .bannerWithLinks__wrap {
        padding: 20px;
        display: none;
    }

    .iconLinkWithArrow__link .Link {
        max-width: none;
    }

    .productHighlightBlock .gridParent {
        gap: 0px;
    }

    .productHighlightBlock {
        padding: 50px 20px;
    }

    .productHighlightBlock__content h2 {
        font-size: 28px;
    }

    .productHighlightBlock__text {
        font-size: 14px;
        line-height: 28px;
    }

    .ddTab__head__list {
        max-width: 100%;
        gap: 20px;
        overflow: auto;
    }

    .highlightProductTile {
        flex-direction: column;
        padding: 30px;
    }

    .highlightProductTile__content {
        width: 100%;
        padding-left: 0;
    }

    .gridParent.newsMediaKitWrap {
        grid-template-columns: 1fr;
    }

    .newsMediaKitSlider.swiper {
        width: calc(100vw - 30px);
    }

    .newsFeaturedAll .newsCsBlock__image {
        width: min(100%, 120px);
    }

    .newsFeaturedAll .newsCsBlock__content {
        width: calc(100% - 120px);
    }

    .swiper.newsVerticalSlider {
        height: 350px;
    }

    .verticalSliderButton {
        left: 45px;
    }

    .testimonyCard {
        grid-template-columns: 1fr;
        padding: 32px
    }

    .testimonyCard__image img {
        display: none
    }

    .bannerOverlayBlock {
        width: calc(100% + 30px);
        margin: 0px -15px;
    }

    .intro-video > div {
        width: 100% !important;
    }

    .gridParent.grid-60-40.g-50 {
        grid-template-columns: 1fr;
        gap: 0px;
    }

    .gridParent.grid-40-60.g-50 {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .gradientHeader h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .legacyTitle h2 {
        font-size: 28px;
        line-height: 38px;
        text-align: center;
    }

    .featureBlock {
        margin-bottom: 30px;
    }

    .taxCertifications__Item {
        background: linear-gradient(135deg, rgba(207, 238, 253, 0.37) 6.24%, rgba(226, 243, 251, 0.42) 92.04%);
        box-shadow: 0px 1.203px 3.609px 0px rgba(255, 255, 255, 0.25) inset, 0px 0.535px 12.835px -0.535px rgba(0, 0, 0, 0.18);
        backdrop-filter: blur(30.978445053100586px);
        transition: 0.3s linear;
    }

    .gridParent.grid-fr-auto {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .specTable tr td {
        padding: 28px 20px;
    }

    .specBlock ul {
        padding-left: 20px;
    }

    table.specTable {
        width: 550px;
    }

    .specTable tr td h4 {
        font-size: 16px;
    }

    .hasSpecType {
        font-size: 12px;
        padding-left: 20px;
    }

    .hasSpecType:before {
        width: 16px;
    }

    .specBlock ul {
        font-size: 12px;
    }

    .specTable tr td:first-child {
        position: sticky;
        top: 0px;
        left: -1px;
        background: var(--white);
        z-index: 1;
    }

    .specTable:before {
        z-index: 2;
    }

    .sideTabWrap {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .sideTabWrap__toggleBlock {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .sideTabHead {
        flex: 1 0 240px;
        border-radius: 13px;
    }

    .sideTabContent {
        border-radius: 13px;
    }

    .timeLineBlockTitle h3 {
        padding-left: 0px;
    }

    .sideTabContent__in .sideTabWrap .sideTabHead {
        flex: 1 0 100%;
    }

    .dowloadItemsTableWrapper {
        width: calc(100vw - 80px);
        overflow: auto;
    }

    .dowloadItemsTable {
        min-width: 400px;
    }

    :is(.overlayedBanner h1, .overlayedBanner h1 .headerTop) {
        font-size: 50px;
        line-height: 60px;
    }

    :is(.glsGrid--2Col .glsGrid__image, .glsGrid--2row, .glsGrid__image) h2 {
        font-size: 36px;
        line-height: 46px;
    }

    .cstabData--hasTitle h2 {
        font-size: 24px;
        margin-bottom: 5px;
    }

    .imageGrdientSection {
        background-size: cover !important;
    }

    .glsGrid--2Col {
        grid-column: 1;
    }

    .glsGrid__content {
        height: auto;
        padding: 16px;
    }

    .glsGrid__image {
        height: auto;
    }

    .intro-video iframe {
        margin: 0px;
    }

    .csTabHead {
        justify-content: flex-start;
    }

    .csTabHead:after {
        background: transparent;
    }

    .csTabHead__contents {
        display: flex;
        gap: 25px;
    }

    .gridParent.grid-55-45.g-32 {
        grid-template-columns: 1fr;
    }

    .glsGrid--2row {
        grid-row: 1;
    }

    .glsGrid--2row h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .glsGrid--2row .glsGrid__image {
        height: auto;
    }

    .glsGrid.glsGrid--2row .glsGrid__content {
        height: auto;
        padding: 16px;
    }

    .glsSmCard__content {
        padding: 16px;
    }

    .intro-video__wrapper {
        padding: 30px 15px;
    }

    .imageGrdientSection__content .rightBlock {
        width: 100%;
    }

    .tabAnchorLink__head {
        width: 100%;
        overflow: auto;
    }

    .tabAnchorLink__link .Link:after {
        bottom: 0;
    }

    .tabAnchorLink__link {
        flex-shrink: 0;
    }

    .breadcrumb {
        width: 100%;
        overflow: auto;
    }

    .breadcrumb-item {
        flex-shrink: 0;
    }

    .glsPintile__image img {
        height: auto;
    }

    .productSpecCard {
        padding: 30px;
    }

    .specGrid {
        grid-template-columns: 1fr;
    }

    .actionLinkBlock__content {
        flex-direction: column;
        gap: 10px;
    }

    .actionLink .Link:before, .actionLink .Link:after {
        opacity: 1;
    }

    .hoverTab__activeItem {
        flex-direction: column;
    }

    .hoverTab__activeItem__content {
        width: 100%;
        padding: 0;
        margin-top: 30px;
        text-align: center;
    }

    .hoverTab__activeItem__content .LtBlueGradientLink {
        text-align: center;
    }

    .productSpecTable tr td:first-child {
        font-size: 12px;
    }

    .blueGradientCard {
        flex-direction: column;
        padding: 20px;
    }

    .blueGradientCard__content {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .prodRecItem {
        text-align: center;
        padding: 25px 15px 50px 15px;
    }

    .productSection .featureBlock {
        padding: 0;
    }

    .prodFilterBtn {
        top: -25px;
    }

    :is(.pageSection, .r32-main__wrapper) .d-flex.align-items-center.btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .twoSideHeader__button {
        width: 100%;
    }

    .benefitsSlider__Item {
        padding: 0;
    }

    .gridParent.grid-60-40.g-32 {
        grid-template-columns: 1fr;
    }

    .glsmrTile.glsmrTile--sided {
        flex-direction: column;
    }

    .glsmrTile--sided .glsmrTile__image {
        width: 100%;
    }

    .glsmrTile--sided .glsmrTile__content {
        width: 100%;
    }

    .glsmrTile--reverse .glsmrTile__image {
        order: 0;
    }

    .glsmrTile--reverse .glsmrTile__content {
        order: 1;
    }

    .glsmrTile__content {
        padding: 15px;
    }

    .h1Style h2 {
        font-size: 48px;
        line-height: 58px;
    }

    .highlightProductTile.highlightProductTile--hasBg {
        padding: 30px;
    }

    .prodCompare__wrap h3 {
        font-size: 14px;
        line-height: 18px;
    }

    .prodCompare__btn {
        font-size: 0px;
        padding: 28px;
    }

    .prodCompare__block {
        gap: 10px;
        flex-wrap: nowrap;
    }

    .prodCompare__item__content {
        display: none;
    }

    .prodCompare__allBlock {
        padding: 0px 10px 10px 10px;
    }

    .prodCompare__item {
        flex: auto;
        display: inline-block;
        padding: 25px 10px 10px;
    }

    .prodCompare__item__img {
        width: 50px;
    }

    .prodCompare__item .productCard__compare {
        top: 7px;
        right: 7px;
        width: 14px;
        height: 14px;
    }

    .prodCompare__item .productCard__compare input {
        width: 16px;
        height: 16px;
    }

    .prodCompare__item .productCard__compare .prodCompare__placeholder {
        width: 14px;
        height: 14px;
    }

    .prodCompare__item .productCard__compare .prodCompare__placeholder:after {
        width: 14px;
        height: 14px;
        left: calc(50% - 7px);
        top: calc(50% - 7px);
    }

    .prodCompareSection {
        min-height: 145px;
        top: calc(100% - -20px);
    }

    .productAllArticle ~ .pageSection:nth-of-type(1) {
        padding-top: 185px;
    }

    .grid-50-50 {
        grid-template-columns: 1fr;
    }

    .produdtSpecDetails__item__head {
        flex-direction: column;
    }

    .produdtSpecDetails__item__head__content {
        width: 100%;
        padding: 20px 0px 0px 0px;
    }

    .produdtSpecDetails__item__head__content:before {
        content: none;
    }

    .prodTabBody {
        padding: 15px;
    }

    .feature-specGrid {
        grid-template-columns: 1fr;
    }

    .feature-specGrid h3 {
        padding: 24px 0;
    }

    .button-flBlock {
        gap: 24px;
    }

    .sideImageWrap .sideImageEach {
        width: 60px;
        height: 60px;
    }

    .view-360.active {
        bottom: 75px;
    }

    .resourceOptionBlock__inputWrap {
        flex-direction: column;
    }

    .csNmInput {
        width: 100%;
    }

    .flexCB:has(.productDetailHead) {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .resourceOptionBlock {
        padding: 40px 20px;
        backdrop-filter: none;
    }

    .darkTextLink {
        font-size: 16px;
    }

    .prodTabBody .flexCC {
        flex-direction: column;
        gap: 16px;
        margin-top: 15px;
    }

    .compatibleProductList {
        padding-left: 0;
    }

    .prodTabHead__content__title h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 0;
    }

    .prodTabHead__content__block h4 {
        font-size: 18px;
        line-height: 28px;
    }

    .relatedProducts__offset .iconIn {
        width: 30px;
        height: 30px;
    }

    .compareProdTable th h3 {
        font-size: 16px;
    }

    .compareProdTable th img {
        height: 80px;
    }

    .compareProdTable tr td:first-child {
        font-size: 12px;
    }

    .compareProdTable td:not(:first-child) {
        font-size: 14px;
    }

    .compareProdTable td[data-value-in="False"]:after {
        background-size: 10px;
    }

    .prodRecGrid .btn.btn--grGradient {
        width: 100%;
    }

    .buttonWrapper {
        flex-direction: column;
    }

    .prodFilterContent {
        grid-template-columns: 1fr;
    }

    .productFilterToggleBlock {
        top: 0px;
    }

    .pdGlsCard {
        flex-direction: column;
        align-items: center;
        padding: 33px 20px;
    }

    .pdGlsCard__content {
        width: 100%;
        padding: 0;
        margin-top: 30px;
        text-align: center;
    }

    .residential-systems__wrapper .glsCard .glsCard__hoverBlock {
        transform: none;
    }

    .residential-systems__wrapper .glsCard .glsCard__hoverBlock .Link {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0px;
        opacity: 0;
        padding: 0px;
        border-radius: 12px;
    }

    .gridParent.mdDown .grid-child {
        width: 100%;
    }

    .glsCard__hoverBlock {
        transform: inherit;
    }

    .glsCard .LtBlueGradientLink .Link {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding: 0px;
        opacity: 0;
    }

    :is(.prodTabBody, .cstabData.bgTab) h2.sideTitle {
        font-size: 24px;
        margin-bottom: 0;
        margin-top: 25px;
    }

    .proProdSliderItem {
        flex-direction: column;
    }

    .proProdSliderItem__content {
        width: 100%;
        padding: 0;
        margin-top: 30px;
    }

    .videoBannerContent__top {
        text-align: center;
    }

    .videoBannerContent {
        align-items: center;
    }

    .sectionSubTitle h1 {
        font-size: 28px;
    }



    body:is(.pro, .proTemplate) .bottom-drawer-container {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        box-shadow: 0 -4px 16px rgba(0,0,0,0.1);
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        transition: transform 0.3s ease;
        z-index: 1000;
        display:block;
    }

    .bottom-drawer-container.open {
        transform: translateY(0%);
    }

    .bottom-drawer-header {
        cursor: pointer;
        position: absolute;
        border-radius: 100%;
        max-width: 50px;
        background: #fff;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 15px;
        width: 100%;
        bottom: 15px;
        box-shadow: 0px 2px 8px 0px rgba(60, 64, 67, 0.25);
    }

    .drawer-handle {
        width: 40px;
        height: 40px;
        background: url(https://dnadct-ae1dwtdbsd-static-assets.s3.amazonaws.com/images/default-source/s3-images/location-icon.svg);
        border-radius: 5px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .drawer-label {
        font-weight: bold;
        font-size: 16px;
        color: #333;
    }

    .bottom-drawer-body {
        display: none; /* hidden by default */
        flex-direction: row;
        width: 100%;
    }

    .bottom-drawer-body .Link {
        padding: 16px;
        text-align: center;
        text-decoration: none;
        font-size: 12px;
        width: 100%;
    }

    .find-a-contractor-button {
        background: var(--daikinProGradient);
        color: #fff;
    }

    .find-manufacturer-button {
        background: var(--daikinDeepBlue);
        color: #fff;
    }

    #drawerOverlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.4);
        z-index: 999;
        backdrop-filter: blur(2px);
    }

    body:is(.pro, .proTemplate) .pageFooter {
        padding-bottom: 90px;
    }

    .imageVideoBlock .grid-3 {
        grid-template-columns: 1fr;
    }

    .nwsFilterBlock {
        position: static;
        width: 100%;
        max-width: 200px;
        margin-bottom: 30px;
    }
    .listView .listView__pagination {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .category-items {
        width: 100%;
        max-width: 400px;
    }
    .newsMediaSocialIcons .col-md-12 {
        flex-direction: column;
    }
    .mediaContactsBlock .blueGrBlock__content {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 15px;
        justify-content: flex-start;
    }


    
}

/* MEDIA QUERIES END */

/* Language Switcher */
html[lang="fr-CA"] .navItemEach__in .Link, html[lang="es"] .navItemEach__in .Link {
    font-size: 15px;
}

html[lang="fr-CA"] .pageHeaderTopLink__link .Link, html[lang="es"] .pageHeaderTopLink__link .Link {
    font-size: 11px;
    text-indent: -999px;
}

html[lang="fr-CA"] .pro .pageHeaderTopLink__link .Link, html[lang="es"] .pro .pageHeaderTopLink__link .Link {
    white-space: nowrap;
}

html[lang="fr-CA"] .pageHeader__top__right__split__left {
    gap: 20px;
}

html[lang="fr-CA"] .overlayedBanner h1 {
    text-transform: none;
}

html[lang="fr-CA"] .bannerWithLinks {
    grid-template-columns: minmax(550px, 1fr) minmax(250px, auto);
}

@media screen and (max-width: 1024px) {
    html[lang="fr-CA"] .bannerWithLinks {
        grid-template-columns: 1fr !important;
    }
}

@media screen and (max-width: 767px) {
    html[lang="fr-CA"] .wg-default, html[lang="fr-CA"] .wg-default .country-selector {
        bottom: 51px;
    }
    html[lang="fr-CA"] .pro .wg-default .country-selector, .pro .wg-default .country-selector {
        bottom: 0;
        position: fixed;
        right: auto;
        left: 0px;
    }

}

    /* Collapsible functionality styles */
    .collapsible-header {
        transition: background-color 0.3s ease;
        user-select: none;
    }

    .collapsible-header:hover {
        background-color: #e0e0e0 !important;
    }

    .collapsible-header .toggle-icon {
        display: inline-block;
        margin-right: 8px;
        font-size: 12px;
        transition: transform 0.3s ease;
    }

    .collapsible-content {
        display: block;
        transition: all 0.3s ease;
    }

    .collapsible-content.collapsed {
        display: none;
    }

    /* Hide search box and length menu */
    .dataTables_filter,
    .dataTables_length {
        display: none !important;
    }

    /* Hide pagination and info */
    .dataTables_info,
    .dataTables_paginate {
        display: none !important;
    }

    /*Video Accessibility Fix*/

    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }