@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  input[type=submit] {
    z-index: 10000!important;
    transform: translate3d(0, 0, 0);
}
}

/*slick slider*/
.slick-slide {
    height: auto;
}
.slick-dots li button:before {
    display:none;
}
.slick-prev:before, .slick-next:before {
    font-size: 40px;
    opacity: 1;
    color: #8a66ab;
}
.home-onboarding .slick-dotted.slick-slider {
    margin-bottom: 0;
}
.home-onboarding .slick-dots {
    position: absolute;
    top: -10px;
    right: 310px;
    display: block;
    width: 400px;
    height: 30px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
}
.home-onboarding .slick-dots li.slick-active button {
    background-color: #8d1d1f !important;
}
.home-onboarding .slick-dots li button {
    border-radius: 100px;
    width: 17px;
    height: 17px;
    opacity: 1;
    background-color: #fff !important;
}

.home-onboarding .slick-prev,.home-onboarding .slick-next {
    top: -5;
    z-index: 1000;
    width: 40px;
    height: 40px;
}

.home-onboarding .slick-prev {
    right: 320px;
    left: auto;
}
.home-onboarding .slick-next {
    right: 270px;
    left: auto;
}

.home-testimonial .slick-dots,
.inner-testimonial .slick-dots{
    bottom: -40px;
    text-align: right;
}
.home-testimonial .slick-dots li.slick-active button,
.inner-testimonial .slick-dots li.slick-active button {
    background-color: #8d1d1f !important;
}
.home-testimonial .slick-dots li button,
.inner-testimonial .slick-dots li button {
    border-radius: 100px;
    width: 17px;
    height: 17px;
    opacity: 1;
    background-color: #cecece !important;
}
.home-testimonial .slick-prev,.home-testimonial .slick-next,
.inner-testimonial .slick-prev,.inner-testimonial .slick-next {
    bottom: -85px;
    top: auto;
    z-index: 1000;
    width: 40px;
    height: 40px;
}

.home-testimonial .slick-prev,
.inner-testimonial .slick-prev {
    right:  auto;
    left: 0
}
.home-testimonial .slick-next,
.inner-testimonial .slick-next {
    right: auto;
    left: 55px;
}
@media only screen and  (min-width: 2100px) {
    .therapist-form h2 {
       color: white!important;
    }
}
@media only screen and  (min-width: 1920px) {
    .therapist-form .bloom-girl {
        position: absolute;
        top: -725px;
        left: 85px;
    }
    .therapist-form .bloom-girl img {
        width: 400px;
    }
}
@media only screen and (min-width: 1919px) {
    .inner-keyart {
        padding-bottom: 100px;
    }
    .therapist-form h2 {
        color: #fff;
    }
    .therapist-form .bloom-girl.rookie {
        left: 90px;
        top: -750px;
    }
    .therapist-form .bloom-girl.rookie img {
        width: 500px;
    }
    h3.message-holder  {
        color: #8b66ac;
    }
}
@media only screen and (min-width: 1401px) and (max-width: 1550px) {
    .listing-tpl .inner-keyart {
        color:#8b66ac;
    }
}
@media only screen and (min-width: 1401px) and (max-width: 1660px) {
    .inner_page .inner-keyart {
        color:#8b66ac;
    }
}
@media only screen and (max-width: 1400px) {
   .home-onboarding .slick-dots {
       width: 300px;
   }
   .home-onboarding .slick-next {
       right: 170px;
   }
   .home-onboarding .slick-prev {
        right: 220px;
    }
    .inner-keyart {
        padding-top: 200px;
    }
    .therapist-form .bloom-girl.rookie {
        left: 0;
    }

}
@media only screen and (max-width: 1300px) {
    .inner_page .top-background {
        background-size: cover;
    }
    .listing-tpl .top-background {
        background-size: 100%;
    }
    .therapist-form h2,
    .therapist-form h3, 
    .therapist-form {
        color: #8b66ac;
    }
     .inner-keyart {
        padding-top: 340px;
    }
    .listing-tpl .inner-keyart {
        color: #8b66ac;
    }
    h3.message-holder  {
        color: #8b66ac;
    }
}
@media only screen and (max-width: 1200px) {
    .home-accordion .bloom-girl {
        position: absolute;
        top: -747px;
        right: -15px;
    }
    .home-accordion .bloom-girl img {
        width: 400px;
    }
    .home-onboarding .slick-dots {
       width: 200px;
   }
   .home-onboarding .slick-next {
       right: 120px;
   }
   .home-onboarding .slick-prev {
        right: 170px;
    }
   .therapist-form .bloom-girl.rookie {
        left: 90px;
        top: -599px;
    }
    .therapist-form .bloom-girl.rookie img {
        width: 400px;
    }
    .therapist-form h3 {
        color: #8b66ac;
    }

}
@media only screen and (max-width: 991px) {
    .home-accordion .bloom-girl,
    .therapist-form .bloom-girl {
        display: none;
    }
.home-onboarding .slick-dots {
       width: 300px;
       right: auto;
       top:-30px;
    }
   .home-onboarding .slick-next {
       right: 0px;
    }
   .home-onboarding .slick-prev {
        right: 50px;
    }
    .home-onboarding .slick-prev, .home-onboarding .slick-next {
        top: -30px;
    }
    .home-testimonial {
        padding-top: 150px;
    }
    .footer_holder {
        flex-direction: column;
    }
     .inner-keyart {
        padding-top: 240px;
        padding-bottom: 100px;
    }
    .header-holder .main_menu li a {
        font-size: 40px;
    }

        ul.specialities {
        column-count: 2;
    }
    .therapist-form h2,
    .therapist-form h3, 
    .therapist-form {
        color: #8b66ac;
    }

}
@media only screen and (max-width: 768px) {
    .content-and-decoration .decoration {
        display: none;
    }
    ul.specialities {
        column-count: 1;
    }
    .hp-keyart {
        padding-bottom: 50px;
    }
    .home-onboarding .main-content .buttons {
        flex-direction: column;
    }
    .home-onboarding .main-content .buttons .black-button {
        margin-top: 20px;
        margin-left: 0px;
    }
    .home-experience .purple-text {
        font-size: 18px;
    }
    .home-onboarding, 
    .home-first-content-block,
    .home-second-content-block,
    .home-experience,
    .inner-mid-content-block,
    .inner-top-content-block,
    .inner-testimonial {
        padding-top: 100px!important;
    }
    .header-holder .main_menu li a {
        font-size: 30px;
    }
    .header-holder .logo {
        position: relative;
        width: 250px;
        height: 81px;
    }
    .header-holder .logo a {
        position: absolute;
        z-index: 1100;
        width: 250px;
        height: 81px;
    }
}
@media only screen and (max-width: 560px) {
    .hp-keyart .buttons a {
        display: block!important;
    }
    .hp-keyart .buttons .black-button {
        margin-top: 20px;
        margin-left: 0px;
    }
    .hp-keyart h1 {
        font-size: 60px;
    }
    .home-experience .purple-text {
        font-size: 14px;
    }
    .therapist-form h3,
    .therapist-form h2 {
        color: #8b66ac;
    }
    
}