@font-face {
    font-family: 'cv-icons';
    src: url('../fonts/icons/cv-icons.eot?766696720');
    src: url('../fonts/icons/cv-icons.eot?766696720#iefix') format('embedded-opentype'), url('../fonts/icons/cv-icons.woff2?766696720') format('woff2'), url('../fonts/icons/cv-icons.woff?766696720') format('woff'), url('../fonts/icons/cv-icons.ttf?766696720') format('truetype'), url('../fonts/icons/cv-icons.svg?766696717#cv-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}



.subcribe-page .dashboard-side-nav {
    background-color: #fffaf8;
    border-right: 1px solid rgba(91, 94, 94, 0.1);
}

.subcribe-page .dashboard-side-nav .side-nav-menu-items ul li:nth-child(2) {
/*    display: none;*/
}

.subcribe-page .dashboard-side-nav .side-nav-menu-items ul li:nth-child(3) {
/*    display: none;*/
}

.subcribe-page .dashboard-side-nav .side-nav-menu-items ul li:nth-child(4) a::before {
    opacity: 1;
    color: #5B5E5E;
}

.subcribe-to-cv {
    display: flex;
    flex-direction: row-reverse;
    background-color: #fff;
    min-height: 100vh;
    align-items: stretch;
    align-content: stretch;
}

.mobile-step-header {
    display: none;
}

.subscribe-summary {
    width: 438px;
    background-color: rgba(254, 231, 220, 0.4);
    position: fixed;
    /* right: 0; */
    padding: 64px;
    overflow-y: scroll;
    z-index: 11;
    height: 100vh;
}

.subscribe-summary::-webkit-scrollbar {
    width: 5px;
    padding-right: 4px;
}

.subscribe-summary::-webkit-scrollbar-track {
    background-color: transparent;
}

.subscribe-summary::-webkit-scrollbar-thumb {
    background-color: #D7BDB3;
    margin-right: 2px;
    width: 2px;
}

.subscribe-summary::-webkit-scrollbar-thumb:hover {
    background-color: #D7BDB3;
}


.subscribe-summary h2 {
    font-family: "Playfair Display";
    font-size: 30px;
    letter-spacing: 0;
    line-height: 1.1em;
}

.subscribe-summary p {
    font-family: "Lexend Deca";
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.08em;
    margin-top: 24px;
}

.payment-info-summary {
    margin-top: 24px;
}

.payment-info-summary h4 {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.08em;
    margin-bottom: 8px;
}

.payment-info-summary div {
    display: flex;
    justify-content: space-between;
    margin-top: 4px;
}
.payment-info-summary div.detail {
    display: block;
}
.payment-info-summary div p {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.75em;
    margin-top: 0px;
}

.payment-info-summary div.total {
    margin-top: 24px;
}

.payment-info-summary div.total p {
    color: #414099;
    font-family: "Lexend Deca";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.75em;
}

.payment-info-summary .payment-sum-note {
    margin-top: 32px;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.08em;
}

.address-info-summary {
    border-top: 1px solid rgba(91, 94, 94, 0.1);
    padding-top: 6px;
    margin-top: 40px;
}



.address-info-summary div {
    margin-top: 24px;
}

.address-info-summary div h4 {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.08em;
    margin-bottom: 8px;
}

.address-info-summary div p {
    margin-top: 0px;
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between;
}

.pickup-schedule-summary h4 {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.08em;
    margin-top: 16px;
}

.pickup-schedule-summary p {
    margin-top: 8px;
}

.subscribe-form-wrapper {
    flex: 1;
    margin-left: 112.5px;
    padding: 40px;
}


.subscribe-step-header {
    max-width: 567px;
    margin-bottom: 40px;
}

.subscribe-step-header h1 {
    font-size: 48px;
    letter-spacing: 0;
    line-height: 1.08em;
}

.subscribe-step-header .sub-step-counter {
    display: flex;
    justify-content: flex-start;
}

.subscribe-step-header .sub-step-counter div {
    font-size: 10px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1.67px;
    line-height: 1.1em;
    color: rgba(91, 94, 94, 0.4);
    margin-right: 56px;
    display: inline-flex;
    align-items: center;
}

.subscribe-step-header .sub-step-counter div::before {
    content: attr(data-sub-step);
    font-family: "Playfair Display";
    font-size: 30px;
    letter-spacing: 0;
    line-height: 1em;
    margin-bottom: 10px;
    margin-right: 8px;
    color: #D7BDB3;
}


.subscribe-step-header .sub-step-counter div::after {
    content: '';
    border: 1px solid rgba(91, 94, 94, 0.1);
    width: 41px;
    position: absolute;
    right: -50px;
}

.subscribe-step-header .sub-step-counter div:last-child::after {
    display: none;
}

.subscribe-step-header .sub-step-counter div:last-child {
    margin-right: 40px;
}

.subscribe-step-header .sub-step-counter div.current-sub-step {
    font-size: 14px;
    letter-spacing: 3px;
    color: #5B5E5E;
}

.subscribe-step-header .sub-step-counter div.current-sub-step::before {
    font-family: "Playfair Display";
    font-size: 64px;
    letter-spacing: 0;
    line-height: 1em;
    margin-bottom: 25px;
    color: #D7BDB3;
}

.mobile-sub-step-counter {
    display: none;
}

.mobile-sub-step-counter div {
    display: flex;
    align-items: center;
    color: #D7BDB3;
}

.mobile-sub-step-counter div span {
    color: #D7BDB3;
    font-weight: 300;
}

.mobile-sub-step-counter div span.initial-page {
    font-family: "Playfair Display";
    font-size: 48px;
    letter-spacing: 0;
    line-height: 1em;
    margin-bottom: 15px;
}

.mobile-sub-step-counter div span.total-pages {
    font-family: "Playfair Display";
    font-size: 28px;
    letter-spacing: 0;
    line-height: 1em;
    margin-bottom: -1px;
}

.mobile-sub-step-counter div h4 {
    color: #5B5E5E;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 2.8px;
    line-height: 1.08em;
    margin-left: 8px;
    margin-top: 16px;
}

.subscribe-step {
    max-width: 652px;
    flex-direction: column;
    display: none;
}


.subscribe-step input[type="date"] {
    opacity: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.subscribe-step div.select-drop-down select {
    color: #5B5E5E;
    opacity: .4;
}

.subscribe-step div.select-drop-down::after {
    content: url(../images/icon-dropdown.svg);
    position: absolute;
    right: 2px;
    bottom: 32px;
    height: 7px;
    width: auto;
    background-color: #fff;
    z-index: 12;
    pointer-events: none;
}

.subscribe-step div.select-drop-down::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 2px;
    height: 40px;
    width: 40px;
    background-color: #fff;
    z-index: 11;
    pointer-events: none;
}

/* step 1 */

.closet-space-step .packages-header {
    display: flex;
    justify-content: space-between;
    flex-direction: row !important;
    margin-bottom: 16px;
}

.closet-space-step .packages-header p {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.75em;
}

.closet-space-step .packages-header span {
    cursor: pointer;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.08em;
    display: inline-flex;
    align-items: center;
}

.closet-space-step .packages-header span::after {
    content: url(../images/information.svg);
    margin-left: 8px;
}

.packages-to-choose {
    display: flex;
    align-items: flex-start;
    flex-direction: row !important;
    justify-content: space-between;
    margin-bottom: 48px;
}

.package-option {
    cursor: pointer;
    min-height: 196px;
    width: 206px;
    margin-right: 16px;
}

.package-option-header {
    padding: 56px 20px 35px 20px;
    width: 100%;
    align-items: center;
    position:relative;
    height:220px;
}

.package-option::before {
    content: '';
    box-sizing: border-box;
    height: 24px;
    width: 24px;
    border: 1px solid #5B5E5E;
    position: absolute;
    left: 16px;
    top: 16px;
}

.package-option.chosen-package {
    background-color: #414099 !important;
    color: #fff;
}

.package-option.chosen-package .package-option-header {
    padding-bottom: 0px;
}

.package-option-header span.terms {position: absolute;bottom: 0px;font-size: 11px;line-height: 1.1em;padding: 10px 15px;left: 0px;}
.option-coming-soon .package-option-header span.terms {display:none;}

.subscribe-step .select-package-item-quantity {
    padding-top: 16px;
    padding-bottom: 24px;
    margin-top: 34px;
    margin: 14px 16px 0px 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: block;
}

.package-option.chosen-package .select-package-item-quantity {
    display: block;
    padding-top: 16px;
    padding-bottom: 24px;
    margin-top: 34px;
    margin: 14px 16px 0px 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.product-select {opacity:0.2;}

.package-option.chosen-package select {
    border: none;
    border-bottom: 1px solid #fff;
    background-color: #414099;
    color: #fff;
    width: 126px;
    margin: 0 auto;
    -webkit-appearance: none;
    border-radius: 0;
    opacity:1;
}

.package-option.chosen-package .select-item-count-dropdown::before {
    content: '';
    position: absolute;
    height: 100%;
    background-color: #414099;
    width: 20px;
    right: 24px;
    bottom: 1px;
    z-index: 11;
    pointer-events: none;
    /* border: 1px solid #fff; */
}

.select-item-count-dropdown {
    width: 126px;
    margin: 0 auto;
}

.pricing-tooltip-info {
    max-width: 200px;
    background-color: #D7BDB3;
    color: #fff;
    padding: 10px;
    position: absolute;
    right: 0;
    bottom: 25px;
    z-index: 12;
    display: none !important;
}

.pricing-tooltip-info.visible {
    display: block !important;
}

.pricing-tooltip-info p {
    font-size: 12px !important;
    line-height: 1.08em !important;

}

.package-option.chosen-package .select-item-count-dropdown::after {
    content: url(../images/icon-dropdown-white.svg);
    position: absolute;
    right: 1px;
    bottom: 1px;
    height: 40px;
    width: auto;
    background-color: #414099;
    z-index: 12;
    pointer-events: none;
}

.package-option.chosen-package select option {
    background-color: #fff;
    color: #5B5E5E;
}

.package-option.chosen-package::before {
    content: url(../images/checkbox-white.svg);
    box-sizing: border-box;
    height: 24px;
    width: 24px;
    border: 1px solid transparent;
    position: absolute;
    left: 16px;
    top: 16px;
}

.package-option.option-coming-soon {
    cursor: initial;
}

.package-option.option-coming-soon::after {
    content: 'Coming soon';
    color: #5B5E5E;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1em;
    height: 24px;
    width: 107px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    position: absolute;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
}

.package-option.option-coming-soon::before {
    display: none;
}

.package-option:first-child {
    background-color: rgba(254, 231, 220, 0.6);
}

.package-option:nth-child(2) {
    background-color: rgba(215, 189, 179, 0.6);
}

.package-option:nth-child(3) {
    background-color: rgba(251, 190, 167, 0.4);
    margin-right: 0px;
}

.select-suitable-sub {
    margin-bottom: 40px;
}

.select-suitable-sub h3 {
    font-family: "Lexend Deca";
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.75em;
    margin-bottom: 16px;
}

.package-option h4 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 3px;
    line-height: 1.14em;
    text-align: center;
    margin-bottom: 8px;
}

.package-option p {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.08em;
    text-align: center;
    margin-bottom: 8px;
}

.package-option p.price {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.75em;
    margin-bottom: 0px;
}

.subscription-option {
    cursor: pointer;
    width: 100%;
    padding: 16px;
    padding-left: 56px;
    background-color: rgba(225, 222, 228, 0.2);
    border: 1px solid transparent;
    margin-bottom: 16px;
}

.subscription-option.selected {
    border: 1px solid #414099;

}

.subscription-option span.offdiscount-price {
    text-decoration: line-through;
}


.subscription-option::before {
    content: '';
    box-sizing: border-box;
    height: 24px;
    width: 24px;
    border: 1px solid #5B5E5E;
    position: absolute;
    top: 16px;
    left: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.subscription-option.selected::before {
    content: '\e811';
    font-family: "cv-icons";
    font-size: 12px;
    color: #414099;
    border-color: #414099;
}

.subscription-option:last-child {
    margin-bottom: 0px;
}

.subscription-option h4 {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.5em;
    margin-bottom: 4px;
}

.subscription-option p {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.08em;
}

.sub-option-note {
    display: inline-block;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.08em;
    background-color: #FFFFFF;
    position: absolute;
    top: 16px;
    right: 1px;
}

.sub-step-1-important-note {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.08em;
    max-width: 494px;
    display: inline-flex;
    align-items: center;
    flex-direction: row !important;
}

.sub-step-1-important-note::before {
    content: url(../images/alert@3x.svg);
    margin-right: 8px;
}

.sub-navigation-controls {
    display: flex;
    justify-content: space-between;
    flex-direction: row !important;
    margin-top: 40px;
}

.sub-navigation-controls button,
.sub-navigation-controls a {
    cursor: pointer;
    height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 0 24px;
    font-family: "Lexend Deca";
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.08em;
    text-transform: uppercase;
    transition: all .3s linear;
    width:auto;
    margin-top:0;
}

.sub-navigation-controls button.cancel-subscription-process-btn,
.sub-navigation-controls a.cancel-subscription-process-btn,
.sub-navigation-controls button.back-previous-substep-btn {
    color: #5B5E5E;
    background-color: transparent;
    border: 1px solid rgba(91, 94, 94, 0.2);
}

.sub-navigation-controls button.cancel-subscription-process-btn:hover,
.sub-navigation-controls a.cancel-subscription-process-btn:hover,
.sub-navigation-controls button.back-previous-substep-btn:hover {
    background-color: #5B5E5E;
    color: #fff;
}

.sub-navigation-controls button.continue-next-substep-btn {
    color: #FFFFFF;
    background-color: #414099;
    border: none;
}

.sub-navigation-controls button.continue-next-substep-btn:hover {
    background-color: #5B5E5E;
}

@media screen and (max-width: 1300px) {
    .subscribe-summary {
        width: 438px;
        background-color: #fef5f1;
        position: static;
        /* right: 0; */
        height: auto;
        padding: 64px;
        overflow-y: scroll;
        z-index: -1;
    }
}

@media screen and (max-width: 1250px) {
    .packages-to-choose {
        flex-direction: column !important;
    }

    .package-option {
        width: 100%;
        margin-bottom: 8px;
        margin-right: 0px;
        align-items: center;
    }

    .package-option p {
        max-width: 265px;
    }

    .package-option.option-coming-soon::after {
        transform: initial;
        left: 16px;
        height: 24px;
        width: 85px;
        font-size: 11px;
    }

    .subscribe-step-header .sub-step-counter {
        display: none;
    }

    .mobile-sub-step-counter {
        display: block;
    }

    .subscribe-step-header {
        margin-bottom: 0px;
    }

    .subscription-option {
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 1200px) {
    .closet-space-step .packages-header p {
        max-width: 185px;
        font-size: 14px;
    }

    .closet-space-step .packages-header {
        align-items: flex-end;
    }

    .sub-option-note {
        top: initial;
        bottom: 16px;
    }

    .subscription-option h4 {
        max-width: 250px;
    }
}

@media screen and (max-width: 992px) {
    .closet-space-step .packages-header span {
        font-size: 11px;
    }

    .package-option h4 {
        font-size: 13px;
    }

    .package-option p {
        font-size: 11px;
    }

    .package-option p.price {
        font-size: 14px;
    }

    .package-option.chosen-package select {
        font-size: 16px;
    }

    .select-suitable-sub h3 {
        font-size: 14px;
    }

    .subscription-option h4 {
        font-size: 14px;
    }

    .subscription-option p {
        font-size: 11px;
    }

    .sub-step-1-important-note {
        flex-direction: column !important;
        align-items: flex-start;
        font-size: 11px;
    }

    .sub-step-1-important-note::before {
        margin-bottom: 8px;
    }

    .packages-to-choose {
        margin-bottom: 40px;
    }

    .sub-option-note {
        font-size: 11px;
    }

    .subscription-option::before {
        top: 8px;
        left: 8px;
    }

    .subscription-option {
        padding-left: 44px;
    }

    .subscribe-step-header {
        padding-bottom: 0px;
    }

    .subcribe-to-cv {
        flex-direction: column !important;
        padding-bottom:150px;
    }

    .mobile-step-header {
        padding: 32px 24px 10px 24px;
        display: block;
    }

    .sub-desktop-header {
        display: none;
    }

    .subscribe-summary {
        height: auto;
        padding: 16px 24px;
        padding-bottom: 24px;
        position: static;
        margin-left: 112.5px;
        width: calc(100% - 112.5px);

    }

    .subscribe-summary h2 {
        font-size: 16px;
        display: flex !important;
        align-items: center;
        width: 100%;
        justify-content: space-between;
    }

    .subscribe-summary h2::after {
        content: url(../images/icon-dropdown.svg);
        margin-bottom: 10px;
        height: 10px;
    }

    .sub-summary-content {
        padding-bottom: 8px;
        display: none;
    }

    .sub-summary-content.visible {
        display: block;
    }

    .mobile-step-header {
        margin-left: 112.5px;
    }

}

@media screen and (max-width: 680px) {
    .subscribe-form-wrapper {
        margin-left: 0px;
        padding-bottom: 105px;
    }

    .subscribe-summary {
        width: 100%;
        left: 0;
    }

    .subscribe-page .side-nav-menu-items ul {
        justify-content: flex-end;
    }

    .subscribe-page .side-nav-menu-items ul li {
        margin-right: 35px;
    }

    .subscribe-page .side-nav-menu-items ul li:first-child {
        margin-right: auto;
    }

    .subscribe-page .side-nav-menu-items ul li:first-child a {
        opacity: 1;
    }

    .subscribe-page .side-nav-menu-items ul li:last-child {
        margin-right: 0px;
    }

    .subscribe-summary {
        margin-left: 0px;
        width: 100%;
    }

    .mobile-step-header {
        margin-left: 0px;
    }

}

@media screen and (max-width: 576px) {
    .subscribe-form-wrapper {
        padding: 24px 24px 105px 24px;
    }

    .package-option.option-coming-soon::after,
    .package-option::before,
    .package-option.chosen-package::before {
        left: 8px;
        top: 8px;
    }

    .package-option {
        height: auto;
        min-height: auto;
    }

    .package-option-header {
        padding: 24px;
    }

    .sub-navigation-controls {
        justify-content: flex-end;
    }

    .sub-navigation-controls button:first-child, .sub-navigation-controls a:first-child {
        margin-right: 16px;
    }

    .payment-info-summary div p,
    .payment-info-summary div.total p {
        font-size: 14px;
    }



    .payment-info-summary .payment-sum-note,
    .subscribe-summary p {
        font-size: 11px;
    }
}

@media screen and (max-width: 360px) {
    .subscription-option {
        padding-bottom: 40px;
    }
}

/* /step 1 */

/* step 2 */


.personal-details-step h3 {
    font-size: 30px;
    letter-spacing: 0;
    line-height: 1.1em;
    margin-top: 40px;
}

.personal-details-step h4 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 3px;
    line-height: 1.14em;
    margin-top: 40px;
}

.subscribe-step div,
.address-details div,
.additional-contact div {
    display: flex;
    flex-direction: column;
}

.subscribe-step div label,
.address-details div label,
.additional-contact div label {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1.08em;
    margin-bottom: 8px;
    margin-top: 24px;
    text-transform: uppercase;
}

.subscribe-step div input,
.subscribe-step div select,
.instructions-for-gate-entrance textarea {
    border: none;
    border-bottom: 1px solid rgba(91, 94, 94, 0.2);
    height: 42px;
    color: #5B5E5E;
    font-family: "Playfair Display";
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.1em;
}

.subscribe-step div input.product-number {
    color:white;
    border-bottom:1px solid white;
    background:none;
    text-align:center;
    max-width: 90px;
    -webkit-appearance:none;
}
.subscribe-step div input.product-number::-webkit-inner-spin-button,
.subscribe-step div input.product-number::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.subscribe-step .chosen-package div input.product-number {
    opacity:1;
}

.subscribe-step div.input-number-holder.select-item-count-dropdown {flex-direction:row;width:auto;align-items: center;justify-content: center;}
.subscribe-step div.input-number-holder.select-item-count-dropdown:after, .subscribe-step div.input-number-holder.select-item-count-dropdown:before {display:none;}
.subscribe-step .increment {width:20px;height:20px;border:1px solid white;border-radius:100%;margin:0px 5px;position:relative;opacity:0.2;}
.subscribe-step  .chosen-package .increment {opacity:1;}
.subscribe-step .increment.less:before {content:'';position:absolute;left:4px;top:50%;width:calc(100% - 8px);border-bottom:1px solid white;}
.subscribe-step .increment.more:after {content:'';position:absolute;left:4px;top:50%;width:calc(100% - 8px);border-bottom:1px solid white;transform:rotate(90deg);}
.subscribe-step .increment.more:before {content:'';position:absolute;left:4px;top:50%;width:calc(100% - 8px);border-bottom:1px solid white;}

.instructions-for-gate-entrance {
    display: none !important;
}

.instructions-for-gate-entrance.visible {
    display: flex !important;
}

.instructions-for-gate-entrance textarea {
    height: 120px;
}

.custom-date-picker {
    position: relative;
}

.custom-date-picker::after {
    cursor: pointer;
    content: url(../images/calendar@3x.svg);
    position: absolute;
    right: 0;
    top: 55px;
    height: 24.5px !important;
    width: 24.5px;
    background-color: #fff;
    z-index: 10;
    pointer-events: none;
}

.subscribe-step div input:placeholder-shown,
.instructions-for-gate-entrance textarea:placeholder-shown {
    opacity: 0.4;
    color: #5B5E5E;
    font-family: "Playfair Display";
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.1em;
}

.subscribe-step div input:focus,
.instructions-for-gate-entrance textarea:focus {
    outline: none;
    border-bottom: 1px solid #414099;
}

.subscribe-step p.validation {
    font-size: 12px;
    line-height: 1.1em;
    color: #414099;
    display: none;
}

.subscribe-step p.validation.active {
    display: block;
}

.subscribe-step div input.invalid+p.validation {
    display: block !important;
}

.closet-space-step p.validation {
    margin-top: 24px;
}

.subscribe-step div select:focus {
    outline: none;
}

.additional-contact {
    margin-bottom: 0px;
}

.entrance-gate-switch-container {
    padding-bottom: 55px;
    border-bottom: 1px solid rgba(91, 94, 94, 0.1);
}

.entrance-gate-switch-container.active {
    padding-bottom: 0px;
    border-bottom: none;
}

.is-entrance-gate-present .switch-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 8px;
}

.custom-switch-check {
    cursor: pointer;
    height: 32px;
    min-width: 64px;
    border: 1px solid rgba(91, 94, 94, 0.4);
    border-radius: 32px;
    display: inline-flex;
    flex-direction: row !important;
    align-items: center;
    padding-left: 4px;
}

.custom-switch-check.switched {
    border-color: #414099;
    background-color: #414099;
}

.is-entrance-gate-present .switch-wrapper p {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.75em;
    margin-left: 8px;
}

.custom-switch-check::before {
    content: '';
    height: 24px;
    width: 24px;
    opacity: 0.4;
    background-color: #5B5E5E;
    border-radius: 32px;
}

.custom-switch-check.switched::before {
    background-color: #fff !important;
    opacity: 1;
    margin-left: auto;
    margin-right: 4px;
}

.additional-contact .additional-contact-inputs.hidden {
    display: none;
}

@media screen and (max-width: 576px) {
    .personal-details-step h3 {
        margin-top: 0px;
    }

    .address-details h3 {
        margin-top: 40px;
    }

    .subscribe-step div label,
    .address-details div label,
    .additional-contact div label {
        font-size: 10px;
    }

    .subscribe-step div input,
    .subscribe-step div select {
        height: 30px;
    }

    .custom-date-picker::after {
        top: 40px;
    }

    .is-entrance-gate-present .switch-wrapper {
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .is-entrance-gate-present .switch-wrapper p {
        font-size: 14px;
        margin-right: 16px;
    }

    .entrance-gate-switch-container {
        padding-bottom: 40px;
    }
}

/* /step 2 */

/* step 3 */

.schedule-pickup-step {
    height: calc(100vh - 237px);
    flex-direction: column;
    justify-content: space-between;
}

.schedule-pickup-step div {
    margin-bottom: 24px;
}

.schedule-pickup-step p {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.75em;
}

@media screen and (max-width: 680px) {
    .schedule-pickup-step {
        height: calc(100vh - 300px);
    }

    .schedule-pickup-step p {
        font-size: 14px;
    }
}


/* /step 3 */

/* step 4 */

.payment-step {
    justify-content: space-between;
    /*height: calc(100vh - 261px);*/
}

/*.payment-step div:first-child {
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}*/

.payment-step p {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 3px;
    line-height: 1.14em;
    opacity: 0.4
}

.subscribe-step.active-sub-step {
    display: flex;
}

@media screen and (max-width: 680px) {
    .payment-step {
        justify-content: space-between;
        /*height: calc(100vh - 330px);*/
    }
}

/* /step 4 */

/* thank you for subscribing */

.thank-you-for-subscribing {
    height: 100vh;
    /* min-height: 800px; */
    margin-left: 112.5px;
    display: none;
    align-items: center;
    justify-content: center;
    background: url(../images/background-success@2x.webp) no-repeat center center/cover;
    overflow: hidden;
}

.ty-subbing-content {
    position: relative;
}

.ty-subbing-content::before {
    content: "";
    border: 1px solid rgba(91, 94, 94, 0.1);
    position: absolute;
    height: 100vh;
    top: 50%;
    transform: rotate(0) translateY(-50%);
    left: -40px;
}

.ty-subbing-content h3 {
    font-family: "Playfair Display";
    font-size: 30px;
    letter-spacing: 0;
    line-height: 1.1em;
    margin-bottom: 8px;
}

.ty-subbing-content h2 {
    font-family: "Playfair Display";
    font-size: 56px;
    letter-spacing: 0;
    line-height: 1.07em;
    margin-bottom: 40px;
    max-width: 570px;
}

.ty-subbing-content p {
    font-family: "Lexend Deca";
    font-size: 16px;
    font-weight: 300;
    line-height: 1.75em;
    margin-bottom: 20px;
}

.ty-subbing-content button {
    cursor: pointer;
    height: 40px;
    background-color: #414099;
    padding: 0px 24px;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    color: #FFFFFF;
    font-family: "Lexend Deca";
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.08em;
    border: none;
    transition: all .3s linear;
    margin-top:20px;
}

.ty-subbing-content button:hover {
    background-color: #5B5E5E;
}

@media screen and (max-width: 768px) {
    .ty-subbing-content h3 {
        font-size: 16px;
    }

    .ty-subbing-content h2 {
        font-size: 32px;
        max-width: 288px;
        margin-bottom: 24px;
    }

    .ty-subbing-content p {
        font-size: 14px;
        max-width: 288px;
    }
}

@media screen and (max-width: 680px) {
    .thank-you-for-subscribing {
        margin-left: 0px;
        justify-content: flex-start;
        padding-left: 48px;
        height: calc(100vh - 65px);
    }

    .ty-subbing-content::before {
        left: -23px;
        height: 150vh;
    }
}

#counter {
    justify-content: flex-start;
}

/* /thank you for subscribing */

/* transfer topup */

.top-up-package-step {
    min-height: calc(100vh - 282px);
    justify-content: space-between;
}

.top-up-package-header {
    display: block !important;
}

.top-up-packages {
    margin-top: 24px;
}

.top-up-package-1 {
    cursor: pointer;
    background-color: #fef1ea;
    padding: 24px;
    padding-top: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 206px;
}

.top-up-package-1::before {
    content: "";
    box-sizing: border-box;
    height: 24px;
    width: 24px;
    border: 1px solid #5B5E5E;
    position: absolute;
    left: 16px;
    top: 16px;
}

.top-up-package-1.chosen-package {
    background-color: #414099;
    color: #fff;
}

.top-up-package-1.chosen-package::before {
    content: url(../images/checkbox-white.svg);
    box-sizing: border-box;
    height: 24px;
    width: 24px;
    border: 1px solid transparent;
    position: absolute;
    left: 16px;
    top: 16px;
}

.top-up-package-1 h3 {
    font-size: 64px;
    letter-spacing: 0;
    line-height: 1.14em;
}

.top-up-package-1 p {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 3px;
    line-height: 1.14em;
    margin-bottom: 16px;
}

.top-up-package-1 span {
    display: inline-block;
    text-align: center;
    max-width: 160px;
    margin-bottom: 8px;
}

.top-up-package-1 span::after {
    content: "";
    display: none !important;
}

.top-up-package-1 p.transfer-package-price {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.75em;
    margin-bottom: 0px;
}

@media screen and (max-width: 1280px) {
    .top-up-package-1 {
        max-width: initial;
        width: 100%;
    }
}

@media screen and (max-width: 680px) {
    .top-up-package-step {
        min-height: calc(100vh - 350px);
        justify-content: space-between;
    }

    .subscribe-step-header h1 {
        font-size: 32px;
    }
}

/* /transfer topup */


    .downgrade-note {font-size:15px;margin:20px 0 0 8px;}
    .downgrade-note a {color:#414099;}
    .validation.pop-up {display:none;}
    .validation.active.pop-up {width: 100%;height: 100%;background: rgba(0,0,0,0.1);position: fixed;left: 0;top: 0;z-index: 100;display:block;}
    .validation.active.pop-up strong {display: block;position: fixed;z-index: 100;border: 50px;background: white;padding: 50px;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size:20px;font-weight:300;box-shadow: 0 0 20px 5px rgba(0,0,0,0.1);}

/* Dry Cleaning */
.pricelist_modal.over {display:flex;}
.pricelist_modal {
position: fixed;
width: 100%;
left: 0;
top: 0;
display: none;
justify-content: center;
align-items: flex-start;
height: 100vh;
overflow-y: scroll;
padding: 100px 5px;    
}
.pricelist_modal .content {background:white;padding:30px;box-shadow: 0 0 70px 0px rgb(107 79 67 / 70%);width: 800px;max-width: 90%;position:relative;} 
.pricelist_modal table {font-size: 17px;font-weight: 300;text-align: left;width:100%;margin-top:30px;}
.pricelist_modal table td, .pricelist_modal table th {padding:3px;text-align:right;}  
.pricelist_modal table td:nth-of-type(1), .pricelist_modal table th:nth-of-type(1) {text-align:left;}   
.pricelist_modal strong {display:block;margin-top:15px;margin-bottom:5px;font-weight:500;}   
.pricelist_modal th {font-weight:500;}      
.pricelist_modal tr:not(.t-header):nth-of-type(odd) {background:#f3f3f3;}      
.pricelist_modal .close {position:absolute;top:0;right:0px;width:40px;height:40px;display:flex;justify-content: center;align-items: center;background:rgba(225,222,228,0.7);padding-bottom:4px;font-weight:300;cursor:pointer;user-select: none;}   
.pricelist_modal .close:hover {background:rgba(251,190,167,0.6);}  

/*.subcribe-to-cv {display:none;}
.thank-you-for-subscribing {display:flex;}*/