
   
<style>
:root {
  --baby-pink: #FFC0CB;
  --light-pink: #FFB6C1;
  --medium-pink: #FF69B4;
  --dark-pink: #FF1493;
  --footer-text: #4A0E4E;
}

    /* Default button styles */
    .btn-appointment {
        display: inline-block;
        padding: 15px 30px;
        background-color: #4CAF50!important;
        color: white;
        text-align: center;
        text-decoration: none;
        font-size: 18px;
        border-radius: 5px;
        transition: background-color 0.3s ease;
        cursor: pointer;
        position: relative;
        border-color: #318a35;
    }
  

  /* Hover effect: subtle zoom-out with shadow */
    .btn-appointment:hover {
      background-color: #e56868; /* Darker green on hover */
      animation: subtle-zoom-out 0.3s ease-in-out; /* Mild animation */
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Slight shadow on hover */
      border-color: #111!important;
      color: #010101!important;
    }




.footer {
  background-color: var(--baby-pink);
  color: var(--footer-text);
  padding: 3rem 0;
  font-family: 'Arial', sans-serif;
}

.footer-nav {
    width: 100%;
}

.footer-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-menu li {
    margin: 5px 10px;
}

.footer-menu a {
    text-decoration: none;
    color: inherit;
}



.faq-header{
  width:80%;
}


.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

.footer-logo {
  display: inline-block;
  margin-bottom: 2rem;
}

.footer-logo img {
  max-width: 80px;
  height: auto;
}

.footer-nav {
  margin-bottom: 2rem;
}

.footer-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.footer-menu li {
  margin: 0.5rem 1rem;
}

.footer-menu a {
  color: var(--footer-text);
  text-decoration: none;
  font-size: 0.9rem;
  transition: color 0.3s ease;
}

.footer-menu a:hover {
  color: var(--dark-pink);
}

.footer-social {
  margin-bottom: 2rem;
}

.social-icon {
  width: 24px;
  height: 24px;
  margin: 0 0.5rem;
  color: var(--footer-text);
  transition: color 0.3s ease;
}

.social-icon:hover {
  color: var(--dark-pink);
}

.footer-copyright {
  font-size: 0.8rem;
  color: var(--medium-pink);
}

.footer-copyright a {
  color: var(--dark-pink);
  text-decoration: none;
  font-weight: bold;
  transition: color 0.3s ease;
}

.footer-copyright a:hover {
  color: var(--footer-text);
}



body {
    font-family: "Manrope", sans-serif;
    background-color: #F2E2E2;
    color: #5D4037;
    margin: 0;
    padding: 0;
}

.header {
    text-align: center;
    padding: 4rem 0;
    background-color: #ebfaf9;
}

.header img {
    max-width: 400px;
    /*margin-top: 1rem;*/
}

.header h1 {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #5D4037;
}

.header p {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    color: #795548;
}

.header .btn {
    background-color: #D7A9A9;
    color: #5D4037;
    border: none;
    padding: 0.8rem 1.5rem;
    font-size: 1rem;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.header .btn:hover {
    background-color: #C49A9A;
}

.nav-link{
    margin: 0px 20px;
    font-weight: 900;
}
.section {
    padding: 3rem 1rem;
}

.bg-dark {
    background-color: #E6C5C5!important;
}

.section h2 {
    font-size: 2.5rem;
    margin-bottom: 2rem;
    color: #5D4037;
}

.section p {
    font-size: 1rem;
    margin-bottom: 1.5rem;
    color: #795548;
}

.icon {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #D7A9A9;
}

.row {
    justify-content: center;
}

.col-md-4, .col-md-3, .col-md-6 {
    /*margin-bottom: 2rem;*/
}

.card {
    background-color: #F2E2E2;
    border: none;
    color: #5D4037;
}

.card-header {
    background: linear-gradient(45deg, #f7f1f1, #f1d5d5);
    margin-top: 10px;
    border: none;
    padding: 0;
    border-radius: 15px !important;
}
.card-header:hover {
    background: linear-gradient(45deg, #f7f1f1, #e9bbbb);
   
}

.card-header h2 {
    font-size: 1.2rem;
}

.card-body {
    background-color: #F2E2E2;
    border-top: 1px solid #E6C5C5;
}

.accordion .btn-link {
    color: #5D4037;
    text-decoration: none;
}

.accordion .btn-link:hover {
    color: #795548;
}

.accordion .card-header {
    color: #5D4037;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 2px;
    box-shadow: 0px -1px #fbf9f980;
    
}

.accordion .card-body{
  text-align: left!important;
}

.contact-info {
    margin-bottom: 2rem;
}

.contact-info p {
    font-size: 1.2rem;
    color: #5D4037;
}

.contact-info .btn {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    background-color: #D7A9A9;
    color: #5D4037;
    border: none;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.contact-info .btn:hover {
    background-color: #C49A9A;
}

.contact-form .form-control {
    background-color: #F8EFEF;
    color: #5D4037;
    border: 1px solid #E6C5C5;
    padding: 0.8rem;
    font-size: 1rem;
    border-radius: 5px;
}

.contact-form .btn {
    background-color: #D7A9A9;
    color: #5D4037;
    border: none;
    padding: 0.8rem 1.5rem;
    font-size: 1rem;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.contact-form .btn:hover {
    background-color: #C49A9A;
}

.footer {
    text-align: center;
    padding: 2rem 0;
    background-color: #E6C5C5;
    font-size: 1rem;
    color: #5D4037;
}

.footer p {
    margin: 0;
}

.brochure_headers{
    max-width:100%;width:33%;
}

.vector_counselling{
    max-width:100%;width:33%;
}



.tags_highlighted{
    background-color: #f1e4e4;
    border: solid 0.25px #ccc;
    border-radius: 10px;
    padding: 1rem 2rem;
    margin: 1rem 1rem;
}

.contact-section {
  background-color: #FFF0F5; /* Light pink background */
  padding: 60px 0;
  color: #835959; /* Dark pink text */
}

.contact-section .contact-section-row{
  border: solid 0.5px;
  /*padding: 20px;*/
  border-radius: 40px;
  background-color: #ebcece;
}

.welcoming_quote{
    background: #f4e8ea;
    padding: 2.5rem 10rem 2.5rem 10rem!important;
    background-image: url('strokes-bg.png');
    background-size: cover;
    background-position: bottom;
}

.contact_container_row{
    border-radius: 40px;
}

.left-column{
    padding: 47px;
    background-color: #ffc3c3;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    text-align: center;
    margin-bottom: 0rem;
}

.right-column{
    padding: 47px;
    /*background-color: #ffc3c3;*/
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    background-color: #ffffff;
    margin-bottom: 0rem;
}


.section-title, .form-title {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 30px;
}

.illustration {
  margin: 30px 0;
}

.social-buttons {
  margin-bottom: 20px;
}

.btn-social {
  padding: 10px 20px;
  border-radius: 25px;
  color: #fff;
  font-weight: bold;
  margin-right: 10px;
  margin-top: 10px;
}

.btn-instagram {
  background: linear-gradient(45deg, #405DE6, #5851DB, #833AB4, #C13584, #E1306C, #FD1D1D);
}

.btn-whatsapp {
  background-color: #25D366;
}

.or-divider {
  text-align: center;
  margin: 20px 0;
  position: relative;
}

.or-divider::before,
.or-divider::after {
  content: "";
  display: inline-block;
  width: 40%;
  height: 1px;
  background-color: #FF69B4;
  position: absolute;
  top: 50%;
}

.or-divider::before {
  left: 0;
}

.or-divider::after {
  right: 0;
}

.or-divider span {
  background-color: #FFF0F5;
  padding: 0 10px;
  position: relative;
  z-index: 1;
}

.contact-info {
  font-size: 1.1rem;
}

.contact-info i {
  margin-right: 10px;
}

.form-subtitle {
  margin-bottom: 20px;
}

.form-control {
  background-color: #FFE4E1; /* Very light pink for form fields */
  border: none;
  border-radius: 5px;
  padding: 12px;
  margin-bottom: 15px;
}

.form-control:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 182, 193, 0.25);
}

.btn-submit {
  background-color: #FF69B4; /* Medium pink for button */
  color: white;
  padding: 12px 30px;
  border-radius: 25px;
  font-weight: bold;
  border: none;
  transition: background-color 0.3s ease;
}

.btn-submit:hover {
  background-color: #FF1493; /* Darker pink on hover */
}

    </style>
    <style>
  html {
    scroll-behavior: smooth;
  }

  body {
    overflow-y: scroll;
  }

  .scroll-content {
    transition: transform 0.25s ease-out;
  }

  .scroll-content.scrolled {
    transform: translateY(0);
  }

  .scroll-item {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  }

  .scroll-item.scrolled {
    opacity: 1;
    transform: translateY(0);
  }
</style>

<style>


    .navbar{
          padding: 0rem 1.5rem!important;
    }
    .navbar-light .navbar-nav .nav-link {
      color: rgb(11 11 11);
    }

body {
    font-family: 'Poppins', sans-serif;
}

.therapy-section {
    padding: 60px 0;
    background-color: #fff;
    background: linear-gradient(270deg, #fefefe -23%, transparent 19%);
}

.section-title {
    font-size: 2.5rem;
    font-weight: bold;
    color: #3a3a3a;
    margin-bottom: 20px;
    line-height: 1.3;
}

.section-subtitle {
    font-size: 1rem;
    color: #666;
    margin-bottom: 20px;
}

.therapy-list {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
    column-count: 2;
    column-gap: 20px;
}

.therapy-list li {
    font-size: 1rem;
    color: #333;
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
}

.therapy-list li::before {
    content: '\2713'; /* Unicode for checkmark */
    /*color: #d18342;*/
    color: #6f7375;

    font-size: 1.2rem;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1;  /* Ensure no vertical overlap */
}


/*.btn-appointment {
    background-color: #d18342;
    border-color: #d18342;
    padding: 10px 25px;
    font-size: 1rem;
    text-transform: uppercase;
    color: #fff;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.btn-appointment:hover {
    background-color: #b56e35;
    border-color: #b56e35;
}
*/
.video-thumbnail {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    border-radius: 10px;
    margin-top: 20px;
}

.video-thumbnail img {
    width: 100%;
    border-radius: 10px;
}

.video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    color: white;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 10px 20px;
    border-radius: 50%;
    text-align: center;
}

.quote-title {
    font-size: 1.75rem;
    font-weight: bold;
    color: #ab5454;
    margin-bottom: 20px;
}

.quote-text {
    font-size: 1rem;
    color: #d1d1d1;
    margin-bottom: 30px;
    line-height: 1.6;
}

.tags_highlighted h5 {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 15px;
}

/*.btn-appointment {
    background-color: #d18342;
    border-color: #d18342;
    padding: 10px 25px;
    font-size: 1rem;
    text-transform: uppercase;
    color: #fff;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.btn-appointment:hover {
    background-color: #b56e35;
    border-color: #b56e35;
}
*/
.scrolled {
    opacity: 1;
    transition: opacity 0.6s ease-in-out;
}

.scroll-item {
    opacity: 0;
}

.btn-link{
  width: 100%;
  padding-right: 30px;
}

.btn-link i{
  float:right;
}
 h2 .btn{
  text-align: left;
 }
 
 .accordion .card-body {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #fff !important;
    border-radius: 15px;
    margin-top: 1px;
    border-top: 0.5px dashed #E6C5C5;
}

 .accordion .btn::focus{
  outline-style: none!important;
  border-style: none!important;
  box-shadow: none!important;
 }
 .accordion button::focus{
  outline-style: none!important;
  border-style: none!important;
  box-shadow: none!important;
 }


.btn-link:focus, 
.btn-link:hover, 
.btn-link:active {
    color: #000; /* Keep the text color consistent on hover, focus, and active states */
    text-decoration: none; /* Remove the underline */
    background-color: transparent; /* Prevent any background color on click */
    box-shadow: none; /* Remove any focus outline or shadow */
}

.btn-link:active, 
.btn-link:focus, 
.btn-link:active:focus {
    color: #000; /* Ensure color stays the same on active and focus states */
    outline: none; /* Remove the default focus outline */
}

.btn-link.collapsed .rounded-icon i {
    color: #e91e63; /* Set the color of the icon when collapsed */
}

.btn-link .rounded-icon i {
    color: #e91e63; /* Set the color of the icon */
}

 .fa-chevron-down:before {

    border-radius: 34px;
    background: #f9f4f4;
    padding: 7px;
}
.fa-chevron-up:before {
   
    border-radius: 34px;
    background: #f9f4f4;
    padding: 7px;
}


/*section_welcome_message*/

.section_welcome_message h2{
  color: #733609;
  font-weight: bold;
  font-size: 2.2rem
}

.section_welcome_message{
  background-color: #f5dddd !important;
}

.section_welcome_message p{
  font-size: 16px;
  color:#3d3836;
}

@media only screen and (max-width: 768px) {
  .section_welcome_message h2 {

      font-size: 2.2rem;
        line-height: 2.6rem !important;
        line-height: 2rem;
        font-family: "Playfair Display", serif !important;
        font-optical-sizing: auto !important;
        font-style: normal !important;
        font-weight: 500;
  }

  .section_welcome_message{
      background: #ffb0b0;
      padding: 3rem 1rem 3rem 1rem!important;
      background-image: url('meditation_transparent.png');
      background-size: cover;
      background-position: bottom;
  }

  .section_welcome_message p{
    font-size: 18px;
    color:#3d3836;
  }

  .therapy-section {
    padding:15px 0px!important;
  }


}

/*section_providing_the_best_quality*/

.section_providing_the_best_quality  .video-thumbnail img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 768px) {
  .section_providing_the_best_quality  .video-thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  

  .section_providing_the_best_quality  .section-title{
    font-size: 2.2rem;
  }


}


/*section_home_about*/
.section_home_about{
  background: #ffffff!important;
  padding:5rem 3rem!important;
  color:#1f1e1d!important;
}

.section_home_about .our_logo_sub_section{
  text-align: center;
  background: linear-gradient(#fff, #f3e3e3);  
  border-radius: 0px 0px 20px 20px;
}

.section_home_about .wonder_space_logo_square{
    width:300px;
    padding:10px 50px;
}
.our_logo_text{
    text-align: justify;
    font-size: 0.85rem!important;
    padding:10px 80px!important;
}


@media only screen and (max-width: 768px){
  .section_home_about{
    background: #ffffff!important;
    padding:2rem 1rem!important;
    color:#1f1e1d!important;
    text-align: left!important;
  }

  .section_home_about h2{
    margin-bottom: 0.8rem;
  }


  .section_home_about .wonder_space_logo_square{
    width:300px;
    padding:10px 10px;
  }

  .section_home_about .our_logo_text{
    text-align: left;
    font-size: 15px;
    padding:0px 10px!important;
  }


}

/*section_what_makes_us_unique*/

.section_what_makes_us_unique .container{
  padding-left: 0rem !important;  
}

.section_what_makes_us_unique .left_section .video-thumbnail img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section_what_makes_us_unique .left_section{
  padding-left: 0px!important; 
}

.section_what_makes_us_unique .right_section{
  padding-left: 30px!important;
}.

.section_what_makes_us_unique .right_section h2{
  font-size:2.8rem;
}

@media only screen and (max-width: 768px){

  .section_what_makes_us_unique{
    
    margin-top: 0px!important;
    padding-top:0px!important;
  }

  .section_what_makes_us_unique .left_section .video-thumbnail img{
    width: 90%;
    height: 100%;
    object-fit: cover;
    margin: 1rem 2rem;

  }

}

/*section_quote*/
.section_quote{
  padding: 0px 0;
  background: linear-gradient(#fefefe 54%, #dbd7d7) !important;
  border-radius: 0px;
  border-top: solid 0.25px #d5a999;
  border-bottom: solid 0.5px #d5a999;
}

@media only screen and (max-width: 768px){

  .section_quote{
   
  }

}


/*section_our_team*/

.section_our_team{
  padding: 40px 10%;
  background: #ffffff !important;
}


.section_our_team .swiper-slide-prev{
  opacity: 0.3;
}
.section_our_team .swiper-slide-next{
  opacity: 0.4;
  filter: saturate(0);
}
.section_our_team .team-swiper {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 15px;
    text-align: left;
}

.section_our_team .team-member {
    display: flex;
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.section_our_team .team-photo img {
    width: 95%;
    height: auto;
    /*border-top-left-radius: 15px;*/
    /*border-bottom-left-radius: 15px;*/
    border-radius: 15px;
    margin-top: 10%;
}

.section_our_team .team-info {
    padding: 40px 20px 40px 10px;
    color: #333;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    background: linear-gradient(90deg, transparent, #efe6e6);
}

.section_our_team .team-info h3 {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
    color: #d28a7c;
}

.section_our_team .team-info h4 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    color: #ab6c5b;
}

.section_our_team .swiper-button-next, .swiper-button-prev {
    color: #ab6c5b;
}

@media only screen and (max-width: 768px){

  .section_our_team{
    padding: 10px 5px;
    background: #ffffff !important;
  }

  .section_our_team .team-swiper {
    background-color: #ffffff;
    padding: 0px;
    border-radius: 15px;
    text-align: left;
    margin-top: -40px;
  }

  .section_our_team .team-info {
      padding: 40px 20px 40px 20px;
      color: #333;
      border-top-right-radius: 15px;
      border-bottom-right-radius: 15px;
      background: linear-gradient(90deg, transparent, #efe6e6);
  }

  .swiper-slide-prev{
    opacity: 0.0;
  }
  .swiper-slide-next{
    opacity: 0.0;
    filter: saturate(0);
  }
  .team-swiper {
      background-color: #ffffff;
      padding: 0px;
      border-radius: 15px;
      text-align: left;
  }

  .team-member {
      display: flex;
      background-color: #ffffff;
      border-radius: 15px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      overflow: hidden;
  }

  .team-photo{
    text-align: center;
  }

  .team-photo img {
      width: 85%!important;
      height: auto;
      /*border-top-left-radius: 15px;*/
      /*border-bottom-left-radius: 15px;*/
      border-radius: 15px;
      margin-top: 5px;
  }

  .team-info {
    margin-top: 10px;
      padding: 5px 12px 5px 12px;
      color: #333;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom-left-radius: 20px;
      background: linear-gradient(180deg, transparent, #efe6e6);
  }

  .team-info h3 {
      font-size: 1.5rem;
      margin-bottom: 0.5rem;
      color: #d28a7c;
      text-align: center;
  }

  .team-info h4 {
      font-size: 1.2rem;
      margin-bottom: 1rem;
      color: #ab6c5b;
      text-align: center;
  }

  .team-info p {
      font-size: 1.1rem;
      margin-bottom: 1rem;
      color: #ab6c5b;
  }

  .swiper-button-next, .swiper-button-prev {
      color: #ab6c5b;
  }

  }

  /*section_we_care_for*/
  .section_we_care_for{
    background: radial-gradient(#eee3ed 70%, #efe8e8 84%) !important;
  }
  .section_we_care_for .row img{
    max-width:45%; opacity:1;
  }
  .section_we_care_for .container .row{
    padding: : 1rem 4.25rem;

  }

  @media only screen and (max-width: 768px){
    .section_we_care_for .row img{
      max-width:100%; opacity:1;
    }
    .section_we_care_for .container .row{
      padding: : 1rem 1.25rem;

    }
    .section_we_care_for h2{
      font-size: 2.2rem;
    }
  }
  /*section_reviews*/


  .section_reviews{
    background: linear-gradient(#e5c2c2 20%, #efe8e8 84%) !important;
  }


  .section_reviews {
            background-color: #f7f7f7;
            padding: 60px 0;
        }

  .section_reviews .review-card {
      background-color: #f9f0f2;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      padding: 20px;
      overflow: hidden;
  }

  .section_reviews .review-icon img {
      width: 100px;
      height: 100px;           
  }

  .section_reviews .review-icon{
     margin-right: 20px;
     width: 100px!important;
      height: 100px!important;
       object-fit: cover;
  }

  .section_reviews .review-content h4 {
      font-weight: 600;
      color: #cf768d;
  }

  .section_reviews .stars-rating .fa {
      font-size: 20px;
  }

  .section_reviews .checked {
      color: #ffd700;
  }

  .section_reviews .carousel-control-prev-icon,
  .section_reviews .carousel-control-next-icon {
      background-color: #cf768d;
      border-radius: 50%;
      padding: 10px;
  }





  @media only screen and (max-width: 768px){

  .section_reviews .review-card .card-body{
    width:100%!important;
    display: block!important;   
  }

  .section_reviews .review-icon{
    width:100%!important;
    display: block;
    text-align: center;
   
  }

  .section_reviews .review-icon img{
    height: 90px!important;   
    width: 100px!important;   
  }


  .section_reviews h2{
    font-size: 2.2rem;

  }
  .section_reviews .review-content{
   text-align: center;
  }

  }


  /*section_common_questions*/

  .section_common_questions{
    padding: 3rem 3rem;
  }

  @media only screen and (max-width: 768px){
    .section_common_questions{
      padding: 0.5rem 0.25rem;
    }

    .section_common_questions h2{
      font-size: 2rem!important;
    }
  }


  /*about_page*/

  .about_page .title_container{
    padding:20px 20px 2px 20px!important;
  }

  .about_page .cover_about_img{
    max-width:87%!important;
  }
  .about_page .cover_about_img_mobile{
     display: none;
  }

  .about_page .about_page_main_section h2{
      font-size: 2.35rem; font-weight: 400; color: #333;
    }

    .about_page .creating_the_logo_paragraph_container{
      background-color: #f7f1f1;
    }       

    .about_page .creating_the_logo_paragraph{
      color: #666; max-width: 1000px; margin: 40px auto;font-size: 0.9;text-align: left!important;padding: 40px;
    }

    .about_page .journey_paragraph_container{
      background-color: #f3dede;padding:20px!important;
    }

    .about_page .journey_paragraph{
      color: #666; max-width: 1000px; margin: 20px auto;font-size: 0.9;text-align: left!important;padding:20px!important;
    }

     .with_wonderspace_paragraph_container{
      background-color: #f3dede;
    }
     .with_wonderspace_paragraph{
      color: #666; max-width: 1000px; margin: 40px auto;font-size: 0.9;text-align: left;!important; padding: 40px!important;
    }

    .about_page .founder-section{
      text-align: center; padding: 80px 20px; background-color: #f4f4f4; border-radius: 10px; border-bottom: 2px solid #ddd; padding: 1rem 0;
    }

    .about_page .about_page_book_section h2{
      font-size: 2.5rem; font-weight: 600;color:#6a4949;
    }

    .clinic_address{
      margin-top: 10px; 
      display: inline-block; 
      text-align: left; 
      max-width: 500px; 
      background-color: #fff; 
      padding: 20px; 
      border-radius: 8px; 
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); 
      vertical-align: top;
    }

    .about_contact_us{
      text-align: center; 
      padding: 40px; 
      background-color: #f9f9f9; 
      border-radius: 10px; 
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

    }

    .founders_note_my_journey{
      padding-left: 40px;
    }

    .team_built_on_paragraph_container{
      padding-left: 40px;text-align: left;
    }



  @media only screen and (max-width: 768px){

    .about_page_main_section{

      padding-top: 0px!important;
      padding-bottom:0px!important;
    }

    .about_page .title_container{
      padding:20px 0px 2px 0px!important;
    }

    .about_page .about_page_main_section h2{
      font-size: 1.4rem; font-weight: 400; color: #333;
    }

    .about_page .journey_paragraph_container{
      background-color: #f3dede;padding:5px!important;
    }

    .about_page .journey_paragraph{
      color: #666; max-width: 1000px; margin: 0px auto;font-size: 0.9;text-align: left!important;padding:5px!important;
    }

    .about_page .creating_the_logo_paragraph_container{
      background-color: #f7f1f1;
    }
    .about_page .creating_the_logo_paragraph{
      color: #666; max-width: 1000px; margin: 0px auto;font-size: 0.9;text-align: left!important;padding:5px 2px!important;
    }

    .with_wonderspace_paragraph{
      color: #666; max-width: 1000px; margin: 5px auto;font-size: 0.9;text-align: left;!important; padding: 5px!important;
    }

    .about_page .founder-section{
      text-align: center; padding: 80px 20px; background-color: #f4f4f4; border-radius: 10px; border-bottom: 2px solid #ddd; padding: 1rem 0;
    }

    .founders_note_my_journey{
      padding-left: 20px;
    }


    .mobile_photo_vertical_spacing{
      margin-top: 10px;
      padding-bottom: 20px;
      border-radius: 10px;
    }

    .about_page .cover_about_img{
      display: none;
    }

    .about_page .cover_about_img_mobile{
      max-width:100%!important;
      display: block;
    }

    

    .about_page .email_text_label{
      display:none;
    }
    .about_page .phone_text_label{
      display:none;
    }

    .founder-image-container{
          /*margin-left: 62px!important;*/
    }

    .about_page .about_page_book_section h2{
      font-size: 2.2rem; font-weight: 600;color:#6a4949;
    }

    .clinic_address{
      margin-left: 0px!important;
      max-width: 100%;
    }

    .about_contact_us{
      text-align: center; 
      padding: 10px; 
      background-color: #f9f9f9; 
      border-radius: 10px; 
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

    .team_built_on_paragraph_container{
      padding-left: 20px;text-align: left;
    }

    .team_built_on_paragraph_container{
      padding-left: 20px;text-align: left;
      margin: 10px auto!important;
    }
  }

/*services_page*/
.services-header span{
  font-size: 2.8rem;
}

.services-header .services_description{
  font-size: 1rem!important;padding-top: 20px;color: #b57676;padding: 20px 40px; 
}


.services-section {
        margin: 20px;
    }

    .services-header {
        text-align: center;
        background-image: url(http://localhost/wonderspaceci/assets/images/cover-image.jpg);
        background-size: cover;
        background-position: center;
        padding: 70px 20px;
        color: #3a3a3a;
        font-size: 2.5rem;
        font-weight: bold;
        background-color: #f1e9e9;
    }

    .service-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 10px;
        padding: 20px;
        border-radius: 12px;
        background-color: #f5f5f5;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .service-item:hover {
        transform: scale(1.02);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    }

    .service-item .image-section img {
        width: 100%;
        height: auto;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .service-item .text-section {
        padding-left: 20px;
        text-align: center;
    }

    .service-item .text-section h2 {
        font-size: 1.8rem;
        color: #444;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .service-item .text-section p {
        font-size: 1rem;
        color: #666;
        line-height: 1.6;
    }

    .services-section {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        padding-top: 20px;
    }


    .services-section a {
        text-decoration: none;
        color: blue;
    }

    .services-section a::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: linear-gradient(90deg, #87CEFA, #4682B4, #87CEFA);
        transform: scaleX(0);
        transform-origin: bottom right;
        transition: transform 0.3s ease-out;
    }

    .services-section a:hover::after {
        transform: scaleX(1);
        transform-origin: bottom left;
    }

@media only screen and (max-width: 768px){

  .services-header span{
    font-size: 2.2rem;
  }

  .services-section {
      grid-template-columns: 1fr;
  }

  .service-item {
      flex-direction: column;
      text-align: center;
  }

  .service-item .image-section,
  .text-section {
      flex-basis: 100%;
  }

  .services-header .services_description{
    font-size: 1.2rem!important;padding-top: 20px;color: #b57676;padding: 20px 10px; 
  }

  .service-item .text-section h2 {
        font-size: 1.5rem;
        color: #444;
        margin-bottom: 10px;
        margin-top: 10px;
  }


}

//faq

.faq_section{
    padding: 3rem 3rem;
}


@media only screen and (max-width: 768px){
  .faq_section{
    padding: 1rem 1rem;
  }

  .faq_section h2{
    font-size: 1.7rem;
  }

}
//contact page
.contact_page_section .quick_message{
    font-size: 1.7rem!important;
  }

.hide_in_non_mobile{
  display: none;
}
.show_in_non_mobile{
  display: block;
}
@media only screen and (max-width: 768px){

  .contact_page_section .section-title{
    font-size: 1.9rem!important;
  }

  .contact_page_section .quick_message{
    font-size: 1.7rem!important;
  }

  .no-break {
    white-space: nowrap;
    overflow-wrap: normal;
    word-wrap: normal;
    word-break: keep-all;
    font-size: 1.75rem!important;
  }

  .hide_in_mobile{
    display: none;
  }

  .show_in_mobile{
    display:block!important;
  }


  .mobile-ancizar-serif-wonderspace {
      font-family: "Ancizar Serif", serif!important;
      font-optical-sizing: auto!important;
      font-weight: 400!important;
      font-style: normal!important;
      font-size: 1.75rem!important;
  }


}









</style>