p {
    max-width: 100% !important;
    font-size: 16px !important;
    opacity: 1 !important;
}



.section_pad
{
	padding: 60px 15px;
}


.section_heading h2
{
	font-size: 35px;
	color: #b77ec5;
	font-weight: 700;
	margin-bottom: 30px;
}




.section_heading h3
{
	font-size: 24px;
	color: #b77ec5 !important;
	font-weight: 700;
	margin-bottom: 30px;
}



.section_heading h3
{
	font-size: 22px;
	color: #513125;
	font-weight: 700;
	margin-bottom: 20px;
}



/* menu bar */

    .navbar {
      padding: 1rem 2rem;
      background-color: transparent;
    }
    .navbar-brand {
      font-weight: 500;
      color: #c0856f;
      letter-spacing: 2px;
    }
    .navbar-brand img {
      height: auto;
      margin-right: 8px;
      width: 130px !important;
    }
    .nav-link {
      color: #3b2f2f !important;
      font-weight: 400;
      padding: 0px 20px !important;
    }
    .nav-link:hover {
      color: #b77ec5 !important;
      opacity: 1;
    }
    .btn-book {
      background-color: #76c4ea;
      color: white;
      border-radius: 25px;
      padding: 0.5rem 1.2rem;
      border: none;
      border-top-left-radius: 0px;
    }

    .btn-book:hover {
      background-color: #b77ec5;
      color: #fff;
    }


.btn-book a
{
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-weight: 600;
	
}




/* banner section css */


   :root{
    --bg:#FFFBF8;
    --text:#3b2f2f;
    --accent:#ba755d;
    --ring:#e9e2dd;
  }


.section_heading h1
{
	font-size: 53px !important;
	color: #b77ec5;
	margin-bottom: 30px;
	font-weight: 700;
}



  .hero{
    padding:6rem 0;
    position:relative;
    overflow:hidden;
    background: url('../images/banner-bg.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;


  }
  .eyebrow
{
    color: #76c4ea;
    font-weight:500;
    margin-bottom:1rem;
    font-size: 18px;
    font-weight: 700;
  }
  h1{
    font-size: clamp(2.4rem, 5vw + .5rem, 4.8rem);
    font-weight:600;
  }
  p{ max-width: 50ch; font-size:1.1rem; opacity:.9; }
  .btn-accent{
    background:var(--accent); color:#fff;
    border-radius:2rem; padding:.9rem 1.6rem;
    border:0;
  }
  .btn-accent:hover{ background:#a5624c; color:#fff; }

  /* Right visual */
  .visual{
    position:relative;
    max-width:500px;
    margin-left:auto;
  }
  .oval{
    position:relative;
    border-radius:50%;
    overflow:hidden;
    z-index:2;
  }
  .oval img{
    display:block;
    width:100%;
    height:auto;
    object-fit:cover;
  }

  /* Rotating rings */
  .rings{
    position:absolute;
    top:50%; 
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    height:100%;
    border-radius:50%;
    border:2px solid var(--ring);
    animation: spin 18s linear infinite;
    z-index:1;
  }
  .rings::before{
    content:"";
    position:absolute;
    inset:-15px;
    border-radius:50%;
    border:2px dashed #b57fc4;
  }

.ring_2
{

top: 50%;

}
  @keyframes spin{
    from{ transform:translate(-50%,-50%) rotate(0deg); }
    to{ transform:translate(-50%,-50%) rotate(360deg); }
  }

  @media(max-width: 991.98px){
    .visual{ margin:3rem auto 0; }

}


/* banner below section */

#curve
{


    background: url('../images/curve.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px 30px;

}






/* table code */

.pink_bg
{

	background: #6ec1e947 !important;

}

.list-unstyled i
{
margin-right: 15px;
color: #b77ec5;
}


#curve .card
{
	padding: 30px;
}



/* holistic approach */

/* ICON FEATURE */
    .feature-card{
      background:#fff; 
      border:1px solid #eee; 
      border-radius:18px; 
      padding:28px; 
      /*height:100%; */
      transition:transform .2s ease, box-shadow .2s ease;
    }

    .feature-card:hover
    {
     transform:translateY(-4px); 
     box-shadow:0 12px 40px rgba(0,0,0,.08)
     }
/*
    .icon-wrap
     {
      	width:56px; 
	height:56px; 
	display:inline-flex; 
	align-items:center; 
	justify-content:center; 
	border-radius:50%;
	 background:rgba(124,157,142,.12);
 	color:var(--primary-2); 
	font-size:22px; 
	margin-bottom:12px;
    }
*/
    /* ABOUT */

    .about-badge
{
	font-weight:700; 
	letter-spacing:.12em; 
	color:var(--primary-2);
}



/* our approach section css */

.approach_box
{
	margin-top: 30px;

}

.approach_box img
{
	width: 100px;
	margin-bottom: 25px;
}


/* who its for section css */

#who-its .feature-card
{
	padding: 18px !important; 
}

 /*about me section css */

.section_pad1
{

    padding: 0px 15px 50px !important;

}


.doctor_heading
{
	font-size: 35px !important;
}

#about-bg span
{
	font-size: 20px;
	color: #B77EC5;
}


#about-bg .visual
{
	margin-left: none;
}


.about_me
{
    width: 391px;
    margin-bottom: 30px;
}



/* contact form css */

.modalsubmit_btn
{
    background: #82c3e9;
    color: #fff;
    border: 1px solid #82c3e9;
    border-radius: 3px;
    padding: 5px 25px;
}



#form
{
	padding: 45px;
       background: #f0f8ff;
}


.form_box
{
	background: #fff;
	padding: 30px;
	border-radius: 10px;
}



.thank-you
{
	padding: 110px 15px !important;
}


#footer
{
	background: #b77ec5 !important;
	padding: 60px 15px 30px;
}


.footer_logo
{
	width: 130px;
	margin-bottom: 30px;
}

#footer p
{
	color: #fff;
	font-size: 15px;
}

.social_links ul
	
{
	float: right;
	margin-bottom: 0px;
}

.social_links ul li
{
	list-style-type: none;
	display: inline-flex;
	
}

.social_links li a
{
	color: #fff;
	padding: 0px 10px;
}

.quick_links li
{
	list-style-type: none;
	display: inline-flex;
	padding: 10px;
	
}

 #footer .quick_links li a
{
	text-decoration: none;
	color: #fff;
	font-size: 15px;
}

.line
{
	border-top: 1px solid #695b5b;
	margin-bottom: 30px;
}

.copyright p
{
	margin-bottom: 0px;
}


.pink_bullets
{
	padding-left: 17px;

}


.pink_bullets li
{
	color: #b77ec5;
	font-weight: 500;
}



   /* Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .navbar-brand img {
    height: auto;
    width: 100px !important;
  }
  .navbar-brand {
    font-size: 1rem;
  }
  .btn-book {
    padding: 0.4rem 0.8rem;
    font-size: 0.85rem;
  }
  .nav-link {
    font-size: 0.9rem;
  }
}

/* Medium devices (landscape phones/tablets, less than 768px) */
@media (max-width: 767.98px) {


.social_links ul
{
	float: none;
}

#form
{
	padding: 45px 15px;
}
  .navbar {
    padding: 0.8rem 1rem;
  }
  .btn-book {
    font-size: 0.9rem;
  }

.section_heading h1
 {
    font-size: 24px !important;

}
.section_heading h2
 {
    font-size: 24px;
}

#curve {
  
    padding: 50px 0px 0px;
}

.section_pad
 {
    padding: 50px 15px;
}

#about-bg
 {
   padding: 50px 0px;
}


.hero {
    padding: 50px 0px 30px;
}

.wave-block__inner 
{
   padding: 56px 20px 60px !important;
}
.wave--bottom {
    bottom: -10px !important;
}


.footer_logo 
{
    width: 150px;

}

.social_links ul
{

margin-top: 20px;
text-align: center;

}

.copyright p
{
	text-align: center;
	float: none;
}

#about-bg
{
        padding: 50px 0px 0px;
}

#who-its
{

padding-bottom: 0px !important;
}



#serices
{
	padding-bottom: 30px !important;
}

}

/* Large devices (desktops, less than 992px) */
@media (max-width: 991.98px) {
  .navbar-nav {
    text-align: center;
  }
  .btn-book {
    display: block;
    margin: 0.5rem auto;
  }
}

/* Extra large devices (less than 1200px) */
@media (max-width: 1199.98px) {
  .navbar-brand {
    font-size: 1.1rem;
  }
}

/* Ultra-wide devices (more than 1600px) */
@media (min-width: 1600px) {
  .navbar {
    max-width: 1400px;
    margin: auto;
  }
}




#services .visual
{
   
    margin-left:0px;
 }


/* bottom curve shape -top */


/* bottom curve shape -down */



/* colors you can tweak */
:root{
  --section-bg: #fff7ef;   /* area background */
  --wave-fill:  #fff2e7;   /* the curve color */
  --text:       #5e3c2f;
}

.wave-block{
  position: relative;
  background: #daedf8;
  color: var(--text);
  overflow: hidden;  /* hides anything outside the block */
}

.wave-block__inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 56px 20px 96px;  /* extra bottom so content doesn’t sit on the wave */
  text-align: center;
}

/* the svg itself */
.wave{
  position: absolute;
  left: 0; width: 100%;
  height: 120px;          /* change to “80px” for a shallower curve */
  fill: #fff;
}

/* put this at the bottom edge */
.wave--bottom{ bottom: -1px; }

/* optional: a top wave if you want one above the section too */
.wave--top{ top: -1px; transform: scaleY(-1); }