@import url("variable.css");


.page-template-ftx-concierge-services .site-content .site-main .container.min-container {
    max-width: 990px;
}

/* banner css start */
.ftx-concierge-services-banner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: calc(90vh - 120px) !important;
    box-sizing: border-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    overflow: hidden;
}

.ftx-concierge-services-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(5, 5, 5, 0.3);
    z-index: 1;
}

.ftx-concierge-services-banner>* {
    position: relative;
    z-index: 2;
}
.ftx-concierge-services-banner .description {
    font-weight: 600;
}
/* banner css end */

/* What is FTx Concierge Service? css start */


.concierge-service-features {
    padding-left: 40px;
}

.concierge-service-features ul {
    list-style: disc !important;
    margin-left: 20px;
}
.concierge-service-features ul li {
    margin-bottom: 15px;
}
.concierge-service-features ul li:last-child {
    margin-bottom: 0;
}
/* What is FTx Concierge Service? css end */


/* Who Can Benefit From FTx Concierge Services start */
.concierge-benefits-section {
    background-color: var(--primary-color);
}
.concierge-benefit-item .concierge-benefit-icon img{
    width: 130px;
    height: 130px;
    margin-bottom: 20px;
}
/* Who Can Benefit From FTx Concierge Services end */



/* Meet Your Techs start */
.support-tech-image {
    max-width: 470px;
    margin: 0 auto;
}

.support-tech-image img {
    display: block;
    width: 100%;
    height: auto;
}

.support-tech-content {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    text-align: right;
}

.support-tech-name {
    margin: 0 0 5px;
    color: var(--yellow-orange);
}

.support-tech-role {
    margin: 0 0 15px;
    color: var(--yellow-orange) !important;
    font-style: italic;
}
.support-tech-description p {
    margin: 0;
}
/* Meet Your Techs start */

.concierge-achieve-section {
    background-color: var(--primary-color);
}
.concierge-achieve-section .concierge-achieve-list ul {
    list-style: disc !important;
    margin-left: 20px;
}
.concierge-achieve-section .concierge-achieve-list ul li {
    margin-bottom: 20px;
}
.concierge-achieve-section .container.min-container {
    max-width: 700px !important;
}
.concierge-achieve-section .concierge-achieve-list strong {
    color: var(--yellow-orange);
}
/* Meet Your Techs end */




/* =========================================
   HEADING
========================================= */



/* =========================================
   BUTTON
========================================= */

.how-it-works-button {
    margin: 28px 0 55px;
}



/* =========================================
   STEPS
========================================= */

.how-it-works-steps {
    max-width: 1000px;
    margin: 0 auto;
}

.how-it-works-steps .row {
    row-gap: 22px;
}


/* Individual Step */

.how-step {
    position: relative;
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* =========================================
   LARGE STEP NUMBER
========================================= */

.step-number {
    position: relative;
    font-variant-numeric: tabular-nums;
    margin-right: 15px;

    font-size: 100px;
    line-height: 1;
    font-weight: normal;
    pointer-events: none;
}


/* Different number colors */

.step-1 .step-number {
    color: var(--Pastel-light-blue);
}

.step-2 .step-number {
    color: var(--rose-gold);
}

.step-3 .step-number {
    color: var(--light-pista);
}

.step-4 .step-number {
    color: var(--Swiss-coffee);
}

.step-5 .step-number {
    color: var(--pastel-purple);
}

.step-6 .step-number {
    color: var(--pastel-pink);
}


/* =========================================
   CARD
========================================= */

.step-card {
    position: relative;
    z-index: 2;

    width: 207px;
    height: 188px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 20px 15px;

    text-align: center;
}


/* Card Colors */

.step-1 .step-card {
    background: var(--denim);
}

.step-2 .step-card {
    background: var(--orange);
}

.step-3 .step-card {
    background: var(--cyan-lime);
}

.step-4 .step-card {
    background: var(--yellow-dusty);
}

.step-5 .step-card {
    background: var(--rebecca-purple);
}

.step-6 .step-card {
    background: var(--red-pigment);
}


/* =========================================
   ICON
========================================= */

.step-icon {
    width: 70px;
    height: 70px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 8px;
}

.step-icon img {
    width: 65px;
    height: 65px;
    object-fit: contain;
}


/* =========================================
   CARD TITLE
========================================= */



/* =========================================
   DESKTOP NUMBER POSITION
========================================= */

.how-it-works-description {
    max-width: 565px;
    width: 100%;
    margin: 0 auto;
}


.concierge-newsletter {
    background-color: var(--light-pink);
}

/* responsive css start */
@media(max-width:991px) {
    .ftx-concierge-services-banner {
        min-height: inherit !important;
    }
    .ftx-concierge-services-banner .description br {
        display: none;
    }
    .concierge-service-section .concierge-service-logo {
        width: 200px;
        display: block;
        text-align: center;
        margin: 0 auto 20px;
    }
    .concierge-service-features {
        padding-left: 0;
    }
    .concierge-service-features ul li {
        margin-bottom: 10px;
    }
    .support-tech-content {
        text-align: center;
        margin-top: 20px;
    }
    .concierge-achieve-section .concierge-achieve-list ul li {
        margin-bottom: 10px;
    }
    .concierge-how-it-works {
        padding: 30px 0 50px;
    }


    .how-it-works-button {
        margin-bottom: 45px;
    }
    .concierge-benefit-item .concierge-benefit-icon img {
        width: 100px;
        height: 100px;
        margin-bottom: 10px;
    }
    .step-number {
        font-size: 70px;
    }

    .support-team-list {
        height: auto;
    }

    .support-team-list .slick-list {
        height: auto;
    }

    .support-team-list .slick-track {
        height: auto;
    }

    .support-team-list .slick-slide {
        height: auto;
    }

    .support-team-list .support-team-member {
        height: auto;
    }
    .support-team-list .slick-dots {
        margin: 0 !important;
    }
    .slick-dotted.slick-slider {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .concierge-service-section .concierge-service-description {
        text-align: center;
    }
    .concierge-service-features {
        margin-top: 20px;
    }
    .concierge-how-it-works {
        padding: 30px 0 45px;
    }

    .how-it-works-button {
        margin: 25px 0 40px;
    }

    .concierge-book-btn {
        min-width: 220px;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 575px) {
    .step-icon {
        width: 60px;
        height: 60px;
    }

    .step-icon img {
        width: 55px;
        height: 55px;
    }
    .concierge-benefit-item h3 {
        margin-bottom: 30px;
    }
    .concierge-benefit-item h3 {
        margin-bottom: 30px;
    }
    
    .concierge-benefits-section .row>div:last-child .concierge-benefit-item h3 {
        margin-bottom: 0;
    }
}
/* responsive css end */