:root {
    --primaryColor: #1ABCFE;
    --primaryBlue: #31A0FE;
    --secondaryColor: #001E31;
    --daikin_blue: #022A42;
    --lt_blue: #0097E0;
    --bg_blue: #B3D8EF;
    --lt_blue_bg: rgba(179, 216, 239, 0.50);
    --white: #FFFFFF;
    --black: #000000;
    --grey: #667085;
    --daikin_orange: #F14F27;
    --daikin_grey: #F0F2F5;
    --daikin_grey2: #f2f2f2;
    --fontG: "Gabarito", sans-serif;
    --fontP: "Poppins", sans-serif;
    --fontSize: 14px;
    --container: 1160px;
    --containerMd: 1210px;
    --containerLg: 1260px;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0px;
    padding: 0px !important;
    background: var(--white);
    font-family: var(--fontP);
    font-size: var(--fontSize);
    min-height: 100svh;
    color: var(--secondaryColor);
    overflow-x: hidden;
    scroll-behavior: smooth;
}

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

.container {
    width: min(100%, var(--container));
    margin-inline: auto;
    padding-inline: 15px;
}

.container.container--md {
    width: min(100%, var(--containerMd));
}

.container.container--lg {
    width: min(100%, var(--containerLg));
}

img {
    max-width: 100%;
}

[class^="flex"] {
    display: flex;
    gap: 30px;
}

[class^="flexC"] {
    align-items: center;
}

[class$="CC"] {
    justify-content: center;
}

[class$="CB"] {
    justify-content: space-between;
}

[class$="CE"] {
    justify-content: flex-end;
}

[class^="flexSB"] {
    align-items: flex-start;
    justify-content: space-between;
}

.mBlock50 {
    margin-block: 50px;
}

.section--white {
    background: var(--white);
}

.section--blue {
    background: rgba(179, 216, 239, 0.50);
}

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

.hideForSmall {
    display: block;
}

.showForSmall {
    display: none;
}

input:focus {
    outline-color: var(--daikin_blue);
}

/* IFRAME INTEGRATION */
.forIframe :is(.UniversalBar, .pageHeader, .pageFooter) {
    display: none !important;
}
/* IFRAME INTEGRATION END */

/* OBSERVER BLOCK */
.observeBlock {
    opacity: 0;
    visibility: hidden;
    transition: 0.5s linear;
}

.observeBlock.animate {
    opacity: 1;
    visibility: visible;
    transition: 0.5s linear;
    transition-delay: calc(var(--delay) * 50ms);
}

.observeBlock[animation-type="fade-up"] {
    transform: translateY(100px);
}

.observeBlock.animate[animation-type="fade-up"] {
    transform: translateY(0px);
}

.observeBlock[animation-type="fade-left"] {
    transform: translateX(-100px);
}

.observeBlock.animate[animation-type="fade-left"] {
    transform: translateX(0px);
}

.observeBlock[animation-type="fade-right"] {
    transform: translateX(100px);
}

.observeBlock.animate[animation-type="fade-right"] {
    transform: translateX(0px);
}
/* OBSERVER BLOCK END */

/* BUTTONS */
.btn {
    padding: 10px 20px;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 50px;
    display: inline-block;
    overflow: hidden;
}

.btn.black {
    background: var(--black);
    color: var(--white);
}

.btn.primary {
    background: var(--primaryColor);
    color: var(--white);
}

.btn.orange {
    background: var(--daikin_orange);
    color: var(--white);
}

.btn.primary--outline {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
}

.btn:hover {
    text-decoration: none;
}

.btn span {
    position: relative;
    z-index: 1;
}

.btn:has(span) {
    position: relative;
}

.btn:has(span):before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: 0px;
    /* border-radius: 50px; */
    /* transition: 0.3s linear; */
}

.btn:has(span):hover:before {
    left: 100%;
    transition: 0.3s linear;
}

.btn.primary--outline:has(span):before {
    background: var(--secondaryColor);
}

.btn.black:has(span):before {
    background: var(--white);
}

.btn.primary:has(span):before {
    background: var(--white);
}

.btn.orange:has(span):before {
    background: var(--white);
}

.btn.btn--primaryGradient {
    background: linear-gradient(181deg, #004F73 -33.57%, #030E2E 96.81%);
    color: var(--white);
    text-transform: uppercase;
    transition: all 0.3s linear;
    font-size: 12px;
    letter-spacing: 0.6px;
    font-weight: 500;
}

.btn.btn--hasIcon {
    display: flex;
    align-items: center;
}

.btn__icon {
    width: 18px;
    height: 18px;
    margin-left: 10px;
}

.btn.btn--primaryGradient:hover {
    /*text-transform: capitalize;*/
    color: #98CCF9;
    transition: all 0.3s linear;
}

.btn--primaryGradient.btn--closeIcon {
    padding-right: 45px;
    position: relative;
}

.btn--primaryGradient.btn--closeIcon:after {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    background: url('../images/close-white.svg') center / contain no-repeat;
    right: 18px;
    top: calc(50% - 9px);
}
/* BUTTONS END */

/* FORWARD BUTTON */
.forwardButton {
    width: 60px;
    min-height: 50px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 50px;
    background: var(--white);
    text-decoration: none;
    color: var(--daikin_orange);
    border: 1px solid var(--daikin_orange);
    transform: scale(0);
    transition: 0.3s linear;
}

.forwardButton:hover {
    background: var(--secondaryColor);
    transition: 0.3s linear;
}

.forwardButton.animate {
    width: auto;
    transform: scale(1);
    transition: 0.3s linear;
}

.forwardButton__icon {
    width: 50px;
    height: 50px;
    background: var(--daikin_orange);
    border-radius: 50px;
    position: relative;
    transform: scale(0);
}

.forwardButton.animate .forwardButton__icon {
    transform: scale(1);
    transition: 0.5s linear;
    transition-delay: 0.3s;
}

.forwardButton:hover .forwardButton__icon {
    margin-left: 20px;
    transition: 0.3s;
}

.forwardButton__icon:before {
    content: '';
    width: 22px;
    height: 14px;
    position: absolute;
    background: url('../images/arrow-right-white.svg') no-repeat center;
    background-size: contain;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.forwardButton__text {
    font-size: 0;
    font-weight: 600;
    margin-left: 0px;
    transform: rotateY(90deg);
    transition: 0.3s;
    transform-origin: right;
}

.forwardButton.animate .forwardButton__text {
    font-size: 16px;
    margin-inline: 10px;
    transform: rotateY(0deg);
    transition: 0.3s;
    transition-delay: 1.2s;
}
/* FORWARD BUTTON END */

.findDealerSection form:not(.slsfrcForm) {
    width: calc(var(--container) / 2);
    padding: 15px;
    height: 100%;
    position: fixed;
    top: 0;
    left: calc((100vw - var(--container)) / 2);
    display: none;
    align-items: center;
    justify-content: flex-start;
    z-index: 7;
}

.findDealerSection:has(.dealerCompletion.setActive):has(#dealerStep-1.active) form:not(.slsfrcForm) {
    display: flex !important;
}

.findDealerSection:has(.dealerCompletion.setActive) form:not(.slsfrcForm) {
    display: flex;
}

.findDealerSection form:not(.slsfrcForm) h6 {
    font-size: 14px;
    font-weight: 500;
    color: var(--black);
    margin: 0px 0px 25px 0px;
}

.findDealerSection form:not(.slsfrcForm) > div {
    width: min(100%, 460px);
    height: auto;
    max-height: 100%;
    overflow: auto;
    background: var(--white);
    border-radius: 10px;
    padding: 32px;
    position: relative;
    left: -150px;
    transition: 0.3s linear;
}

.findDealerSection:has(.dealerCompletion.setActive) form:not(.slsfrcForm) > div {
    transition-delay: 0.3s;
    left: 0px;
    transition: 0.3s linear;
}

.findDealerSection form:not(.slsfrcForm) div label:not(.forwardIconBtn__text__in, .optBackBlock__text) {
    display: none;
}

.findDealerSection :is(form:not(.slsfrcForm) div input.form-control, .slsfrcForm :is(input, select, textarea)) {
    width: 100%;
    height: 36px;
    padding: 5px 16px;
    background: #f5f6f7;
    border-radius: 4px 4px 0px 0px;
    border: 0px;
    border-bottom: 1px solid var(--secondaryColor);
    font-family: var(--fontP);
    color: var(--seondaryColor);
    font-size: 14px;
    font-weight: 500;
    margin: 4px 0px;
    display: inline-block;
    resize: none;
}

.findDealerSection form:not(.slsfrcForm) div input.form-control[placeholder="selected-dealers"] {
    height: 0px;
    font-size: 0;
    margin: 0px;
    padding: 0;
    border: 0;
}

div[data-sf-role="text-field-container"]:has(input.form-control[placeholder="selected-dealers"]) {
    height: 0px;
}

.findDealerSection form:not(.slsfrcForm) div input.form-control::placeholder {
    color: #98A4AC;
    opacity: 1; /* Firefox */
}

.findDealerSection form:not(.slsfrcForm) div input.form-control::-ms-input-placeholder { /* Edge 12 -18 */
    color: #98A4AC;
}

.invalid-feedback {
    font-size: 12px;
    color: var(--daikin_orange);
    margin-bottom: 5px;
}

.findDealerSection div[data-sf-role="submit-button-container"] {
    margin: 20px 0 0 0;
    text-align: center;
}

.findDealerSection div[data-sf-role="submit-button-container"] .btn {
    background: red;
    color: var(--white);
    padding: 12px 60px 12px 20px;
    background: linear-gradient(181deg, #004F73 -33.57%, #030E2E 96.81%);
    transition: 0.3s linear;
    position: relative;
    cursor: pointer;
    font-family: var(--fontP);
    font-weight: 500;
    letter-spacing: 0.118px;
    display: none;
}

.findDealerSection div[data-sf-role="submit-button-container"] .btn:after {
    content: '';
    width: 12px;
    height: 12px;
    background: url('../images/arrow-right-white.svg') no-repeat center;
    background-size: contain;
    filter: invert(0);
    position: absolute;
    top: calc(50% - 5px);
    right: 20px;
    transition: 0.3s linear;
}

.findDealerSection div[data-sf-role="submit-button-container"] .btn:hover {
    transition: 0.3s linear;
    background: #90beee;
    color: var(--secondaryColor);
    padding: 12px 20px 12px 60px;
}

.findDealerSection div[data-sf-role="submit-button-container"] .btn:hover:after {
    filter: invert(1);
    animation: slideLeft 0.15s linear forwards;
    animation-delay: 0.01s;
}

.findDealerSection .mb-3.hiddenInput {
    display: none;
    height: 0px;
    overflow: hidden;
}

:is(.csContactForm, .spRegistrationForm) .d-none {
    display: none;
}

.csContactForm > :is(.valid-feedback, .invalid-feedback) {
    text-align: center;
    font-size: 30px;
    margin: 0;
}

.slsfrcForm :is([type=hidden], [type="submit"]) {
    display: none !important;
}

.slsfrcForm__error {
    font-size: 12px;
    color: var(--daikin_orange);
    margin-bottom: 5px;
    display: none;
}

.slsfrcForm__inputBlock {
    margin: 5px 0px;
}

.is-invalid + .slsfrcForm__error {
    display: block
}

.slsfrcFormError #dealerStep-1 .forwardIconBtn {
    pointer-events: none;
    opacity: 0.2;
}
.csContactForm > :is(.invalid-feedback, .valid-feedback):not(.d-block) {
    display: none;
}
/* FOOTER */
.pageFooter {
    width: 100%;
    display: inline-block;
    padding: 48px 0px;
    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;
    color: var(--white);
}

.footerHalfWrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-bottom: 50px;
}

.gridParent {
    display: grid;
}

.grid-c-3 {
    grid-template-columns: auto auto auto;
}

.footerHalf .grid-c-3 {
    gap: 50px;
}

.footerLink .Link {
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.6px;
    cursor: pointer;
    transition: 0.3s linear;
    margin: 12px 0px;
    display: inline-block;
}

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

.footerHalf h2 {
    font-size: 48px;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: 0.5px;
    margin: 48px 0px 0px 0px;
}

.footerHalf p {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
}

.FooterBottomArea {
    position: relative;
    padding-top: 16px;
    display: flex;
    gap: 24px;
}

.FooterBottomArea:before {
    content: '';
    width: 100%;
    height: 2px;
    background: linear-gradient(95deg, #3AC4F5 2.68%, #0E0E8A 95.69%);
    position: absolute;
    left: 0;
    top: 0px;
}

.copyWriteBlock p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.footerBottomLink .Link {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--white);
    transition: 0.3s;
}

.footerBottomLink .Link:hover {
    color: var(--primaryColor);
    transition: 0.3s;
}

.copyWriteBlock {
    width: min(100%, 480px);
}


/* FOOTER END */

.label-out label.h6 {
    display: none !important;
}

@media screen and (max-width: 1200px) {
    .findDealerSection form:not(.slsfrcForm) {
        left: 0px;
    }
}

@media screen and (min-width: 1025px) {

    .findDealerSection div[data-sf-role="fields-container"]:has(.form-control.is-invalid) .forwardIconBtn {
        pointer-events: none;
        opacity: 0.3;
    }

    #onetrust-pc-sdk.otPcTab {
        width: 90%;
        max-width: 830px;
        max-height: calc(100svh - 80px);
    }

}

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

    .hideForSmall {
        display: none;
    }

    .showForSmall {
        display: block;
    }

    .findDealerSection form:not(.slsfrcForm) {
        width: 100%;
        left: 0;
        position: static;
        justify-content: center;
    }

    .findDealerSection form:not(.slsfrcForm) > div {
        left: 0;
    }

    .findDealerSection div[data-sf-role="submit-button-container"] .forwardIconBtn {
        pointer-events: initial;
        opacity: 1;
    }

    .findDealerSection .formError div[data-sf-role="submit-button-container"] .forwardIconBtn {
        pointer-events: none;
        opacity: 0.3;
    }

    body.cs-formIn .dealerStepsBlock {
        display: none;
    }

    body.cs-formIn form:not(.slsfrcForm) {
        display: flex !important;
    }
}