/* Banner bottom CSS Start */

.banner-carousel-container {
    overflow: hidden;
    padding: 34px 0px;
    /* margin: -34px 0; */
}

.banner-carousel-container .banner-carousel.black {
    background-color:#001B29;
}

.banner-carousel-container .banner-carousel.blue {
    background-color:#0077CC;
}

.banner-carousel {
	padding: 10px 0;
    position: relative;
}

.banner-carousel::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 245px;
    height: 100%;
    background: linear-gradient(270.00deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}

.banner-carousel::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 245px;
    height: 100%;
    background: linear-gradient(270.00deg, rgba(255, 255, 255) 0%, rgb(255, 255, 255, 0) 100%);
}

.banner-carousel-container .banner-carousel.black {
    margin: 0 -5px;
    transform-origin: center center;
    transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
}

.banner-carousel-container .banner-carousel.blue {
    margin: -65px -10px 0 -10px;
    transform-origin: center center;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
}

.banner-carousel .carouselTicker ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.banner-carousel .carouselTicker ul li {
	position: relative;
	margin: 0 58px 0 0;
	flex: 0 0 auto;
}

.banner-carousel .carouselTicker ul li .carsousel-slide {
    display: flex;
    align-items: center;
}
.banner-carousel .carouselTicker ul li .carsousel-slide .slide-icon{
    width: 44px;
    height: 44px;
    margin-right: 58px;
}

.banner-carousel .carouselTicker ul li .slide-title *{
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 38px;
    line-height: 120%;
    letter-spacing: -1.52px;
    color: #FFFFFF;
}

/* Banner bottom CSS End */



/* Step Card CSS Start */

.step-card-container {
    width: 100%;
    max-width: 804px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
}

.step-card-container .card {
    width: 100%;
    padding: 30px;
    position: sticky;
    top: 64;
    color: #FFFFFF;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.step-card-container .card:nth-child(odd) {
    background: #001B29;
}

.step-card-container .card:nth-child(even) {
    background: #0077CC;
}

.step-card-container .card .step-number * {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -0.72px;
    color: #FFFFFF;
    margin-bottom: 24px;
    text-transform: capitalize;
}

.step-card-container .card .content .card-title {
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}

.step-card-container .card .content .card-title * {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -0.96px;
    color: #FFFFFF;
    margin: 0;
} 

.step-card-container .card .content .detail {
    padding-top: 12px;
}

.step-card-container .card .content .detail *  {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -0.80px;
    color: #FFFFFF;
}

.step-card-container .card .content .detail *:last-child {
    margin-bottom: 0px;
}

/* Step Card CSS End */


/* Contact form css Start */

.zi-movewell-contact-form .zi-movewell-contact-form-wrapper{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.zi-movewell-contact-form .zi-movewell-contact-form-wrapper .form-group.date-time-pricker-group {
    display: flex;
    gap: 20px;
}

.zi-movewell-contact-form .zi-movewell-contact-form-wrapper .form-group.date-time-pricker-group > *{
    width: 100%;
}

.zi-movewell-contact-form .zi-movewell-contact-form-wrapper .form-group .form-label {
    margin-bottom: 12px;
}

.zi-movewell-contact-form .zi-movewell-contact-form-wrapper .form-group .wpcf7-form-control {
    padding: 16px 20px;
    border: none;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.zi-movewell-contact-form .zi-movewell-contact-form-wrapper .form-group select.form-control {
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.80px;
    color: #001B29;
    appearance: none;
    position: relative;
}

.zi-movewell-contact-form .zi-movewell-contact-form-wrapper .form-group:has(select.form-control) .wpcf7-form-control-wrap {
    position: relative;
    display: block;
}

.zi-movewell-contact-form .zi-movewell-contact-form-wrapper  .form-group:has(select.form-control) .wpcf7-form-control-wrap::before{
    position: absolute;
    content: "";
    display: block;
    height: 8px;
    width: 14px;
    bottom: 24px;
    right: 20px;
    z-index: 1;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="35" height="20" viewBox="0 0 35 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.1283 19.1631C16.2441 20.279 18.0562 20.279 19.1721 19.1631L33.4546 4.88061C34.5704 3.76478 34.5704 1.95269 33.4546 0.836867C32.3388 -0.278956 30.5267 -0.278956 29.4108 0.836867L17.1457 13.102L4.88061 0.845793C3.76478 -0.27003 1.95269 -0.27003 0.836867 0.845793C-0.278956 1.96161 -0.278956 3.77371 0.836867 4.88953L15.1194 19.1721L15.1283 19.1631Z" fill="%23001B29"/> </svg> ');
}

.zi-movewell-contact-form .zi-movewell-contact-form-wrapper  .form-group:has(select.form-control) .wpcf7-form-control-wrap:has(select:open)::before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}


.zi-movewell-contact-form .zi-movewell-contact-form-wrapper  .form-time-wrapper .wpcf7-form-control-wrap::before {
    position: absolute;
    content: "";
    display: block;
    height: 20px;
    width: 24px;
    top: 0;
    right: 20px;
    z-index: 1;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M27.1875 15C27.1875 18.2323 25.9035 21.3323 23.6179 23.6179C21.3323 25.9035 18.2323 27.1875 15 27.1875C11.7677 27.1875 8.66774 25.9035 6.38214 23.6179C4.09654 21.3323 2.8125 18.2323 2.8125 15C2.8125 11.7677 4.09654 8.66774 6.38214 6.38214C8.66774 4.09654 11.7677 2.8125 15 2.8125C18.2323 2.8125 21.3323 4.09654 23.6179 6.38214C25.9035 8.66774 27.1875 11.7677 27.1875 15ZM0 15C0 18.9782 1.58035 22.7936 4.3934 25.6066C7.20644 28.4196 11.0218 30 15 30C18.9782 30 22.7936 28.4196 25.6066 25.6066C28.4196 22.7936 30 18.9782 30 15C30 11.0218 28.4196 7.20644 25.6066 4.3934C22.7936 1.58035 18.9782 0 15 0C11.0218 0 7.20644 1.58035 4.3934 4.3934C1.58035 7.20644 0 11.0218 0 15ZM13.5938 7.03125V15C13.5938 15.4688 13.8281 15.9082 14.2207 16.1719L19.8457 19.9219C20.4902 20.3555 21.3633 20.1797 21.7969 19.5293C22.2305 18.8789 22.0547 18.0117 21.4043 17.5781L16.4062 14.25V7.03125C16.4062 6.25195 15.7793 5.625 15 5.625C14.2207 5.625 13.5938 6.25195 13.5938 7.03125Z" fill="black"/> </svg> ');
}

.zi-movewell-contact-form .zi-movewell-contact-form-wrapper .form-group .wpcf7-form-control:focus-visible {
    outline: none;
}

.zi-movewell-contact-form .zi-movewell-contact-form-wrapper .form-button-group {
    width: fit-content;
    margin: 0 auto;
}

.zi-movewell-contact-form .zi-movewell-contact-form-wrapper .zi-form-submit-btn {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -0.80px;
    color: #FFFFFF;
    padding: 16px 12px;
    border: none;
    border-radius: 10px;
    background: #0077CC;
    display: flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0px 12px 30px 0px rgba(31, 162, 255, 0.30);
    border: 1px solid transparent;
}

.zi-movewell-contact-form .zi-movewell-contact-form-wrapper .zi-form-submit-btn .button-icon {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.zi-movewell-contact-form .zi-movewell-contact-form-wrapper .zi-form-submit-btn:hover {
    color: #0077CC;
    border: 1px solid #0077CC;
    background: transparent;
}

.zi-movewell-contact-form .zi-movewell-contact-form-wrapper .zi-form-submit-btn:hover .button-icon {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.zi-movewell-contact-form .zi-movewell-contact-form-wrapper .zi-form-submit-btn:hover .button-icon svg path {
    fill: #0077CC;
}

.zi-movewell-contact-form.invalid .wpcf7-response-output{
    margin: 0;
    padding: 0;
    border: none;
    text-align: center;
}

.zi-movewell-contact-form.invalid .wpcf7-response-output,
.zi-movewell-contact-form.failed .wpcf7-response-output {
    color: #ff0000;
}

.zi-movewell-contact-form.sent .wpcf7-response-output {
    color: #2cb747;
    margin: 0;
    padding: 0;
    border: none;
    text-align: center;
}

/* Contact form css End */




@media (max-width:1600px) {
    
    /* Banner carousel CSS Start */
    .banner-carousel-container .banner-carousel.blue { margin: -50px -10px 0 -10px; }
    /* Banner carousel CSS End */
}

@media (max-width:1366px) {

    /* Banner carousel CSS Start */
    .banner-carousel .carouselTicker ul li .slide-title * { font-size: 32px; }
    .banner-carousel-container .banner-carousel.black { transform: rotate(3deg); -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); }
    .banner-carousel .carouselTicker ul li .carsousel-slide .slide-icon { width: 32px; height: 32px; margin-right: 30px; }
    .banner-carousel .carouselTicker ul li { margin: 0 30px 0 0; }
    /* Banner carousel CSS End */

    .zi-movewell-contact-form .zi-movewell-contact-form-wrapper .form-group.date-time-pricker-group {
        flex-direction: column;
    }

}

@media (max-width:1024px) {   

    /* Banner carousel CSS Start */
    .banner-carousel .carouselTicker ul li .slide-title * { font-size: 28px; }
    .banner-carousel .carouselTicker ul li .carsousel-slide .slide-icon { width: 28px; height: 28px; margin-right: 24px; }
    .banner-carousel .carouselTicker ul li { margin: 0 24px 0 0; }
    /* Banner carousel CSS End */

    /* Contact form css Start */
    .zi-movewell-contact-form .zi-movewell-contact-form-wrapper { gap: 20px; }
    .zi-movewell-contact-form .zi-movewell-contact-form-wrapper .form-group.date-time-pricker-group { flex-direction: column; }
    /* Contact form css End */
}

@media (max-width:767px){

    /* Banner carousel CSS Start */
    .banner-carousel::after { max-width: 45px; }
    .banner-carousel::before { max-width: 45px; }
    .banner-carousel-container .banner-carousel.blue { transform: rotate(-3deg); -webkit-transform: rotate(-3deg); margin: -50px -10px 0 -10px; }
    .banner-carousel-container .banner-carousel.black { transform: rotate(4deg); -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -ms-transform: rotate(4deg); -o-transform: rotate(4deg); }
    /* Banner carousel CSS End */

    /* Step Card CSS Start */
    .step-card-container .card {padding: 26px;}
    .step-card-container .card .step-number * {margin-bottom: 18px;}
    .step-card-container .card .content .card-title * {font-size: 20px;}
    .step-card-container .card .content .detail * {font-size: 18px;}
    /* Step Card CSS End */

    /* Contact form css Start */
    .zi-movewell-contact-form .zi-movewell-contact-form-wrapper .zi-form-submit-btn { font-size: 18px; margin: 15px 0 0 0; padding: 10px 14px; }
    /* Contact form css End */

}

@media (max-width: 576px) {

    /* Banner carousel CSS Start */
    .banner-carousel-container .banner-carousel.blue { transform: rotate(-5deg); -webkit-transform: rotate(-5deg); margin: -40px -10px 0 -10px; }
    .banner-carousel .carouselTicker ul li .slide-title * { font-size: 22px; }
    .banner-carousel .carouselTicker ul li .carsousel-slide .slide-icon { width: 22px; height: 22px; margin-right: 18px; }
    .banner-carousel .carouselTicker ul li { margin: 0 18px 0 0; }
    /* Banner carousel CSS End */

    /* Contact form css Start */
    .zi-movewell-contact-form .zi-movewell-contact-form-wrapper , .zi-movewell-contact-form .zi-movewell-contact-form-wrapper .form-group.date-time-pricker-group { gap: 15px; }
    .zi-movewell-contact-form .zi-movewell-contact-form-wrapper .form-group.date-time-pricker-group { flex-direction: column; }
    .zi-movewell-contact-form .zi-movewell-contact-form-wrapper .form-group .form-label { font-size: 18px; line-height: 22px; }
    .zi-movewell-contact-form .zi-movewell-contact-form-wrapper .form-group .wpcf7-form-control { font-size: 18px; line-height: 22px; padding: 16px 18px; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; }
    /* Contact form css End */

    /* Step Card CSS Start */
    .step-card-container .card { padding: 20px; }
    /* Step Card CSS End */
}