/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/styles/main.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  box-sizing: border-box;
}

body.modal-open {
  overflow: auto !important;
  padding-right: 0 !important;
}

.desktop-only {
  display: block;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  .desktop-only {
    display: none;
  }
}

.mobile-only {
  display: none;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  .mobile-only {
    display: block;
  }
}

.header-title-col .upper-title {
  font-size: clamp(1rem, 1.1766rem + 0.3215vw, 1.5625rem);
  text-transform: uppercase;
  font-family: "Titillium Web", sans-serif;
  color: #680E9C;
  font-weight: 600;
  margin: 0 0 8px 0;
}
.header-title-col .header-title {
  font-size: clamp(1.5rem, 0.8023rem + 1.4148vw, 2.5rem);
  text-transform: capitalize;
  font-family: "Titillium Web", sans-serif;
  color: #000;
  margin: 0;
  font-weight: 600;
}
.header-title-col .header-separater {
  display: block;
  width: 50px;
  border: 1px solid #680e9c;
  animation: separator-width 1s ease-out forwards;
}
.header-title-col .header-discription {
  font-size: clamp(1.125rem, 1.037rem + 0.3859vw, 1.5rem);
  font-family: "Titillium Web", sans-serif;
  margin: 0;
  font-weight: 500;
  width: 75%;
}

@keyframes separator-width {
  0% {
    width: 0;
  }
  100% {
    width: 16%;
  }
}
.left-line svg {
  display: flex;
  justify-content: flex-start;
}

.right-line {
  display: flex;
  justify-content: flex-end;
}

/* Breakpoint sizes */
#main-hero-section {
  height: 83vh;
}
@media only screen and (min-width: 2560px) and (max-width: 3839px) {
  #main-hero-section {
    height: 57vh;
  }
}
@media only screen and (min-width: 3840px) {
  #main-hero-section {
    height: 43vh;
  }
}
#main-hero-section .hero-slider-wrapper {
  margin: 0;
}
#main-hero-section .hero-slider-wrapper .hero-slider-one {
  height: 83vh;
  width: 100%;
  background-image: url("https://treat-it.clinic/wp-content/themes/hello-elementor-child/assest/images/main-image.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 35px 50px;
}
@media only screen and (min-width: 2560px) and (max-width: 3839px) {
  #main-hero-section .hero-slider-wrapper .hero-slider-one {
    height: 57vh;
  }
}
@media only screen and (min-width: 3840px) {
  #main-hero-section .hero-slider-wrapper .hero-slider-one {
    height: 43vh;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #main-hero-section .hero-slider-wrapper .hero-slider-one {
    padding: 35px 15px;
    background-image: url("https://treat-it.clinic/wp-content/themes/hello-elementor-child/assest/images/iPad-img.webp");
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #main-hero-section .hero-slider-wrapper .hero-slider-one {
    height: 86vh;
    padding: 0 3%;
    background-image: url("https://treat-it.clinic/wp-content/uploads/mobile-hero-banner-2.webp");
  }
}
#main-hero-section .hero-slider-wrapper .hero-slider-two {
  height: 80vh;
  width: 100%;
  background-image: url("https://treat-it.clinic/wp-content/uploads/inpharamacy-hero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 35px 50px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  #main-hero-section .hero-slider-wrapper .hero-slider-two {
    padding: 35px 15px;
    background-position: bottom;
    background-image: url("https://treat-it.clinic/wp-content/themes/hello-elementor-child/assest/images/Map.jpg");
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #main-hero-section .hero-slider-wrapper .hero-slider-two {
    height: 60vh;
    background-image: url("https://treat-it.clinic/wp-content/themes/hello-elementor-child/assest/images/Map.jpg");
    background-position-x: 74%;
    background-position-y: 40%;
    padding: 0 3%;
  }
}
@media (min-width: 1500px) and (max-width: 1680px) {
  #main-hero-section .hero-slider-wrapper .hero-slider-two {
    height: 86vh;
  }
}
#main-hero-section .hero-slider-wrapper .hero-slider-two .map-container {
  background-color: #fff;
  width: 48vw;
  border-radius: 15px;
  border: none;
  right: 65px;
}
#main-hero-section .hero-slider-wrapper .hero-slider-two .map-container .map-card {
  padding: 25px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #main-hero-section .hero-slider-wrapper .hero-slider-two .map-container {
    background: transparent;
    width: auto;
  }
  #main-hero-section .hero-slider-wrapper .hero-slider-two .map-container .map-card {
    padding: 0;
  }
  #main-hero-section .hero-slider-wrapper .hero-slider-two .map-container .map-card img {
    visibility: hidden;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #main-hero-section .hero-slider-wrapper .hero-slider-two .map-container {
    background: transparent;
  }
  #main-hero-section .hero-slider-wrapper .hero-slider-two .map-container .map-card {
    padding: 0;
  }
  #main-hero-section .hero-slider-wrapper .hero-slider-two .map-container .map-card img {
    visibility: hidden;
  }
}
#main-hero-section .hero-slider-wrapper .hero-slider-two .map-container .map-text {
  background-color: #fff;
  padding: 15px 20px 12px 20px;
  border-radius: 28.5px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #main-hero-section .hero-slider-wrapper .hero-slider-two .map-container .map-text {
    padding: 15px 20px;
    margin-top: 10px;
  }
}
#main-hero-section .hero-slider-wrapper .hero-slider-two .map-container .map-text h3 {
  padding: 0;
  text-align: center;
  font-family: "Titillium Web", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #0065BD;
  margin: 0;
}
#main-hero-section .hero-slider-wrapper .hero-slider-two .left-col .desktop-image svg {
  width: 100%;
  z-index: 0;
  max-width: 610px;
  margin-top: -25px;
  margin-left: 20px;
}
@media (min-width: 1025px) and (max-width: 1536px) {
  #main-hero-section .hero-slider-wrapper .hero-slider-two .left-col .desktop-image svg {
    width: 80%;
    transform: translateY(-12%);
    max-width: 520px;
    margin-top: unset;
    margin-left: 0;
  }
}
@media (min-width: 1500px) and (max-width: 1680px) {
  #main-hero-section .hero-slider-wrapper .hero-slider-two .left-col .desktop-image svg {
    width: 100%;
    transform: translateY(-12%);
    max-width: 520px;
    margin-top: unset;
    margin-left: 0;
  }
}
@media only screen and (min-width: 2560px) and (max-width: 3839px) {
  #main-hero-section .hero-slider-wrapper .hero-slider-two .left-col .desktop-image svg {
    width: 100%;
	max-width: 100%;
  }
}
@media only screen and (min-width: 3840px) {
  #main-hero-section .hero-slider-wrapper .hero-slider-two .left-col .desktop-image svg {
    width: 100%;
	max-width: 100%;
  }
}
#main-hero-section .hero-slider-wrapper .left-col {
  position: relative;
  height: 83vh;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #main-hero-section .hero-slider-wrapper .left-col {
    display: flex;
    flex-direction: column;
    justify-content: end;
  }
}
#main-hero-section .hero-slider-wrapper .left-col .sponser-wrapper {
  position: relative;
  z-index: 99;
  top: 15px;
  left: 105px;
  display: flex;
}
@media only screen and (min-width: 2560px) and (max-width: 3839px) {
  #main-hero-section .hero-slider-wrapper .left-col .sponser-wrapper {
    position: relative;
    top: 90px;
    left: 300px;
  }
}
@media only screen and (min-width: 3840px) {
  #main-hero-section .hero-slider-wrapper .left-col .sponser-wrapper {
    top: 82px;
    left: 530px;
  }
}
@media (min-width: 1025px) and (max-width: 1536px) {
  #main-hero-section .hero-slider-wrapper .left-col .sponser-wrapper {
    top: -15px;
    gap: 10px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #main-hero-section .hero-slider-wrapper .left-col .sponser-wrapper {
    top: 0;
    left: 0;
    display: flex;
    padding: 20px 30px 0 45px;
    gap: 15px;
    position: relative;
    justify-content: center;
    height: 150px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #main-hero-section .hero-slider-wrapper .left-col .sponser-wrapper {
    left: 100px;
    padding: 15px;
    top: 35px;
  }
}
#main-hero-section .hero-slider-wrapper .left-col .sponser-wrapper .care-quality {
  transition: transform 0.4s ease;
  cursor: pointer;
}
#main-hero-section .hero-slider-wrapper .left-col .sponser-wrapper .care-quality:hover {
  transform: scale(1.02);
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #main-hero-section .hero-slider-wrapper .left-col .sponser-wrapper .care-quality {
    width: 100%;
    max-width: 40%;
  }
}
@media (min-width: 1025px) and (max-width: 1536px) {
  #main-hero-section .hero-slider-wrapper .left-col .sponser-wrapper .care-quality {
    width: 20%;
  }
}
#main-hero-section .hero-slider-wrapper .left-col .sponser-wrapper .trust-pilot {
  justify-content: flex-start;
  align-items: center;
  position: relative;
  margin-top: 0;
}
@media only screen and (min-width: 2560px) and (max-width: 3839px) {
  #main-hero-section .hero-slider-wrapper .left-col .sponser-wrapper .trust-pilot {
    right: 80px;
  }
}
@media only screen and (min-width: 3840px) {
  #main-hero-section .hero-slider-wrapper .left-col .sponser-wrapper .trust-pilot {
    right: 140px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #main-hero-section .hero-slider-wrapper .left-col .sponser-wrapper .trust-pilot {
    margin-top: 0;
    width: 100%;
    max-width: 60%;
  }
}
@media (min-width: 1025px) and (max-width: 1536px) {
  #main-hero-section .hero-slider-wrapper .left-col .sponser-wrapper .trust-pilot {
    margin-top: 40px;
  }
}
#main-hero-section .hero-slider-wrapper .left-col .desktop-image svg {
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  z-index: 0;
  max-width: 72%;
}
@media (min-width: 1025px) and (max-width: 1536px) {
  #main-hero-section .hero-slider-wrapper .left-col .desktop-image svg {
    width: 100%;
	max-width:80%;
    transform: translateY(-12%);
  }
}
@media (min-width: 1500px) and (max-width: 1680px) {
  #main-hero-section .hero-slider-wrapper .left-col .desktop-image svg {
    width: 100%;
    transform: translateY(-12%);
  }
}
@media only screen and (min-width: 2560px) and (max-width: 3839px) {
  #main-hero-section .hero-slider-wrapper .left-col .desktop-image svg {
    width: 100%;
	max-width: 100%;  
  }
}
@media only screen and (min-width: 3840px) {
  #main-hero-section .hero-slider-wrapper .left-col .desktop-image svg {
    width: 100%;
	max-width: 100%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #main-hero-section .hero-slider-wrapper .left-col .desktop-image svg {
    width: 100%;
    display: block;
    left: 0;
    top: 0;
    transform: translateY(-19%);
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #main-hero-section .hero-slider-wrapper .left-col .desktop-image svg {
    width: 85%;
  }
}
#main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper {
  position: relative;
  z-index: 99;
  padding: 75px 0 0 95px;
  margin-top: 15px;
}
@media only screen and (min-width: 2560px) and (max-width: 3839px) {
  #main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper {
    padding: 0;
    margin-top: 0;
    left: 338px;
    top: 91px;
  }
}
@media only screen and (min-width: 3840px) {
  #main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper {
    padding: 0;
    margin-top: 0;
    top: 84px;
    left: 40.5rem;
  }
}
@media (min-width: 1025px) and (max-width: 1536px) {
  #main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper {
    padding: 30px 0 0 80px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper {
    top: 50px;
    margin-left: 80px;
  }
}
#main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper h1 {
  color: #FFF;
  line-height: 1.5em;
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: clamp(1.125rem, 0.8023rem + 1.4148vw, 2.5rem);
}
#main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper h6 {
  color: #FFF;
  font-family: "Titillium Web", sans-serif;
  font-size: 24px;
  margin-bottom: 20px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper h6 {
    font-size: 17px;
    margin-bottom: 0;
    margin-top: 0;
  }
}
@media (min-width: 1025px) and (max-width: 1536px) {
  #main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper h6 {
    font-size: 20px;
  }
}
@media (min-width: 1500px) and (max-width: 1680px) {
  #main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper h1 {
    font-size: 28px;
  }
  #main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper h6 {
    font-size: 20px;
  }
}
#main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper .btn-get-started {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width:60%;
  color: #fff;
  font-family: "Titillium Web", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.44px;
  line-height: 3;
  text-transform: capitalize;
  border-radius: 6px;
  border: 1px solid #ffffff;
  background: #0065BD;
  padding: 0 30px;
  transition: transform 0.3s ease-in-out;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
#main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper .btn-get-started:hover, #main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper .btn-get-started:visited, #main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper .btn-get-started:active, #main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper .btn-get-started:focus {
  color: #fff;
  text-decoration: none;
  transform: scale(0.95);
}
#main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper .btn-get-started svg {
  position: relative;
  margin: 7px;
  width: 25px;
}
@media only screen and (min-width: 2560px) and (max-width: 3839px) {
  #main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper .btn-get-started {
    width: 49%;
  }
}
@media only screen and (min-width: 3840px) {
  #main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper .btn-get-started {
    width: 33%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper .btn-get-started {
    width: 55%;
    line-height: 2.3;
  }
  #main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper .btn-get-started svg {
    margin: 0 0 0 5px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper .btn-get-started {
    width: 50%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper {
    padding: 0;
  }
  #main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper h1 {
    text-align: center;
    font-size: 29px;
    color: #FFF;
    margin: 35px 0 10px;
  }
  #main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper h6 {
    color: #FFF;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper {
    padding: 0;
    margin-top: 25px;
  }
  #main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper h1 {
    text-align: left;
    font-size: 35px;
    color: #FFF;
    margin: 25px 0 10px;
  }
  #main-hero-section .hero-slider-wrapper .left-col .hero-content-wrapper h6 {
    color: #FFF;
    text-align: left;
  }
}
#main-hero-section .feature-wrapper {
  background-color: #fff;
  padding: 30px;
  position: relative;
  bottom: 82px;
  border-radius: 65px 20px;
  z-index: 99;
  box-shadow: 3px 3px 8px -4px rgba(0, 0, 0, 0.75);
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #main-hero-section .feature-wrapper {
    padding: 0px 52px;
    bottom: 50px;
    width: 92%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #main-hero-section .feature-wrapper {
    padding: 15px 30px;
  }
}
#main-hero-section .feature-wrapper p {
  color: #626161;
  font-family: "Titillium Web", sans-serif;
  font-size: 26px;
  margin: 0;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #main-hero-section .feature-wrapper p {
    font-size: 16px;
    margin: 9px 0 0;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (min-width: 768px) and (max-width: 1024px) {
  #main-hero-section .feature-wrapper p {
    font-size: 22px;
  }
}
#main-hero-section .feature-wrapper .logo-wrapper {
  height: 6.5vh;
}
@media only screen and (min-width: 2560px) and (max-width: 3839px) {
  #main-hero-section .feature-wrapper .logo-wrapper {
    height: 65px;
  }
}
@media only screen and (min-width: 3840px) {
  #main-hero-section .feature-wrapper .logo-wrapper {
    height: 65px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #main-hero-section .feature-wrapper .logo-wrapper {
    height: 7.5vh;
    padding: 10px 0;
  }
}
#main-hero-section .feature-wrapper .logo-wrapper .logo {
  width: 330px;
}
@media (min-width: 1025px) and (max-width: 1536px) {
  #main-hero-section .feature-wrapper .slick-slide img {
    width: 85%;
  }
}
#main-hero-section .feature-wrapper #next, #main-hero-section .feature-wrapper #prev {
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #main-hero-section .feature-wrapper #next, #main-hero-section .feature-wrapper #prev {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #main-hero-section .feature-wrapper #next, #main-hero-section .feature-wrapper #prev {
    display: none !important;
  }
}
#main-hero-section .feature-wrapper #next:hover, #main-hero-section .feature-wrapper #prev:hover {
  transform: scale(1.2);
}
#main-hero-section .feature-wrapper-inpharmacy {
  background-color: #fff;
  width: auto;
  padding-bottom: 50px;
  position: relative;
  bottom: 110px;
  border-radius: 15px 65px;
  z-index: 99;
  box-shadow: 3px 3px 8px -4px rgba(0, 0, 0, 0.75);
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #main-hero-section .feature-wrapper-inpharmacy {
    border-radius: 4px;
    padding: 25px 0 45px 0;
    bottom: 61px;
    width: 92%;
    height: auto;
  }
}
#main-hero-section .feature-wrapper-inpharmacy .inp-feature {
  border-radius: 0 0 60px 0;
  background-color: #0065BD;
  padding: 6px 4px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #main-hero-section .feature-wrapper-inpharmacy .inp-feature {
    border-radius: 4px;
    background-color: #0065BD;
    padding: 15px 4px;
    width: 100%;
    margin-top: -25px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #main-hero-section .feature-wrapper-inpharmacy .inp-feature {
    border-radius: 0 60px 0px 0;
  }
}
#main-hero-section .feature-wrapper-inpharmacy .inp-feature p {
  color: #ffffff;
  font-family: "Titillium Web", sans-serif;
  font-size: 26px;
  margin: 0;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #main-hero-section .feature-wrapper-inpharmacy .inp-feature p {
    color: #ffffff;
    font-size: 16px;
    margin: 0;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (min-width: 768px) and (max-width: 1024px) {
  #main-hero-section .feature-wrapper-inpharmacy .inp-feature p {
    font-size: 22px;
  }
}
#main-hero-section .feature-wrapper-inpharmacy .search-field {
  margin-top: 20px;
  padding: 0 5%;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #main-hero-section .feature-wrapper-inpharmacy .search-field {
    gap: 20px;
  }
}
#main-hero-section .feature-wrapper-inpharmacy .search-field .md-form input.form-control {
  border: none;
  border-bottom: 1.3px solid #680E9C;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  padding: 25px 0 0 0;
  font-size: 1rem;
  background-color: transparent;
  transition: border-color 0.3s;
  text-indent: 35px;
}
#main-hero-section .feature-wrapper-inpharmacy .search-field .md-form.mb-0.position-relative {
  display: flex;
  gap: 10px;
}
#main-hero-section .feature-wrapper-inpharmacy .search-field .input-label {
  position: absolute;
  top: 5%;
  left: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
  color: #680E9C;
  transform-origin: left bottom;
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
}
#main-hero-section .feature-wrapper-inpharmacy .search-field .phamarcy-search-btn {
  color: #fff;
  font-family: "Titillium Web", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.44px;
  text-transform: capitalize;
  border-radius: 6px;
  border: 1px solid #C8C8C8;
  background: #680E9C;
  padding: 0 30px;
  width: 100%;
  line-height: 2.55;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #main-hero-section .feature-wrapper-inpharmacy .search-field .phamarcy-search-btn {
    margin-top: 15px;
  }
}
#main-hero-section .feature-wrapper-inpharmacy .search-field .phamarcy-search-btn svg {
  margin-right: 10px;
}
/* New Booking Banner */
@media (min-width: 1680px) {
  .col-max-6 {
    flex: 0 0 auto;
    width: 50%; /* 50% of the width */
  }
}
#treatit-booking-banner {
  padding: 0px 100px 50px 100px;
}
@media (min-width: 1025px) and (max-width: 1536px) {
  #treatit-booking-banner {
    padding: 0px 20px 50px 20px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-booking-banner {
    padding: 20px 20px 20px 20px;
  }
}
#treatit-booking-banner .booking-mobile-data ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
}
#treatit-booking-banner .booking-mobile-data ul li {
  display: flex;
  gap: 10px;
}
#treatit-booking-banner .booking-mobile-data ul li p {
  color: #8136AD;
  font-family: "Titillium Web";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
}
#treatit-booking-banner .booking-mobile-data ul li svg {
  margin-top: 3px;
}
#treatit-booking-banner .booking-mobile-data .trust-score-mob {
  margin-top: 0;
}
#treatit-booking-banner .main-space {
  border-radius: 16px;
  background: linear-gradient(112deg, #F7E9FF 48.73%, #E9F5FF 100.3%);
  padding: 8vh 3vw;
}
@media (min-width: 1370px) and (max-width: 1499px) {
  #treatit-booking-banner .main-space {
    padding: 8vh 3vw;
  }
}
@media (min-width: 1270px) and (max-width: 1290px) {
  #treatit-booking-banner .main-space {
    padding: 5vh 1vw;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #treatit-booking-banner {
    padding: 50px 75px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-booking-banner .main-space {
    padding: 24px 22px;
  }
}
#treatit-booking-banner .main-space .top-banner-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIyNCIgaGVpZ2h0PSI2NTkiIHZpZXdCb3g9IjAgMCAxMjI0IDY1OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGxpbmUgeDE9Ijg2LjQ5NjEiIHkxPSItMi4xMjYzNWUtMDgiIHgyPSI4Ni40OTYxIiB5Mj0iNjU5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utb3BhY2l0eT0iMC4zIi8+CjxsaW5lIHgxPSIxNzIuNDk2IiB5MT0iLTIuMTg1NTdlLTA4IiB4Mj0iMTcyLjQ5NiIgeTI9IjY1OSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuMyIvPgo8bGluZSB4MT0iMjU4LjQ5NiIgeTE9Ii0yLjE4NTU3ZS0wOCIgeDI9IjI1OC40OTYiIHkyPSI2NTkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1vcGFjaXR5PSIwLjMiLz4KPGxpbmUgeDE9IjM0NC40OTYiIHkxPSItMi4xODU1N2UtMDgiIHgyPSIzNDQuNDk2IiB5Mj0iNjU5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utb3BhY2l0eT0iMC4zIi8+CjxsaW5lIHgxPSI0MzAuNDk2IiB5MT0iLTIuMTg1NTdlLTA4IiB4Mj0iNDMwLjQ5NiIgeTI9IjY1OSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuMyIvPgo8bGluZSB4MT0iNTE2LjQ5NiIgeTE9Ii0yLjE4NTU3ZS0wOCIgeDI9IjUxNi40OTYiIHkyPSI2NTkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1vcGFjaXR5PSIwLjMiLz4KPGxpbmUgeDE9IjYwMi40OTYiIHkxPSItMi4xODU1N2UtMDgiIHgyPSI2MDIuNDk2IiB5Mj0iNjU5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utb3BhY2l0eT0iMC4zIi8+CjxsaW5lIHgxPSI2ODguNDk2IiB5MT0iLTIuMTg1NTdlLTA4IiB4Mj0iNjg4LjQ5NiIgeTI9IjY1OSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuMyIvPgo8bGluZSB4MT0iNzc0LjQ5NiIgeTE9Ii0yLjE4NTU3ZS0wOCIgeDI9Ijc3NC40OTYiIHkyPSI2NTkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1vcGFjaXR5PSIwLjMiLz4KPGxpbmUgeDE9Ijg2MC40OTYiIHkxPSItMi4xODU1N2UtMDgiIHgyPSI4NjAuNDk2IiB5Mj0iNjU5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utb3BhY2l0eT0iMC4zIi8+CjxsaW5lIHgxPSI5NDYuNDk2IiB5MT0iLTIuMTg1NTdlLTA4IiB4Mj0iOTQ2LjQ5NiIgeTI9IjY1OSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuMyIvPgo8bGluZSB4MT0iMTAzMi41IiB5MT0iLTIuMTg1NTdlLTA4IiB4Mj0iMTAzMi41IiB5Mj0iNjU5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utb3BhY2l0eT0iMC4zIi8+CjxsaW5lIHgxPSIxMTE4LjUiIHkxPSItMi4xODU1N2UtMDgiIHgyPSIxMTE4LjUiIHkyPSI2NTkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1vcGFjaXR5PSIwLjMiLz4KPGxpbmUgeTE9IjcxLjQxOCIgeDI9IjEyMjQiIHkyPSI3MS40MTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1vcGFjaXR5PSIwLjMiLz4KPGxpbmUgeTE9IjE0My4zNCIgeDI9IjEyMjQiIHkyPSIxNDMuMzQiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1vcGFjaXR5PSIwLjMiLz4KPGxpbmUgeTE9IjIxNS4yNTgiIHgyPSIxMjI0IiB5Mj0iMjE1LjI1OCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuMyIvPgo8bGluZSB5MT0iMjg3LjE4IiB4Mj0iMTIyNCIgeTI9IjI4Ny4xOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuMyIvPgo8bGluZSB5MT0iMzU5LjEwNSIgeDI9IjEyMjQiIHkyPSIzNTkuMTA1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utb3BhY2l0eT0iMC4zIi8+CjxsaW5lIHkxPSI0MzEuMDI3IiB4Mj0iMTIyNCIgeTI9IjQzMS4wMjciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1vcGFjaXR5PSIwLjMiLz4KPGxpbmUgeTE9IjUwMi45NDUiIHgyPSIxMjI0IiB5Mj0iNTAyLjk0NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuMyIvPgo8bGluZSB5MT0iNTc0Ljg2NyIgeDI9IjEyMjQiIHkyPSI1NzQuODY3IiBzdHJva2U9IndoaXRlIiBzdHJva2Utb3BhY2l0eT0iMC4zIi8+CjxsaW5lIHgxPSI1MTYuOTk2IiB5MT0iMjg3LjAyMyIgeDI9IjU3Ny45OTYiIHkyPSIyODcuMDIzIiBzdHJva2U9InVybCgjcGFpbnQwX2xpbmVhcl8xMDIwXzM2NzcpIiBzdHJva2Utd2lkdGg9IjMiLz4KPGxpbmUgeDE9IjQ3Mi45OTYiIHkxPSI3MC40MjE5IiB4Mj0iNTMzLjk5NiIgeTI9IjcwLjQyMTkiIHN0cm9rZT0idXJsKCNwYWludDFfbGluZWFyXzEwMjBfMzY3NykiIHN0cm9rZS13aWR0aD0iMyIvPgo8bGluZSB4MT0iOTA5Ljk5NiIgeTE9IjcwLjQyMTkiIHgyPSI5NzAuOTk2IiB5Mj0iNzAuNDIxOSIgc3Ryb2tlPSJ1cmwoI3BhaW50Ml9saW5lYXJfMTAyMF8zNjc3KSIgc3Ryb2tlLXdpZHRoPSIzIi8+CjxsaW5lIHgxPSI2My45OTYxIiB5MT0iMjg3LjAyMyIgeDI9IjEyNC45OTYiIHkyPSIyODcuMDIzIiBzdHJva2U9InVybCgjcGFpbnQzX2xpbmVhcl8xMDIwXzM2NzcpIiBzdHJva2Utd2lkdGg9IjMiLz4KPGxpbmUgeDE9IjYzLjk5NjEiIHkxPSIyODcuMDIzIiB4Mj0iMTI0Ljk5NiIgeTI9IjI4Ny4wMjMiIHN0cm9rZT0idXJsKCNwYWludDRfbGluZWFyXzEwMjBfMzY3NykiIHN0cm9rZS13aWR0aD0iMyIvPgo8bGluZSB4MT0iMzIzLjk5NiIgeTE9IjU3My44NzEiIHgyPSIzODQuOTk2IiB5Mj0iNTczLjg3MSIgc3Ryb2tlPSJ1cmwoI3BhaW50NV9saW5lYXJfMTAyMF8zNjc3KSIgc3Ryb2tlLXdpZHRoPSIzIi8+CjxsaW5lIHgxPSI2My45OTYxIiB5MT0iNDMwLjAyNyIgeDI9IjEyNC45OTYiIHkyPSI0MzAuMDI3IiBzdHJva2U9InVybCgjcGFpbnQ2X2xpbmVhcl8xMDIwXzM2NzcpIiBzdHJva2Utd2lkdGg9IjMiLz4KPGxpbmUgeDE9IjM0NC40OTYiIHkxPSIyMTUuNzY2IiB4Mj0iMzQ0LjQ5NiIgeTI9IjE4MS40NzgiIHN0cm9rZT0idXJsKCNwYWludDdfbGluZWFyXzEwMjBfMzY3NykiIHN0cm9rZS13aWR0aD0iMyIvPgo8bGluZSB4MT0iMzQ0LjQ5NiIgeTE9Ijg4LjY0ODQiIHgyPSIzNDQuNDk2IiB5Mj0iNTQuMzYwNCIgc3Ryb2tlPSJ1cmwoI3BhaW50OF9saW5lYXJfMTAyMF8zNjc3KSIgc3Ryb2tlLXdpZHRoPSIzIi8+CjxsaW5lIHgxPSI1MTUuNDk2IiB5MT0iMjE1Ljc2NiIgeDI9IjUxNS40OTYiIHkyPSIxODEuNDc4IiBzdHJva2U9InVybCgjcGFpbnQ5X2xpbmVhcl8xMDIwXzM2NzcpIiBzdHJva2Utd2lkdGg9IjMiLz4KPGxpbmUgeDE9IjYxOC40OTYiIHkxPSI5Ni4xNzE5IiB4Mj0iNjE4LjQ5NiIgeTI9IjYxLjg4MzgiIHN0cm9rZT0idXJsKCNwYWludDEwX2xpbmVhcl8xMDIwXzM2NzcpIiBzdHJva2Utd2lkdGg9IjMiLz4KPGxpbmUgeDE9IjEwMS40OTYiIHkxPSI2MS44ODY3IiB4Mj0iMTAxLjQ5NiIgeTI9IjI3LjU5ODYiIHN0cm9rZT0idXJsKCNwYWludDExX2xpbmVhcl8xMDIwXzM2NzcpIiBzdHJva2Utd2lkdGg9IjMiLz4KPGxpbmUgeDE9IjM0NC40OTYiIHkxPSI0NDkuOTI2IiB4Mj0iMzQ0LjQ5NiIgeTI9IjQxNS42MzgiIHN0cm9rZT0idXJsKCNwYWludDEyX2xpbmVhcl8xMDIwXzM2NzcpIiBzdHJva2Utd2lkdGg9IjMiLz4KPGxpbmUgeDE9Ijg0LjQ5NjEiIHkxPSI1OTIuMDk4IiB4Mj0iODQuNDk2MSIgeTI9IjU1Ny44MSIgc3Ryb2tlPSJ1cmwoI3BhaW50MTNfbGluZWFyXzEwMjBfMzY3NykiIHN0cm9rZS13aWR0aD0iMyIvPgo8bGluZSB4MT0iNTE0LjQ5NiIgeTE9IjQ0OS45MjYiIHgyPSI1MTQuNDk2IiB5Mj0iNDE1LjYzOCIgc3Ryb2tlPSJ1cmwoI3BhaW50MTRfbGluZWFyXzEwMjBfMzY3NykiIHN0cm9rZS13aWR0aD0iMyIvPgo8bGluZSB4MT0iNTE0LjQ5NiIgeTE9IjU5Mi4wOTgiIHgyPSI1MTQuNDk2IiB5Mj0iNTU3LjgxIiBzdHJva2U9InVybCgjcGFpbnQxNV9saW5lYXJfMTAyMF8zNjc3KSIgc3Ryb2tlLXdpZHRoPSIzIi8+CjxsaW5lIHgxPSI2ODcuNDk2IiB5MT0iMjk5LjM5MSIgeDI9IjY4Ny40OTYiIHkyPSIyNjUuMTAzIiBzdHJva2U9InVybCgjcGFpbnQxNl9saW5lYXJfMTAyMF8zNjc3KSIgc3Ryb2tlLXdpZHRoPSIzIi8+CjxsaW5lIHgxPSIxMDMwLjUiIHkxPSI0NDkuOTI2IiB4Mj0iMTAzMC41IiB5Mj0iNDE1LjYzOCIgc3Ryb2tlPSJ1cmwoI3BhaW50MTdfbGluZWFyXzEwMjBfMzY3NykiIHN0cm9rZS13aWR0aD0iMyIvPgo8bGluZSB4MT0iOTQ0LjQ5NiIgeTE9IjIzMy4zMjQiIHgyPSI5NDQuNDk2IiB5Mj0iMTk5LjAzNiIgc3Ryb2tlPSJ1cmwoI3BhaW50MThfbGluZWFyXzEwMjBfMzY3NykiIHN0cm9rZS13aWR0aD0iMyIvPgo8bGluZSB4MT0iOTQ0LjQ5NiIgeTE9IjU5Mi4wOTgiIHgyPSI5NDQuNDk2IiB5Mj0iNTU3LjgxIiBzdHJva2U9InVybCgjcGFpbnQxOV9saW5lYXJfMTAyMF8zNjc3KSIgc3Ryb2tlLXdpZHRoPSIzIi8+CjxsaW5lIHgxPSI3ODguOTk2IiB5MT0iMzYxLjEwOSIgeDI9Ijc0Ny45OTYiIHkyPSIzNjEuMTA5IiBzdHJva2U9InVybCgjcGFpbnQyMF9saW5lYXJfMTAyMF8zNjc3KSIgc3Ryb2tlLXdpZHRoPSIzIi8+CjxsaW5lIHgxPSIxMTM3IiB5MT0iNTc2Ljg3MSIgeDI9IjEwOTYiIHkyPSI1NzYuODcxIiBzdHJva2U9InVybCgjcGFpbnQyMV9saW5lYXJfMTAyMF8zNjc3KSIgc3Ryb2tlLXdpZHRoPSIzIi8+CjxsaW5lIHgxPSIxMDU4IiB5MT0iMjg3LjAyMyIgeDI9IjExMTkiIHkyPSIyODcuMDIzIiBzdHJva2U9InVybCgjcGFpbnQyMl9saW5lYXJfMTAyMF8zNjc3KSIgc3Ryb2tlLXdpZHRoPSIzIi8+CjxsaW5lIHgxPSIxMDU4IiB5MT0iMTQyLjM0IiB4Mj0iMTExOSIgeTI9IjE0Mi4zNCIgc3Ryb2tlPSJ1cmwoI3BhaW50MjNfbGluZWFyXzEwMjBfMzY3NykiIHN0cm9rZS13aWR0aD0iMyIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzEwMjBfMzY3NyIgeDE9IjUxNi45OTYiIHkxPSIyODkuMDIzIiB4Mj0iNTc3Ljk5NiIgeTI9IjI4OS4wMjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhcl8xMDIwXzM2NzciIHgxPSI0NzIuOTk2IiB5MT0iNzIuNDIxOSIgeDI9IjUzMy45OTYiIHkyPSI3Mi40MjE5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50Ml9saW5lYXJfMTAyMF8zNjc3IiB4MT0iOTA5Ljk5NiIgeTE9IjcyLjQyMTkiIHgyPSI5NzAuOTk2IiB5Mj0iNzIuNDIxOSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDNfbGluZWFyXzEwMjBfMzY3NyIgeDE9IjYzLjk5NjEiIHkxPSIyODkuMDIzIiB4Mj0iMTI0Ljk5NiIgeTI9IjI4OS4wMjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQ0X2xpbmVhcl8xMDIwXzM2NzciIHgxPSI2My45OTYxIiB5MT0iMjg5LjAyMyIgeDI9IjEyNC45OTYiIHkyPSIyODkuMDIzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50NV9saW5lYXJfMTAyMF8zNjc3IiB4MT0iMzIzLjk5NiIgeTE9IjU3NS44NzEiIHgyPSIzODQuOTk2IiB5Mj0iNTc1Ljg3MSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDZfbGluZWFyXzEwMjBfMzY3NyIgeDE9IjYzLjk5NjEiIHkxPSI0MzIuMDI3IiB4Mj0iMTI0Ljk5NiIgeTI9IjQzMi4wMjciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQ3X2xpbmVhcl8xMDIwXzM2NzciIHgxPSIzNDYuNDk2IiB5MT0iMjE1Ljc2NiIgeDI9IjM0Ni40OTYiIHkyPSIxODEuNDc4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50OF9saW5lYXJfMTAyMF8zNjc3IiB4MT0iMzQ2LjQ5NiIgeTE9Ijg4LjY0ODQiIHgyPSIzNDYuNDk2IiB5Mj0iNTQuMzYwNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDlfbGluZWFyXzEwMjBfMzY3NyIgeDE9IjUxNy40OTYiIHkxPSIyMTUuNzY2IiB4Mj0iNTE3LjQ5NiIgeTI9IjE4MS40NzgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxMF9saW5lYXJfMTAyMF8zNjc3IiB4MT0iNjIwLjQ5NiIgeTE9Ijk2LjE3MTkiIHgyPSI2MjAuNDk2IiB5Mj0iNjEuODgzOCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDExX2xpbmVhcl8xMDIwXzM2NzciIHgxPSIxMDMuNDk2IiB5MT0iNjEuODg2NyIgeDI9IjEwMy40OTYiIHkyPSIyNy41OTg2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MTJfbGluZWFyXzEwMjBfMzY3NyIgeDE9IjM0Ni40OTYiIHkxPSI0NDkuOTI2IiB4Mj0iMzQ2LjQ5NiIgeTI9IjQxNS42MzgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxM19saW5lYXJfMTAyMF8zNjc3IiB4MT0iODYuNDk2MSIgeTE9IjU5Mi4wOTgiIHgyPSI4Ni40OTYxIiB5Mj0iNTU3LjgxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MTRfbGluZWFyXzEwMjBfMzY3NyIgeDE9IjUxNi40OTYiIHkxPSI0NDkuOTI2IiB4Mj0iNTE2LjQ5NiIgeTI9IjQxNS42MzgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxNV9saW5lYXJfMTAyMF8zNjc3IiB4MT0iNTE2LjQ5NiIgeTE9IjU5Mi4wOTgiIHgyPSI1MTYuNDk2IiB5Mj0iNTU3LjgxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MTZfbGluZWFyXzEwMjBfMzY3NyIgeDE9IjY4OS40OTYiIHkxPSIyOTkuMzkxIiB4Mj0iNjg5LjQ5NiIgeTI9IjI2NS4xMDMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxN19saW5lYXJfMTAyMF8zNjc3IiB4MT0iMTAzMi41IiB5MT0iNDQ5LjkyNiIgeDI9IjEwMzIuNSIgeTI9IjQxNS42MzgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxOF9saW5lYXJfMTAyMF8zNjc3IiB4MT0iOTQ2LjQ5NiIgeTE9IjIzMy4zMjQiIHgyPSI5NDYuNDk2IiB5Mj0iMTk5LjAzNiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDE5X2xpbmVhcl8xMDIwXzM2NzciIHgxPSI5NDYuNDk2IiB5MT0iNTkyLjA5OCIgeDI9Ijk0Ni40OTYiIHkyPSI1NTcuODEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQyMF9saW5lYXJfMTAyMF8zNjc3IiB4MT0iNzg4Ljk5NiIgeTE9IjM1OS4xMDkiIHgyPSI3NDcuOTk2IiB5Mj0iMzU5LjEwOSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDIxX2xpbmVhcl8xMDIwXzM2NzciIHgxPSIxMTM3IiB5MT0iNTc0Ljg3MSIgeDI9IjEwOTYiIHkyPSI1NzQuODcxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MjJfbGluZWFyXzEwMjBfMzY3NyIgeDE9IjEwNTgiIHkxPSIyODkuMDIzIiB4Mj0iMTExOSIgeTI9IjI4OS4wMjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQyM19saW5lYXJfMTAyMF8zNjc3IiB4MT0iMTA1OCIgeTE9IjE0NC4zNCIgeDI9IjExMTkiIHkyPSIxNDQuMzQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==);
  width: 100%;
  height: 100%;
  background-size: cover;
}
#treatit-booking-banner .left-heading {
	position: relative;
    z-index: 2;	
}
#treatit-booking-banner .main-space .left-heading h1 {
  color: #000;
  font-family: "Titillium Web", sans-serif;
  font-size: 56px;
  font-style: normal;
  font-weight: 600;
  line-height: 72px;
  padding: 0 20% 0 0;
}
@media (min-width: 1681px) {
  #treatit-booking-banner .main-space .left-heading h1 {
    padding: 0 30% 0 0;
  }
}
@media (min-width: 1270px) and (max-width: 1290px) {
  #treatit-booking-banner .main-space .left-heading h1 {
    padding: 0 10% 0 0;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-booking-banner .main-space .left-heading h1 {
    color: #000;
    text-align: center;
    font-family: "Titillium Web";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 52px;
    padding: 0;
  }
}
@media (min-width: 1370px) and (max-width: 1499px) {
  #treatit-booking-banner .main-space .left-heading h1 {
    padding: 0 15% 0 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #treatit-booking-banner .main-space .left-heading h1 {
    padding: 0;
    text-align: center;
  }
}
#treatit-booking-banner .main-space .left-heading span {
  background: linear-gradient(86deg, #680E9C 3.79%, #726BEA 29.6%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Titillium Web", sans-serif;
  font-size: 56px;
  font-style: normal;
  font-weight: 600;
  line-height: 72px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-booking-banner .main-space .left-heading span {
    background: linear-gradient(90deg, rgba(104, 14, 156, 0.9) 1.94%, rgba(0, 101, 189, 0.6) 44.18%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Titillium Web";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 52px;
  }
}
#treatit-booking-banner .main-space .left-heading ul {
  list-style: none;
  padding: 0;
}
#treatit-booking-banner .main-space .left-heading ul li {
  display: flex;
  gap: 10px;
}
#treatit-booking-banner .main-space .left-heading ul li svg{
 margin-top: 3px;
}
#treatit-booking-banner .main-space .left-heading ul li p {
  color: #8136AD;
  font-family: "Titillium Web", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
}
@media (min-width: 1370px) and (max-width: 1499px) {
  #treatit-booking-banner .main-space .left-heading ul li p {
    font-size: 15px;
  }
}
#treatit-booking-banner .main-space .trust-score {
  margin-top: 50px;
}
#treatit-booking-banner .main-container {
  display: flex;
  padding: 0;
  margin: 20px auto;
  z-index:3
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-booking-banner .main-container {
    flex-direction: column;
  }
}
#treatit-booking-banner .left-section {
  flex: 1;
  width: 100%;
  padding: 16px;
  min-width: 260px;
  max-width: 260px;
  max-height: 450px;
  border-radius: 16px 0 0 16px;
  background: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  box-shadow: 0px -50px 50px -50px rgba(0, 0, 0, 0.1), -50px 0px 50px -50px rgba(0, 0, 0, 0.1), 0px 50px 50px -50px rgba(0, 0, 0, 0.1); /* Bottom */
}
#treatit-booking-banner .left-section::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -67%;
  transform: rotate(90deg);
  width: 135%;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
}
@media (min-width: 1270px) and (max-width: 1290px) {
  #treatit-booking-banner .left-section {
    min-width: 250px;
    max-width: 250px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-booking-banner .left-section::after {
    display: none;
  }
}
#treatit-booking-banner .right-section {
  flex: 1;
  width: 100%;
  background: #fff;
  overflow: hidden;
  padding: 16px;
  max-height: 100%;
  border-radius: 0 16px 16px 16px;
  box-shadow: 0px -50px 50px -50px rgba(0, 0, 0, 0.1), 50px 0px 50px -50px rgba(0, 0, 0, 0.1), 0px 50px 50px -50px rgba(0, 0, 0, 0.1); /* Bottom */
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-booking-banner .right-section {
    border-radius: 16px;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
  }
}
#treatit-booking-banner .right-section .date-time-section h6 {
  color: #680E9C;
  font-family: "Titillium Web", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-booking-banner .right-section .date-time-section h6 {
    font-size: 14px;
  }
}
#treatit-booking-banner .right-section .date-time-section p {
  color: #000;
  font-family: "Titillium Web", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-booking-banner .right-section .date-time-section p {
    font-size: 14px;
  }
	#treatit-booking-banner .right-section .warning-text {
    text-align:center;
	margin: 0;
	width: 100%;
  }
}
#treatit-booking-banner .right-section .date-time-section .date {
  color: #555;
  font-family: "Titillium Web", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#treatit-booking-banner .header-info {
  display: flex;
  padding: 16px 0px 16px 16px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 8px;
  background: linear-gradient(143deg, #F8EDFF 2.25%, #EEF7FF 99.1%);
}
#treatit-booking-banner .header-info h5 {
  color: #8136AD;
  font-family: "Titillium Web", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px; /* 150% */
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
#treatit-booking-banner .header-info .mini-title {
  color: #000;
  font-family: "Titillium Web", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px; /* 131.25% */
}
#treatit-booking-banner .header-info .mini-content {
  color: #555;
  font-family: "Titillium Web", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
}
#treatit-booking-banner .doctor-info {
  display: flex;
  padding: 16px 0px 16px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 8px;
  background: #F8EDFF;
}
#treatit-booking-banner .doctor-info img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  max-width: 50px;
}
#treatit-booking-banner .doctor-info p {
  color: #8136AD;
  font-family: "Titillium Web";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px; /* 135.714% */
}
#treatit-booking-banner .doctor-data h6 {
  margin: 0;
  color: #680E9C;
  font-family: "Titillium Web", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 19px; /* 135.714% */
}
#treatit-booking-banner .doctor-data p {
  color: #555;
  font-family: "Titillium Web", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px; /* 158.333% */
}
#treatit-booking-banner .booking-title-wrapper .arrows svg {
  transition: transform 0.3s ease;
  margin-top: -10px;
  cursor: pointer;
}
#treatit-booking-banner .booking-title-wrapper .arrows svg:hover {
  transform: scale(1.2);
}
#treatit-booking-banner .calendar {
  display: flex;
  margin-bottom: 15px;
  position: relative;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-booking-banner .calendar {
    display: flex;
  }
}
#treatit-booking-banner .slick-slide {
  margin: 0 4px;
}
#treatit-booking-banner .slick-dots {
  display: flex;
  justify-content: center;
  position: absolute;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 110%);
  list-style-type: none;
}
#treatit-booking-banner .slick-dots li {
  margin: 0 0.25rem;
}
#treatit-booking-banner .slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  border: none;
  border-radius: 25%;
  background-color: rgba(98, 32, 136, 0.4509803922);
  text-indent: -9999px;
}
#treatit-booking-banner .slick-dots li.slick-active button {
  background-color: #680E9C;
}
#treatit-booking-banner .time-slot.selected {
  background: linear-gradient(112deg, #f2dbff 48.73%, #E9F5FF 100.3%);
	border: 1px solid #680E9C99;
}
#treatit-booking-banner .calendar div.day.selected {
  background: linear-gradient(112deg, #f2dbff 48.73%, #E9F5FF 100.3%);
  border: 1px solid #680E9C99;
}
#treatit-booking-banner .time-slot.hidden {
  display: none;
}
#treatit-booking-banner .time-slots button {
  border: none;
  font-family: "Titillium Web", sans-serif;
  text-decoration: underline;
}
@media (min-width: 1270px) and (max-width: 1290px) {
  #treatit-booking-banner .time-slots button {
    font-size: 13px;
  }
}
#treatit-booking-banner .calendar .day {
  position: relative;
  text-align: center;
  display: inline-flex;
  padding: 8px 12px;
  flex-direction: column;
  align-items: center;
  gap: 13px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 8px;
  background: rgba(104, 14, 156, 0.08);
  border: 1px solid transparent;
}
#treatit-booking-banner .calendar .day:hover{
	    background: linear-gradient(112deg, #f2dbff 48.73%, #E9F5FF 100.3%);
	border: 1px solid #680E9C99
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-booking-banner .calendar .day {
    padding: 12px 12px;
    gap: 13px;
  }
}
#treatit-booking-banner .calendar .day .indicator {
  width: 20px;
  height: 4px;
  border-radius: 2px;
/*   margin-left: 2px; */
}
#treatit-booking-banner .calendar .day.available .indicator {
  background-color: #00B67A;
}
#treatit-booking-banner .calendar .day.fully-booked .indicator {
  background-color: #680E9C;
  pointer-events: none;
  cursor: not-allowed;
}
#treatit-booking-banner .time-wrapper {
  min-height: 175px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-booking-banner .time-wrapper {
    min-height: 141px;
  }
}
#treatit-booking-banner .time-wrapper .timeslot-text {
  margin: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  color: #000;
  font-family: "Titillium Web";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-booking-banner .time-wrapper .timeslot-text {
    padding: auto;
  }
}
#treatit-booking-banner .legend {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-bottom: 16px;
  font-size: 14px;
  color: #555;
  gap: 10px;
  margin-top: 16px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-booking-banner .legend {
    padding-top: 0;
    margin: 10px 0;
  }
}
#treatit-booking-banner .legend .text-q, #treatit-booking-banner .legend .text-q {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #555;
  font-family: "Titillium Web";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#treatit-booking-banner .legend .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}
#treatit-booking-banner .legend .dot.available {
  background-color: #00B67A;
}
#treatit-booking-banner .legend .dot.fully-booked {
  background-color: #680E9C;
}
#treatit-booking-banner .time-slots {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  position: relative;
  /* Animation for glowing effect */
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-booking-banner .time-slots {
    grid-template-columns: repeat(3, 1fr);
  }
}
#treatit-booking-banner .time-slots .luminous-text {
  color: #680E9C;
  text-align: center;
}
#treatit-booking-banner .time-slot {
  padding: 8px 12px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  font-family: "Titillium Web", sans-serif;
  color: #2A2A2A;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  border: 1px solid transparent;
}
#treatit-booking-banner .time-slots p, #treatit-booking-banner .luminous-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#treatit-booking-banner .time-slot:hover {
  background: linear-gradient(111.59deg, #F7E9FF 48.73%, #E9F5FF 100.3%);
  border: 1px solid #680E9C99;
}
#treatit-booking-banner .booking-btn-wrapper {
  margin-top: 24px;
}
#treatit-booking-banner .booking-btn-wrapper .btn-book {
  border-radius: 8px;
  background: #680E9C;
  display: flex;
  border: none;
  padding: 12px 16px;
  justify-content: center;
  font-family: "Titillium Web", sans-serif;
  align-items: center;
  gap: 10px;
  color: #fff;
  align-self: stretch;
  width: 100%;
}
#treatit-booking-banner .booking-btn-wrapper .warning-text{
 	font-family: "Titillium Web", sans-serif;	
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-booking-banner .booking-btn-wrapper .btn-book {
    width: 100%;
  }
}
#treatit-booking-banner .booking-btn-wrapper .btn-book:hover {
/*  background: linear-gradient(86deg, #680E9C 3.79%, #726BEA 29.6%); */
}
#treatit-booking-banner .booking-btn-wrapper .btn-book:hover {
  background-color: #550385;
}
/* End Booking Widget CSS */
#logo-slider {
  margin-bottom: 35px;
}
#logo-slider .featured-text {
  color: #000;
  text-align: center;
  font-family: "Titillium Web", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px;
  margin-bottom: 40px;
}

#what-we-treat .top-background {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://treat-it.clinic/wp-content/themes/hello-elementor-child/assest/images/first-sec-bac.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  z-index: -1;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #what-we-treat .top-background {
    background-position: top;
    opacity: 0.3;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #what-we-treat .top-background {
    background-position: top;
    opacity: 0.3;
  }
}
#what-we-treat .top-section-con {
  padding-top: 50px;
}
#what-we-treat .treat-card-section {
  padding: 55px 35px 85px 35px;
}
@media only screen and (min-width: 3840px) {
  #what-we-treat .treat-card-section {
    max-width: 2500px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #what-we-treat .treat-card-section {
    padding: 55px 12px 65px 12px;
  }
}
#what-we-treat .treat-card-section .card-wrapper {
  padding: 35px;
  background: #680E9C;
  padding-bottom: 0;
  min-height: 440px;
  width: 100%;
  z-index: -1;
  position: relative;
  -webkit-clip-path: polygon(2.551% 0.478%, 2.551% 0.478%, 2.192% 0.779%, 1.853% 1.153%, 1.536% 1.596%, 1.245% 2.102%, 0.98% 2.668%, 0.743% 3.288%, 0.538% 3.957%, 0.365% 4.671%, 0.227% 5.424%, 0.126% 6.213%, 0.126% 6.213%, 0.098% 6.864%, 0.074% 8.27%, 0.055% 10.464%, 0.04% 13.481%, 0.028% 17.357%, 0.021% 22.127%, 0.017% 27.825%, 0.016% 34.487%, 0.019% 42.148%, 0.025% 50.843%, 0.063% 94.119%, 0.327% 95.341%, 0.327% 95.341%, 0.444% 95.838%, 0.576% 96.315%, 0.723% 96.77%, 0.884% 97.201%, 1.059% 97.607%, 1.246% 97.988%, 1.446% 98.34%, 1.657% 98.663%, 1.879% 98.956%, 2.111% 99.217%, 2.828% 99.96%, 44.613% 100.04%, 44.613% 100.04%, 52.86% 100.052%, 60.162% 100.056%, 66.542% 100.052%, 72.021% 100.042%, 76.624% 100.023%, 80.372% 99.998%, 83.289% 99.965%, 85.397% 99.926%, 86.719% 99.88%, 87.277% 99.827%, 87.277% 99.827%, 87.945% 99.545%, 88.547% 99.154%, 89.09% 98.644%, 89.577% 98.005%, 90.014% 97.226%, 90.404% 96.297%, 90.754% 95.208%, 91.066% 93.949%, 91.347% 92.51%, 91.6% 90.88%, 91.6% 90.88%, 91.835% 89.316%, 92.075% 87.982%, 92.331% 86.851%, 92.617% 85.895%, 92.947% 85.086%, 93.332% 84.396%, 93.787% 83.798%, 94.324% 83.264%, 94.956% 82.767%, 95.697% 82.278%, 95.697% 82.278%, 96.506% 81.749%, 97.205% 81.204%, 97.803% 80.625%, 98.308% 79.995%, 98.73% 79.298%, 99.078% 78.516%, 99.361% 77.633%, 99.587% 76.632%, 99.766% 75.495%, 99.907% 74.207%, 99.907% 74.207%, 99.935% 73.599%, 99.958% 72.439%, 99.978% 70.693%, 99.993% 68.329%, 100.004% 65.313%, 100.012% 61.611%, 100.016% 57.192%, 100.016% 52.021%, 100.014% 46.066%, 100.008% 39.294%, 100.008% 39.294%, 99.997% 30.282%, 99.987% 23.054%, 99.976% 17.405%, 99.961% 13.127%, 99.942% 10.016%, 99.915% 7.865%, 99.88% 6.47%, 99.835% 5.623%, 99.777% 5.119%, 99.706% 4.752%, 99.706% 4.752%, 99.589% 4.255%, 99.457% 3.778%, 99.31% 3.323%, 99.148% 2.892%, 98.974% 2.485%, 98.786% 2.105%, 98.587% 1.753%, 98.376% 1.43%, 98.154% 1.137%, 97.921% 0.876%, 97.205% 0.133%, 50.205% 0.08%, 50.205% 0.08%, 37.986% 0.066%, 28.081% 0.057%, 20.245% 0.057%, 14.23% 0.067%, 9.79% 0.09%, 6.676% 0.127%, 4.642% 0.183%, 3.441% 0.258%, 2.827% 0.356%, 2.551% 0.478%);
          clip-path: polygon(2.551% 0.478%, 2.551% 0.478%, 2.192% 0.779%, 1.853% 1.153%, 1.536% 1.596%, 1.245% 2.102%, 0.98% 2.668%, 0.743% 3.288%, 0.538% 3.957%, 0.365% 4.671%, 0.227% 5.424%, 0.126% 6.213%, 0.126% 6.213%, 0.098% 6.864%, 0.074% 8.27%, 0.055% 10.464%, 0.04% 13.481%, 0.028% 17.357%, 0.021% 22.127%, 0.017% 27.825%, 0.016% 34.487%, 0.019% 42.148%, 0.025% 50.843%, 0.063% 94.119%, 0.327% 95.341%, 0.327% 95.341%, 0.444% 95.838%, 0.576% 96.315%, 0.723% 96.77%, 0.884% 97.201%, 1.059% 97.607%, 1.246% 97.988%, 1.446% 98.34%, 1.657% 98.663%, 1.879% 98.956%, 2.111% 99.217%, 2.828% 99.96%, 44.613% 100.04%, 44.613% 100.04%, 52.86% 100.052%, 60.162% 100.056%, 66.542% 100.052%, 72.021% 100.042%, 76.624% 100.023%, 80.372% 99.998%, 83.289% 99.965%, 85.397% 99.926%, 86.719% 99.88%, 87.277% 99.827%, 87.277% 99.827%, 87.945% 99.545%, 88.547% 99.154%, 89.09% 98.644%, 89.577% 98.005%, 90.014% 97.226%, 90.404% 96.297%, 90.754% 95.208%, 91.066% 93.949%, 91.347% 92.51%, 91.6% 90.88%, 91.6% 90.88%, 91.835% 89.316%, 92.075% 87.982%, 92.331% 86.851%, 92.617% 85.895%, 92.947% 85.086%, 93.332% 84.396%, 93.787% 83.798%, 94.324% 83.264%, 94.956% 82.767%, 95.697% 82.278%, 95.697% 82.278%, 96.506% 81.749%, 97.205% 81.204%, 97.803% 80.625%, 98.308% 79.995%, 98.73% 79.298%, 99.078% 78.516%, 99.361% 77.633%, 99.587% 76.632%, 99.766% 75.495%, 99.907% 74.207%, 99.907% 74.207%, 99.935% 73.599%, 99.958% 72.439%, 99.978% 70.693%, 99.993% 68.329%, 100.004% 65.313%, 100.012% 61.611%, 100.016% 57.192%, 100.016% 52.021%, 100.014% 46.066%, 100.008% 39.294%, 100.008% 39.294%, 99.997% 30.282%, 99.987% 23.054%, 99.976% 17.405%, 99.961% 13.127%, 99.942% 10.016%, 99.915% 7.865%, 99.88% 6.47%, 99.835% 5.623%, 99.777% 5.119%, 99.706% 4.752%, 99.706% 4.752%, 99.589% 4.255%, 99.457% 3.778%, 99.31% 3.323%, 99.148% 2.892%, 98.974% 2.485%, 98.786% 2.105%, 98.587% 1.753%, 98.376% 1.43%, 98.154% 1.137%, 97.921% 0.876%, 97.205% 0.133%, 50.205% 0.08%, 50.205% 0.08%, 37.986% 0.066%, 28.081% 0.057%, 20.245% 0.057%, 14.23% 0.067%, 9.79% 0.09%, 6.676% 0.127%, 4.642% 0.183%, 3.441% 0.258%, 2.827% 0.356%, 2.551% 0.478%);
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #what-we-treat .treat-card-section .card-wrapper {
    min-height: 400px;
  }
}
#what-we-treat .treat-card-section .card-wrapper .card-treat-featured-wrapper {
  border-radius: 20px;
  background-image: url("https://treat-it.clinic/wp-content/themes/hello-elementor-child/assest/images/treat-1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 20vh;
  width: 100%;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #what-we-treat .treat-card-section .card-wrapper .card-treat-featured-wrapper {
    height: 12vh;
  }
}
#what-we-treat .treat-card-section .card-wrapper .card-treat-featured-wrapper-2 {
  border-radius: 20px;
  background-image: url("https://treat-it.clinic/wp-content/themes/hello-elementor-child/assest/images/mental-health.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 20vh;
  width: 100%;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #what-we-treat .treat-card-section .card-wrapper .card-treat-featured-wrapper-2 {
    height: 12vh;
  }
}
#what-we-treat .treat-card-section .card-wrapper .card-treat-featured-wrapper-3 {
  border-radius: 20px;
  background-image: url("https://treat-it.clinic/wp-content/themes/hello-elementor-child/assest/images/camcer-health.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 20vh;
  width: 100%;
  background-position-y: -72px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #what-we-treat .treat-card-section .card-wrapper .card-treat-featured-wrapper-3 {
    background-position-y: -20px;
    height: 12vh;
  }
}
#what-we-treat .treat-card-section .card-wrapper .card-title {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 3840px) {
  #what-we-treat .treat-card-section .card-wrapper .card-title svg {
    margin-right: 70px;
  }
}
#what-we-treat .treat-card-section .card-wrapper .card-title h6 {
  color: #FFF;
  font-size: 28px;
  font-family: "Titillium Web", sans-serif;
  padding-bottom: 0;
  margin: 0;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #what-we-treat .treat-card-section .card-wrapper .card-title h6 {
    padding-bottom: 0;
    margin-left: 12px;
    font-size: 25px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #what-we-treat .treat-card-section .card-wrapper .card-title h6 {
    margin-left: 12px;
    padding-bottom: 0;
  }
}
#what-we-treat .treat-card-section .card-wrapper .card-info {
  margin-bottom: 25px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 17px;
  width: 95%;
  font-family: 'Titillium Web';
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #what-we-treat .treat-card-section .card-wrapper .card-info {
    font-size: 15px;
  }
}
@media only screen and (min-width: 3840px) {
  #what-we-treat .treat-card-section .card-wrapper .card-info {
    width: 100%;
    max-width: 85%;
  }
}
#what-we-treat .treat-card-section .card-wrapper .card-info ul {
  position: relative;
  bottom: 28px;
  right: 12px;
  margin-bottom: 0;
}
#what-we-treat .treat-card-section .card-treat {
  background-color: transparent;
  border: none;
}

#meet-our-doctors {
  margin: 85px 0 25px 0;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #meet-our-doctors {
    margin: 70px 0 55px 0;
  }
}
#meet-our-doctors .custom-buttons {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 11.25rem;
}
@media only screen and (min-width: 2560px) and (max-width: 3839px) {
  #meet-our-doctors .custom-buttons {
    padding: 0 28.25rem;
  }
}
@media only screen and (min-width: 3840px) {
  #meet-our-doctors .custom-buttons {
    padding: 0 69.25rem;
  }
}
@media (min-width: 1025px) and (max-width: 1536px) {
  #meet-our-doctors .custom-buttons {
    padding: 0 10px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #meet-our-doctors .custom-buttons {
    top: unset;
    bottom: 0;
    transform: translateY(65%);
    justify-content: center;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #meet-our-doctors .custom-buttons {
    top: unset;
    bottom: 0;
    transform: translateY(75%);
    padding: 0;
    justify-content: center;
  }
}
#meet-our-doctors .custom-buttons button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: transform 0.4s ease-in-out;
}
#meet-our-doctors .custom-buttons button svg {
  width: 80%;
}
#meet-our-doctors .custom-buttons button svg:hover {
  transform: scale(1.03);
}
#meet-our-doctors .second-section-background {
  width: 301px;
  height: 389px;
  top: 0;
  right: 120px;
  background-image: url("https://treat-it.clinic/wp-content/themes/hello-elementor-child/assest/images/51.webp");
  background-repeat: no-repeat;
  background-size: cover;
}
#meet-our-doctors .doctor-testimonial-wrapper {
  margin-top: 45px;
  margin-bottom: 55px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #meet-our-doctors .doctor-testimonial-wrapper {
    padding-bottom: 0;
  }
}
#meet-our-doctors .doctor-testimonial-wrapper .testimonial-card {
  margin: 35px;
  border-radius: 15px;
  overflow: hidden;
  border-bottom: 9px solid #550385;
  box-shadow: 3px 3px 8px -4px rgba(0, 0, 0, 0.75);
  background-color: #fff;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #meet-our-doctors .doctor-testimonial-wrapper .testimonial-card {
    margin: 0;
  }
}
#meet-our-doctors .doctor-testimonial-wrapper .testimonial-card .show-more {
  cursor: pointer;
  color: #680E9C;
  font-weight: 500;
  display: inline;
  margin: 0 20px 0 0;
}
#meet-our-doctors .doctor-testimonial-wrapper .testimonial-card .more-text {
  display: none;
}
#meet-our-doctors .doctor-testimonial-wrapper .testimonial-card .more-text.show {
  display: inline;
}
#meet-our-doctors .doctor-testimonial-wrapper .testimonial-card .doc-right-col {
  padding: 10px 75px;
  width: 65%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  #meet-our-doctors .doctor-testimonial-wrapper .testimonial-card .doc-right-col {
    width: 100%;
    padding: 35px;
  }
}
#meet-our-doctors .doctor-testimonial-wrapper .testimonial-card .doc-right-col svg {
  position: relative;
  right: 15px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #meet-our-doctors .doctor-testimonial-wrapper .testimonial-card .doc-right-col svg {
    width: 25px;
    height: auto;
  }
}
#meet-our-doctors .doctor-testimonial-wrapper .testimonial-card .doc-right-col svg:nth-child(1) {
  bottom: 5px;
}
#meet-our-doctors .doctor-testimonial-wrapper .testimonial-card .doc-right-col svg:nth-child(2) {
  top: 5px;
}
#meet-our-doctors .doctor-testimonial-wrapper .testimonial-card .doc-right-col p {
  font-size: 18px;
  font-family: "Titillium Web", sans-serif;
  color: #000000;
  font-weight: 500;
}
#meet-our-doctors .doctor-testimonial-wrapper .testimonial-card .doc-right-col .doctor-name {
  color: #550385;
  font-family: "Titillium Web", sans-serif;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #meet-our-doctors .doctor-testimonial-wrapper .testimonial-card .doc-right-col .doctor-name {
    font-size: 22px;
  }
}
#meet-our-doctors .doctor-testimonial-wrapper .testimonial-card .doc-right-col .doctor-details {
  font-family: "Titillium Web", sans-serif;
  font-size: 16px;
  margin: 0;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #meet-our-doctors .doctor-testimonial-wrapper .testimonial-card .doc-right-col .doctor-details {
    font-size: 13px;
  }
}
#meet-our-doctors .doctor-testimonial-wrapper .testimonial-card .doc-right-col .doc-testimonial-hr {
  display: block;
  width: 100%;
  border: 1px solid rgba(3, 27, 78, 0.2470588235);
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #meet-our-doctors .doctor-testimonial-wrapper .testimonial-card .doc-right-col {
    padding: 40px;
    width: 100%;
  }
}
#meet-our-doctors .doctor-testimonial-wrapper .testimonial-card .doc-left-col img {
  border-radius: 15px 0 0 0;
  width: 100%;
  height: 100%;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #meet-our-doctors .doctor-testimonial-wrapper .testimonial-card .doc-left-col img {
    width: 60%;
    border-radius: 50%;
  }
	#meet-our-doctors .doctor-testimonial-wrapper picture {
    display: flex;
    justify-content: center;
	}
}

/* #reviews {
  margin: 85px 0;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #reviews {
    margin: 25px 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #reviews {
    margin: 85px 0 40px 0;
  }
}
#reviews .review-section {
  padding: 65px 0;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #reviews .review-section {
    padding: 25px 0 35px 0;
  }
} */
#reviews {
  padding: 0 3%;
}
#reviews .review-section .testimonial-wrapper .testimonial-link {
  text-decoration: none;
  color: inherit;
  display: block;
}
#reviews .review-section .testimonial-wrapper .testimonial-link:hover .testimonial-card {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
#reviews .review-section .testimonial-wrapper .slick-slide {
  margin: 0 10px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #reviews .review-section .testimonial-wrapper .slick-slide {
    margin: 0;
  }
}
#reviews .review-section .testimonial-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 30px;
  margin: 0 auto;
  width: auto;
  max-height: 270px;
  height: 100%;
  background-color: #fff;
  text-decoration: none;
  color: inherit;
  transition: box-shadow 0.3s ease;
}
@media (min-width: 768px) and (max-width: 1024px) {
  #reviews .review-section .testimonial-card {
    max-height: 250px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #reviews .review-section .testimonial-card {
    max-height: 315px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
}
@media (min-width: 1500px) and (max-width: 1680px) {
  #reviews .review-section .testimonial-card {
    max-height: 380px;
  }
}
@media (min-width: 1370px) and (max-width: 1499px) {
  #reviews .review-section .testimonial-card {
    max-height: 380px;
  }
}
#reviews .review-section .header-discription {
  width: 100%;
}
#reviews .review-section .testimonial-card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
#reviews .review-section .testimonial-header {
  display: flex;
  align-items: center;
  font-family: "Titillium Web", sans-serif;
}
#reviews .review-section .testimonial-header img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 10px;
}
#reviews .review-section .testimonial-header h5 {
  margin: 0;
  font-family: "Titillium Web", sans-serif;
}
#reviews .review-section .testimonial-content {
  margin-top: 15px;
  height: 180px;
  font-family: "Titillium Web", sans-serif;
}
#reviews .review-section .testimonial-content span {
  font-weight: 600;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #reviews .review-section .testimonial-content {
    height: 225px;
  }
}
@media (min-width: 1500px) and (max-width: 1680px) {
  #reviews .review-section .testimonial-content {
    height: 220px;
  }
}
@media (min-width: 1370px) and (max-width: 1499px) {
  #reviews .review-section .testimonial-content {
    height: 245px;
  }
}
#reviews .review-section .testimonial-second {
  position: relative;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #reviews .review-section .testimonial-second {
    flex-direction: column;
  }
}
#reviews .review-section .testimonial-second .trust-wrapper {
  width: 25%;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #reviews .review-section .testimonial-second .trust-wrapper {
    width: 100%;
	display: flex;
    justify-content: center;
    margin-bottom: 25px;
  }
}
#reviews .review-section .testimonial-second .testimonial-wrapper {
  width: 75%;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #reviews .review-section .testimonial-second .testimonial-wrapper {
    width: 100%;
  }
}
#reviews .review-section .testimonial-second .carousel-controls {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  width: auto;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(10%, -50%);
  z-index: 99;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #reviews .review-section .testimonial-second .carousel-controls {
    flex-direction: row;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 65%);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #reviews .review-section .testimonial-second .carousel-controls {
    flex-direction: row;
    top: unset;
    bottom: 0;
    left: 0;
    transform: translate(75%, -50%);
    z-index: 99;
  }
}
#reviews .review-section .testimonial-second .carousel-btn {
  background-color: transparent;
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s;
}
#reviews .review-section .testimonial-second .carousel-btn span {
  font-size: 20px;
  color: #8C8C8C;
}
#reviews .review-section .testimonial-second .carousel-btn:hover {
  background-color: #f0f0f0;
  border-color: #888;
}
#reviews .review-section .testimonial-second .prev span {
  transform: rotate(0deg); /* Rotates the arrow for the previous button */
}
#reviews .widget-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 300px; /* Adjust based on your image's width */
  height: 600px; /* Adjust based on your image's height */
  margin: 0 auto;
  /* Background circle */
  /* Video inside the mobile frame */
  /* Mobile frame overlay */
}
#reviews .widget-container .background-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 485px;
  height: 545px;
  background: url("https://treat-it.clinic/wp-content/uploads/background-purple.png") no-repeat center center;
  background-size: cover;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #reviews .widget-container .background-circle {
    width: 390px;
    height: 435px;
  }
}
@media (min-width: 1500px) and (max-width: 1680px) {
  #reviews .widget-container .background-circle {
    width: 410px;
    height: 440px;
  }
}
@media (min-width: 1370px) and (max-width: 1499px) {
  #reviews .widget-container .background-circle {
    width: 390px;
    height: 410px;
  }
}
#reviews .widget-container .video-container {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
}
#reviews .widget-container video {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
  max-width: 265px;
  height: 550px;
  margin-left: 15px;
  margin-top: 26px;
}
#reviews .widget-container .mobile-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("https://treat-it.clinic/wp-content/uploads/vecteezy_smartphone-and-mobile-phone_11047536.png") no-repeat center center;
  background-size: cover;
  z-index: 3;
  pointer-events: none; /* This makes sure the video controls remain clickable */
}
#reviews .caption {
  text-align: center;
  font-family: "Titillium Web", sans-serif;
  font-size: 18px;
  margin-top: 2px;
  padding: 10px 0 15px 0;
}

#how-it-works {
  margin: 85px 0 65px 0;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #how-it-works {
    margin: 0 0 35px 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #how-it-works {
    margin: 40px 0 65px 0;
  }
}
#how-it-works .how-it-wrapper {
  margin-bottom: 55px;
}
@media only screen and (min-width: 3840px) {
  #how-it-works .how-it-wrapper {
    max-width: 2500px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #how-it-works .how-it-wrapper {
    margin-bottom: 0;
  }
}
#how-it-works .how-left-col img {
  width: 768px;
  height: 595px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  #how-it-works .how-left-col img {
    width: 85vw;
    margin-bottom: 25px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #how-it-works .how-left-col img {
    width: 90vw;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #how-it-works .how-right-col {
    padding: 0 6%;
  }
}
#how-it-works .how-right-col .step-card {
  margin: 35px 0;
  cursor: pointer;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #how-it-works .how-right-col .step-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #how-it-works .how-right-col .step-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
#how-it-works .how-right-col .step-card .step-card-body .step-number {
  position: relative;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  display: flex;
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  font-size: 45px;
  font-weight: 700;
  font-family: "Titillium Web", sans-serif;
  background-color: #fff;
  z-index: 2;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #how-it-works .how-right-col .step-card .step-card-body .step-number {
    width: 100px;
    height: 80px;
    font-size: 34px;
  }
}
#how-it-works .how-right-col .step-card .step-card-body .step-discription {
  position: relative;
  background-color: #550385;
  padding: 0 80px;
  z-index: 0;
  right: 52px;
  border-radius: 0 15px 15px 0;
  width: 60%;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
#how-it-works .how-right-col .step-card .step-card-body .step-discription::before {
  content: "";
  position: absolute;
  top: 0;
  transform: translateX(-15px);
  left: 0;
  width: 50%;
  height: 100%;
  background-color: #550385;
  z-index: -1;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #how-it-works .how-right-col .step-card .step-card-body .step-discription {
    padding: 0 7px;
    height: 80px;
    width: 100%;
    right: 0;
  }
  #how-it-works .how-right-col .step-card .step-card-body .step-discription::before {
    transform: translateX(-40px);
  }
}
@media (min-width: 1025px) and (max-width: 1536px) {
  #how-it-works .how-right-col .step-card .step-card-body .step-discription {
    width: 77%;
    padding: 0 40px;
    right: 20px;
  }
  #how-it-works .how-right-col .step-card .step-card-body .step-discription::before {
    transform: translateX(-40px);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #how-it-works .how-right-col .step-card .step-card-body .step-discription {
    width: 83%;
    right: 0;
    padding: 0 35px;
  }
  #how-it-works .how-right-col .step-card .step-card-body .step-discription::before {
    transform: translateX(-50px);
  }
}
#how-it-works .how-right-col .step-card .step-card-body .step-discription h6 {
  font-family: "Titillium Web", sans-serif;
  color: #FFF;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 25px;
  font-weight: 600;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #how-it-works .how-right-col .step-card .step-card-body .step-discription h6 {
    font-size: 20px;
  }
}
#how-it-works .how-right-col .step-card .step-card-body .step-discription p {
  margin: 0;
  font-family: "Titillium Web", sans-serif;
  color: #FFF;
  font-size: 18px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #how-it-works .how-right-col .step-card .step-card-body .step-discription p {
    font-size: 12px;
  }
}

#treat-it-pricing {
  padding: 10px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
  #treat-it-pricing {
    padding: 0;
  }
}
#treat-it-pricing .pricing-card-section {
  padding: 0 35px;
  margin: 45px 0;
}
@media only screen and (min-width: 3840px) {
  #treat-it-pricing .pricing-card-section {
    padding: 0px;
    margin: 45px 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 2500px;
  }
}
#treat-it-pricing .pricing-card-section .pricing-section-background {
  width: 301px;
  height: 389px;
  top: 0;
  left: 75px;
  transform: translateY(-25%);
  background-image: url("https://treat-it.clinic/wp-content/themes/hello-elementor-child/assest/images/51.webp");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
#treat-it-pricing .pricing-card-wrapper {
  background-color: #F0EFEF;
  border-radius: 15px;
  min-height: 44vh;
}
@media only screen and (min-width: 3840px) {
  #treat-it-pricing .pricing-card-wrapper {
    min-height: 22vh;
  }
}
#treat-it-pricing .pricing-card-wrapper .card-title-upper {
  width: 100%;
  background-color: #550385;
  padding: 20px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
#treat-it-pricing .pricing-card-wrapper .card-title-upper h5 {
  color: #FFF;
  font-family: "Titillium Web", sans-serif;
  font-size: 30px;
  font-weight: 600;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treat-it-pricing .pricing-card-wrapper .card-title-upper h5 {
    font-size: 22px;
  }
}
@media (min-width: 1025px) and (max-width: 1536px) {
  #treat-it-pricing .pricing-card-wrapper .card-title-upper h5 {
    font-size: 24px;
  }
}
#treat-it-pricing .pricing-card-wrapper .pricing-card-body {
  padding: 45px 0;
  min-height: 35vh;
}
@media only screen and (min-width: 3840px) {
  #treat-it-pricing .pricing-card-wrapper .pricing-card-body {
    min-height: 22vh;
  }
}
@media (min-width: 1025px) and (max-width: 1536px) {
  #treat-it-pricing .pricing-card-wrapper .pricing-card-body {
    min-height: 50vh;
  }
}
@media (min-width: 1370px) and (max-width: 1499px) {
  #treat-it-pricing .pricing-card-wrapper .pricing-card-body {
    min-height: 42vh;
  }
}
#treat-it-pricing .pricing-card-wrapper .pricing-card-body .btn-pricing {
  width: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: "Titillium Web", sans-serif;
  text-decoration: none;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.44px;
  line-height: 3;
  text-transform: capitalize;
  border-radius: 6px;
  border: 1px solid #ffffff;
  background: #0065BD;
  padding: 0 30px;
  transition: transform 0.3s ease-in-out;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
#treat-it-pricing .pricing-card-wrapper .pricing-card-body .btn-pricing:hover, #treat-it-pricing .pricing-card-wrapper .pricing-card-body .btn-pricing:visited, #treat-it-pricing .pricing-card-wrapper .pricing-card-body .btn-pricing:active, #treat-it-pricing .pricing-card-wrapper .pricing-card-body .btn-pricing:focus {
  color: #fff;
  text-decoration: none;
  transform: scale(1.03);
}
#treat-it-pricing .pricing-card-wrapper .pricing-card-body .btn-pricing svg {
  margin-left: 5px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  #treat-it-pricing .pricing-card-wrapper .pricing-card-body .btn-pricing {
    width: 77%;
  }
}
@media (min-width: 1025px) and (max-width: 1536px) {
  #treat-it-pricing .pricing-card-wrapper .pricing-card-body .btn-pricing {
    width: 75%;
    font-size: 17px;
  }
  #treat-it-pricing .pricing-card-wrapper .pricing-card-body .btn-pricing svg {
    width: 25px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treat-it-pricing .pricing-card-wrapper .pricing-card-body .btn-pricing {
    width: 75%;
    font-size: 17px;
  }
}
#treat-it-pricing .pricing-card-wrapper .pricing-card-body .pricing-hr {
  color: #0065bd;
  display: block;
  width: 100px;
  border: 1px solid;
}
#treat-it-pricing .pricing-card-wrapper .pricing-card-body h5 {
  font-family: "Titillium Web", sans-serif;
  color: #680E9C;
  font-size: 28px;
  font-weight: 600;
  margin: 0;
}
#treat-it-pricing .pricing-card-wrapper .pricing-card-body .pricing-card-discription {
  padding: 0 35px 55px 35px;
  font-family: "Titillium Web", sans-serif;
  color: #000000;
  font-size: 19px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  #treat-it-pricing .pricing-card-wrapper .pricing-card-body .pricing-card-discription {
    font-size: 18px;
  }
}

#cannabis-card {
  margin: 45px 0;
/*   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkxNiIgaGVpZ2h0PSI1MzkiIHZpZXdCb3g9IjAgMCAxOTE2IDUzOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE5MTYuMDEiIGhlaWdodD0iNTM5IiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTgyXzcxNSkiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xODJfNzE1IiB4MT0iMCIgeTE9IjI2OS41IiB4Mj0iMTkxNi4wMSIgeTI9IjI2OS41IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4xODUiIHN0b3AtY29sb3I9IiM1NTAzODUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=); */
  background: linear-gradient(112deg, #550385 48.73%, #E9F5FF 100.3%);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0 3%;
}
@media only screen and (min-width: 3840px) {
  #cannabis-card .canna-section {
    max-width: 2500px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #cannabis-card {
    margin: 0px 0 65px 0;
  }
}
#cannabis-card .right-cannabis-col {
  width: 40%;
  padding: 0;
}
#cannabis-card .right-cannabis-col img {
  position: relative;
  width: 100%;
  height:100%;
  bottom: 100px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #cannabis-card .right-cannabis-col {
    width: 100%;
  }
  #cannabis-card .right-cannabis-col img {
    bottom: 0;
    top: 40px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #cannabis-card .right-cannabis-col {
    width: 100%;
  }
  #cannabis-card .right-cannabis-col img {
    bottom: 0;
    top: 40px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #cannabis-card .left-cannabis-col {
    padding-top: 50px;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #cannabis-card .left-cannabis-col {
    padding-top: 50px;
    padding-left: 25px;
    padding-right: 25px;
  }
}
#cannabis-card .left-cannabis-col .cannabis-heading {
  font-family: "Titillium Web", sans-serif;
  color: #FFF;
  font-size: clamp(1.125rem, 0.8023rem + 1.4148vw, 2.5rem);
  font-style: normal;
  font-weight: 700;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #cannabis-card .left-cannabis-col .cannabis-heading {
    font-size: 35px;
    line-height: 1.5;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #cannabis-card .left-cannabis-col .cannabis-heading {
    font-size: 35px;
    line-height: 1.5;
  }
}
#cannabis-card .left-cannabis-col .cannabis-discription {
  font-family: "Titillium Web", sans-serif;
  color: #FFF;
  font-size: 18px;
  margin: 10px 0;
}
#cannabis-card .left-cannabis-col hr {
  color: #fff;
  width: 50%;
}
#cannabis-card .left-cannabis-col .btn-cannabis {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60%;
  color: #fff;
  font-family: "Titillium Web", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.44px;
  line-height: 3;
  text-transform: capitalize;
  border-radius: 6px;
  border: 1px solid #ffffff;
  background: #0065BD;
  padding: 0 30px;
  margin-top: 15px;
  transition: transform 0.3s ease-in-out;
}
#cannabis-card .left-cannabis-col .btn-cannabis:hover, #cannabis-card .left-cannabis-col .btn-cannabis:visited, #cannabis-card .left-cannabis-col .btn-cannabis:active, #cannabis-card .left-cannabis-col .btn-cannabis:focus {
  color: #fff;
  text-decoration: none;
  transform: scale(1.03);
}
#cannabis-card .left-cannabis-col .btn-cannabis svg {
  margin-left: 5px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treat-it-blog {
    padding-top: 35px;
  }
}
#treat-it-blog .treatit-blog-container {
  padding: 0 5%;
  margin: 35px 0;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treat-it-blog .treatit-blog-container {
    margin: 0;
    padding: 0 2%;
  }
}
#treat-it-blog .treatit-blog-container .blog-card-wrapper img {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  width: 100%;
  height: 33vh;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 768px) and (max-width: 1024px) {
  #treat-it-blog .treatit-blog-container .blog-card-wrapper img {
    height: 40vh;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treat-it-blog .treatit-blog-container .blog-card-wrapper img {
    height: 28vh;
    background-size: cover;
  }
}
#treat-it-blog .treatit-blog-container .blog-card-wrapper .blog-card-date-tag {
  padding: 15px 15px 15px 0;
  font-family: "Titillium Web", sans-serif;
  color: #000000;
  font-size: 18px;
}
#treat-it-blog .treatit-blog-container .blog-card-wrapper .blog-card-date-tag svg {
  margin-right: 10px;
  margin-top: 5px;
}
#treat-it-blog .treatit-blog-container .blog-card-wrapper .blog-card-date-tag .blog-cat {
  margin-left: 25px;
}
#treat-it-blog .treatit-blog-container .blog-card-wrapper .blog-title h6 {
  font-family: "Titillium Web", sans-serif;
  color: #000000;
  font-size: 26px;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0 0 5px 0;
  min-height:65px;
}
@media (min-width: 1025px) and (max-width: 1536px) {
  #treat-it-blog .treatit-blog-container .blog-card-wrapper .blog-title h6 {
    font-size: 20px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treat-it-blog .treatit-blog-container .blog-card-wrapper .blog-title h6 {
    font-size: 20px;
  }
}
#treat-it-blog .treatit-blog-container .blog-card-wrapper .read-more {
  font-family: "Titillium Web", sans-serif;
  color: #680E9C;
  font-size: 18px;
  font-weight: 600;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-contact {
    margin-bottom: 35px;
  }
}
#treatit-contact .bottom-background {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 350px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkxNyIgaGVpZ2h0PSIyMzkiIHZpZXdCb3g9IjAgMCAxOTE3IDIzOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE5MTciIGhlaWdodD0iMjM5IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDIzOSkiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8zMzVfMjYpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMzM1XzI2IiB4MT0iOTU4LjUiIHkxPSIwIiB4Mj0iOTU4LjUiIHkyPSIyMzkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzdBMkJBOCIgc3RvcC1vcGFjaXR5PSIwLjU2Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
#treatit-contact .contact-main-wrapper {
  background-color: #fff;
  padding: 30px;
  position: relative;
  top: 35px;
  border-radius: 65px 20px;
  z-index: 99;
}
@media (min-width: 768px) and (max-width: 1024px) {
  #treatit-contact .contact-main-wrapper {
    top: 15;
    border-radius: 65px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-contact .contact-main-wrapper {
    top: 15px;
    border-radius: 20px;
  }
}
#treatit-contact .contact-main-wrapper .contact-left-col {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-contact .contact-main-wrapper .contact-left-col {
    padding-bottom: 40px;
  }
}
#treatit-contact .contact-main-wrapper .contact-left-col svg {
  margin-right: 20px;
}
#treatit-contact .contact-main-wrapper .contact-title-wrapper h6 {
  font-family: "Titillium Web", sans-serif;
  color: #000000;
  font-size: 25px;
  font-weight: 700;
  margin: 0;
}
#treatit-contact .contact-main-wrapper .contact-title-wrapper p {
  font-family: "Titillium Web", sans-serif;
  color: #000000;
  font-size: 18x;
  font-weight: 600;
  margin: 0;
}
#treatit-contact .contact-main-wrapper .form-row {
  margin-bottom: 5px;
  position: relative;
}
#treatit-contact .contact-main-wrapper .form-row p .contact-submit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: #fff;
  font-family: "Titillium Web", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.44px;
  line-height: 0;
  text-transform: capitalize;
  border-radius: 6px;
  border: 1px solid #ffffff;
  background: #0065BD;
  padding: 10px 30px;
  margin-top: 0;
  transition: transform 0.3s ease-in-out;
}
#treatit-contact .contact-main-wrapper .form-row p .contact-submit:hover, #treatit-contact .contact-main-wrapper .form-row p .contact-submit:visited, #treatit-contact .contact-main-wrapper .form-row p .contact-submit:active, #treatit-contact .contact-main-wrapper .form-row p .contact-submit:focus {
  color: #fff;
  text-decoration: none;
  transform: scale(1.03);
}
#treatit-contact .contact-main-wrapper .form-row p .contact-submit svg {
  margin-left: 5px;
}
#treatit-contact .contact-main-wrapper .form-row input[type=text],
#treatit-contact .contact-main-wrapper .form-row select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 5px 0 0 10px;
  border-bottom: 1.5px solid #000000;
  border-top: none;
  border-left: none;
  border-right: none;
  background: transparent;
  transition: all 0.3s ease-in-out;
}
#treatit-contact .contact-main-wrapper .form-row input[type=text]:focus,
#treatit-contact .contact-main-wrapper .form-row select:focus {
  outline: none;
}
#treatit-contact .contact-main-wrapper .wpcf7-not-valid {
  border-bottom: 1.8px solid #ff0000 !important;
}
#treatit-contact .contact-main-wrapper .form-row p label {
  display: block;
  font-family: "Titillium Web", sans-serif;
  margin-bottom: 5px;
  font-weight: bold;
  position: absolute;
  top: 10px;
  left: 10px;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
}
#treatit-contact .contact-main-wrapper .form-row input[type=text]:focus + label,
#treatit-contact .contact-main-wrapper .form-row select:focus + label {
  font-family: "Titillium Web", sans-serif;
  top: -10px;
  font-size: 12px;
  color: #680E9C;
}
#treatit-contact .contact-main-wrapper .form-row .form-group {
  margin-bottom: 0;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-contact .contact-main-wrapper .form-row .form-group {
    padding-bottom: 45px;
  }
}
#treatit-contact .contact-main-wrapper .wpcf7 form.invalid .wpcf7-response-output, #treatit-contact .contact-main-wrapper .wpcf7 form.unaccepted .wpcf7-response-output, #treatit-contact .contact-main-wrapper .wpcf7 form.payment-required .wpcf7-response-output {
  border: none;
  position: absolute;
  bottom: 0;
  color: #ff0000;
  font-weight: 600;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-contact .contact-main-wrapper .wpcf7 form.invalid .wpcf7-response-output, #treatit-contact .contact-main-wrapper .wpcf7 form.unaccepted .wpcf7-response-output, #treatit-contact .contact-main-wrapper .wpcf7 form.payment-required .wpcf7-response-output {
    left: 0;
    transform: translateY(30px);
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #treatit-contact .contact-main-wrapper .wpcf7 form.invalid .wpcf7-response-output, #treatit-contact .contact-main-wrapper .wpcf7 form.unaccepted .wpcf7-response-output, #treatit-contact .contact-main-wrapper .wpcf7 form.payment-required .wpcf7-response-output {
    left: 0;
    transform: translate(100px, 10px);
  }
}
#treatit-contact .contact-main-wrapper .wpcf7 form.sent .wpcf7-response-output {
  border: none;
  position: absolute;
  top: 55px;
  color: #680E9C;
  font-weight: 600;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-contact .contact-main-wrapper .wpcf7 form.sent .wpcf7-response-output {
    position: relative;
    top: 0;
    text-align: center;
    margin: 0;
  }
}
#treatit-contact .contact-main-wrapper .wpcf7-not-valid-tip {
  display: none;
}
#treatit-contact .wpcf7 form > div, #treatit-contact .wpcf7 form > p {
  margin-bottom: 0;
}

header.elementor.elementor-2563.elementor-location-header {
  z-index: 9999;
  position: relative;
}

#CookiebotWidget {
  display: none;
}

#treatit-popup {
  background-color: rgba(104, 14, 156, 0.7882352941);
  z-index: 9999;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-popup .modal-body {
    padding: 0;
  }
}
#treatit-popup .pop-col {
  border-radius: 15px;
}
#treatit-popup .modal-header {
  justify-content: space-between;
  align-items: center;
}
#treatit-popup .modal-title {
  flex: 1;
  text-align: center;
  margin: 0;
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-size: 28px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-popup .modal-title {
    font-size: 21px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-popup {
    padding-right: 0 !important;
  }
}
#treatit-popup .modal-content {
  border: none;
}
#treatit-popup .modal-content img {
  width: 50px;
  height: auto;
  margin-bottom: 10px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-popup .modal-content img {
    width: 30px;
    margin-right: 10px;
    margin-bottom: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #treatit-popup .modal-content img {
    width: 30px;
    margin-right: 10px;
    margin-bottom: 12px;
  }
}
#treatit-popup .modal-content .popup-header h3 {
  font-family: "Titillium Web", sans-serif;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #680E9C;
}
#treatit-popup .modal-content ul {
  min-height: 14rem;
  margin-bottom: 20px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  #treatit-popup .modal-content ul {
    min-height: 16vh;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-popup .modal-content ul {
    min-height: 7rem;
  }
}
#treatit-popup .modal-content ul .popup-text {
  font-family: "Titillium Web", sans-serif;
  font-size: 18px;
  line-height: 1.7;
}
#treatit-popup .modal-content ul .popup-text::marker {
  color: #550385;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-popup .modal-content ul .popup-text {
    line-height: 1.9;
  }
}
#treatit-popup .modal-content .btn-popup {
  font-family: "Titillium Web", sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: 0.4s ease-in-out;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-popup .modal-content .btn-popup {
    width: 100%;
  }
}
#treatit-popup .modal-content .btn-book {
  width: 100%;
  background-color: #0065BD;
  color: #FFF;
  border: 1px solid #0065BD;
  filter: drop-shadow(5px 5px 12px #4BB7F1);
}
#treatit-popup .modal-content .btn-book:hover {
  transform: scale(1.02);
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-popup .modal-content .btn-book {
    width: 100%;
  }
}
#treatit-popup .modal-content .btn-eligibility {
  border: 1px solid #680E9C;
  width: 100%;
}
#treatit-popup .modal-content .btn-eligibility:hover {
  transform: scale(1.02);
  background: transparent;
  color: #680E9C;
}
#treatit-popup .modal-content .btn-whatsapp {
  background-color: #3BA72F;
  color: #FFF;
  border: 1px solid #3BA72F;
  filter: drop-shadow(5px 5px 12px #3BA72F);
  width: 100%;
}
#treatit-popup .modal-content .btn-whatsapp:hover {
  transform: scale(1.02);
}
#treatit-popup .modal-content .btn-whatsapp svg {
  width: 7%;
  margin-right: 5px;
}
#treatit-popup .modal-content .popup-btn-rightcol a, #treatit-popup .modal-content .popup-btn-leftcol a {
  text-decoration: none;
}
#treatit-popup .modal-content .middle-col h3 {
  margin-bottom: 23px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #treatit-popup .modal-content .popup-btn-rightcol {
    margin-top: 10px;
  }
}

#inpharmacy-section {
  margin-top: 100px;
}
@media only screen and (min-width: 2560px) and (max-width: 3839px) {
  #inpharmacy-section {
    margin-top: 18%;
  }
}
@media only screen and (min-width: 3840px) {
  #inpharmacy-section {
    margin-top: 25%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #inpharmacy-section {
    margin-top: 30%;
  }
}
#inpharmacy-section .inpharmacy-card-section {
  margin-top: 20px;
}
#inpharmacy-section .inpharmacy-card-section img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
#inpharmacy-section .inpharmacy-card-section .cards {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
#inpharmacy-section .inpharmacy-card-section .cards__item {
  display: flex;
  padding: 1rem;
}
@media (min-width: 40rem) {
  #inpharmacy-section .inpharmacy-card-section .cards__item {
    width: 50%;
  }
}
@media (min-width: 56rem) {
  #inpharmacy-section .inpharmacy-card-section .cards__item {
    width: 33.3333%;
  }
}
#inpharmacy-section .inpharmacy-card-section .card {
  background-color: rgba(190, 190, 190, 0.08);
  border-radius: 10px;
  box-shadow: 8px 8px 15px -14px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin: 15px;
}
#inpharmacy-section .inpharmacy-card-section .card:hover .card__image {
  filter: contrast(100%);
}
#inpharmacy-section .inpharmacy-card-section .card__title h4 {
  margin: 0 0 0 10px;
  padding: 0;
  font-size: 18px;
  font-family: "Titillium Web", sans-serif;
  font-weight: 500;
  color: #680E9C;
}
#inpharmacy-section .inpharmacy-card-section .card__content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 1rem 2.3rem;
  margin-bottom: 23px;
}
#inpharmacy-section .inpharmacy-card-section .card__content .pharmacy-name {
  position: relative;
  display: flex;
  justify-content: center;
  bottom: 12px;
  width: 100%;
  padding: 0;
  color: #000;
  font-weight: 600;
  font-size: 21px;
  font-family: "Titillium Web", sans-serif;
  line-height: 1.25;
}
#inpharmacy-section .inpharmacy-card-section .card__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  filter: contrast(90%);
  overflow: hidden;
  position: relative;
  transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
  display: flex;
  justify-content: center;
  padding-top: 1.9rem;
}
#inpharmacy-section .inpharmacy-card-section .card__text {
  flex: 1 1 auto;
  text-align: center;
  font-size: 16px;
  line-height: 1.8;
  padding: 5px 0 0 15px;
  font-family: "Titillium Web", sans-serif;
}
#inpharmacy-section .inpharmacy-card-section .card__btn {
  color: #FFF;
  font-family: "Titillium Web", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.44px;
  text-transform: capitalize;
  border-radius: 6px;
  border: none;
  background: #8754AF;
  padding: 0 30px;
  width: 100%;
  line-height: 2.55;
  transition: transform 0.4s ease;
}
#inpharmacy-section .inpharmacy-card-section .card__btn:hover {
  transform: scale(0.95);
}
#inpharmacy-section .inpharmacy-card-section .search-result-row {
  margin-bottom: 15px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #inpharmacy-section .inpharmacy-card-section .search-result-row {
    margin-bottom: 0;
  }
}

#inpharmacy-cities {
  margin: 85px 0 35px 0;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #inpharmacy-cities {
    margin: 60px 0 0 0;
  }
}
#inpharmacy-cities .inpharmacy-cities-section {
  margin-top: 50px;
}
#inpharmacy-cities .inpharmacy-cities-section .custom-buttons-inpharmacy {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}
#inpharmacy-cities .inpharmacy-cities-section .custom-buttons-inpharmacy .prev-btn-inpharmacy, #inpharmacy-cities .inpharmacy-cities-section .custom-buttons-inpharmacy .next-btn-inpharmacy {
  border: none;
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
}
#inpharmacy-cities .inpharmacy-cities-section .custom-buttons-inpharmacy .prev-btn-inpharmacy:hover, #inpharmacy-cities .inpharmacy-cities-section .custom-buttons-inpharmacy .next-btn-inpharmacy:hover {
  transform: scale(1.05);
}
#inpharmacy-cities .inpharmacy-cities-section .card-wrap {
  margin: 10px;
  transform: perspective(800px);
  transform-style: preserve-3d;
  cursor: pointer;
}
#inpharmacy-cities .inpharmacy-cities-section .card-wrap:hover .card-info {
  z-index: 999;
}
#inpharmacy-cities .inpharmacy-cities-section .card-wrap:hover .card {
  box-shadow: 3px 3px 8px -4px rgba(0, 0, 0, 0.75);
}
#inpharmacy-cities .inpharmacy-cities-section .card {
  position: relative;
  flex: 0 0 280px;
  width: 280px;
  height: 380px;
  overflow: hidden;
  border: none;
  border-radius: 12px;
  background: rgba(44, 44, 44, 0.5);
  transition: transform 0.3s ease-out 0s;
}
#inpharmacy-cities .inpharmacy-cities-section .card:hover {
  transform: scale(1.05);
}
#inpharmacy-cities .inpharmacy-cities-section .card::before, #inpharmacy-cities .inpharmacy-cities-section .card::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale3d(0, 0, 1);
  transition: transform 0.3s ease-out 0s;
  background: rgba(31, 31, 31, 0.1);
  content: "";
  pointer-events: none;
  z-index: 99;
}
#inpharmacy-cities .inpharmacy-cities-section .card::before {
  transform-origin: left top;
}
#inpharmacy-cities .inpharmacy-cities-section .card::after {
  transform-origin: right bottom;
}
#inpharmacy-cities .inpharmacy-cities-section .card:hover::before, #inpharmacy-cities .inpharmacy-cities-section .card:hover::after, #inpharmacy-cities .inpharmacy-cities-section .card:focus::before, #inpharmacy-cities .inpharmacy-cities-section .card:focus::after {
  transform: scale3d(1, 1, 1);
}
#inpharmacy-cities .inpharmacy-cities-section .card-bg {
  opacity: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  pointer-events: none;
}
#inpharmacy-cities .inpharmacy-cities-section .card-info {
  padding: 20px;
  position: absolute;
  bottom: 0;
  color: #fff;
  transform: translateY(40%);
  transition: 0.6s 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#inpharmacy-cities .inpharmacy-cities-section .card-info * {
  position: relative;
  z-index: 1;
}
#inpharmacy-cities .inpharmacy-cities-section .card-info:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
  background-blend-mode: overlay;
  opacity: 0;
  transform: translateY(100%);
}
#inpharmacy-cities .inpharmacy-cities-section .card-info h4 {
  font-family: "Titillium Web", sans-serif;
  font-size: 30px;
  font-weight: 700;
  text-shadow: rgba(0, 0, 0, 0.5) 0 10px 10px;
  bottom: 20px;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border-radius: 4px;
  padding: 25px;
  border: none !important;
  border-bottom: 1.3px solid #680E9C !important;
}

/* New Eligibility Popup */
#eligibility-popup {
  background-color: rgba(104, 14, 156, 0.7882352941);
  z-index: 9999;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #eligibility-popup {
    padding-right: 0px !important;
  }
}
#eligibility-popup .modal-body {
  margin-bottom: 20px;
}
#eligibility-popup select#condition {
    color: #7A7A7A;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) { 
    #eligibility-popup select#condition {
        -webkit-appearance: none;
        -moz-appearance: none;
    }
}
#eligibility-popup .header-title-col {
  margin-bottom: 35px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #eligibility-popup .header-title-col {
    margin-bottom: 0;
  }
 #eligibility-popup .consent-row.form-check .form-check-label {
  	font-size: 15px;
 }
 #eligibility-popup .consent-row.form-check .form-check-input{
	margin-left: -17px;	
 }
}
#eligibility-popup .header-title-col .upper-title {
  text-transform: uppercase;
  font-family: "Titillium Web", sans-serif;
  color: #680E9C;
  font-weight: 600;
  margin: 0 0 8px 0;
  font-size: 17px;
}
#eligibility-popup .header-title-col .header-title {
  font-size: 25px;
  text-transform: capitalize;
  font-family: "Titillium Web", sans-serif;
  color: #000;
  margin: 0;
  font-weight: 600;
}
#eligibility-popup .header-title-col .header-separater {
  display: block;
  width: 50px;
  border: 1px solid #680e9c;
  animation: separator-width 1s ease-out forwards;
}
#eligibility-popup .header-title-col .header-discription {
  font-family: "Titillium Web", sans-serif;
  margin: 0;
  font-weight: 500;
  font-size: 18px;
  width: 100%;
}
#eligibility-popup input[type=date], #eligibility-popup input[type=email], #eligibility-popup input[type=number], #eligibility-popup input[type=password], #eligibility-popup input[type=search], #eligibility-popup input[type=tel], #eligibility-popup input[type=text], #eligibility-popup input[type=url], #eligibility-popup select, #eligibility-popup textarea {
  border: none;
  border-bottom: 1px solid #020202;
  border-radius: 0;
}
#eligibility-popup .wpcf7 form.invalid .wpcf7-response-output, #eligibility-popup .wpcf7 form.unaccepted .wpcf7-response-output, #eligibility-popup .wpcf7 form.payment-required .wpcf7-response-output {
  border-color: rgba(255, 185, 0, 0);
  display: flex;
  justify-content: center;
  color: #ff1010;
  font-family: "Titillium Web";
  text-align: center;
  padding: 0;
  margin: 0;
}
#eligibility-popup .wpcf7 form.sent .wpcf7-response-output {
  border-color: rgba(70, 180, 80, 0);
  display: flex;
  justify-content: center;
  color: #46b450;
  font-family: "Titillium Web";
  text-align: center;
  padding: 0;
  margin: 0;
}
#eligibility-popup .btn-eligible-started {
  width: auto;
  font-size: 20px;
  font-family: "Titillium Web", sans-serif;
  background-color: #0065BD;
  border: 1px solid #0065BD;
  filter: drop-shadow(5px 5px 12px #4BB7F1);
  color: white;
  padding: 10px 49px;
}
#eligibility-popup .btn-eligible-started:hover {
  transform: scale(1.02);
}
#eligibility-popup .consent-row.form-check {
  display: flex;
  gap: 0px;
  justify-content: center;
  padding: 10px 15px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #eligibility-popup .consent-row.form-check {
    padding: 0 10px;
  }
}
#eligibility-popup .consent-row.form-check .form-check-input {
  font-family: "Titillium Web", sans-serif;
  margin-top:2px;
}
#eligibility-popup .consent-row.form-check .form-check-label {
  font-family: "Titillium Web", sans-serif;
  line-height: 1.4;
  font-size: 14.5px;
}
#eligibility-popup .confirm-text {
  font-weight: 500;
}
#eligibility-popup .agreement-text p {
  font-family: "Titillium Web", sans-serif;
  font-size: 17px;
}
#eligibility-popup .agreement-text a {
  text-decoration: underline;
}
#eligibility-popup .wpcf7 form > div, #eligibility-popup .wpcf7 form > p {
  margin-bottom: 0;
}

/* Eligibility Popup Sent Overlay */
#loading-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999;
}

.spinner {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #550385;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body:not(.modal-open) {
  padding-right: 0 !important;
}

/*# sourceMappingURL=main.css.map*/