/*CSS FOR BODY OVERFLOW AND GLOBAL ITEMS - STARTS*/
html, body{
    overflow-x: hidden;
}

.line-break-class{
    display: block;
}

.black{
  color: rgba(0,0,0,0.7);
  text-underline-offset: 2px;
}

.SF-24{
font-size:clamp(1.25rem,2vw,1.5rem);
font-family:'SF Pro',sans-serif;
font-weight:600;
margin-bottom:0;
line-height: 2.25rem;
letter-spacing: -0.03rem;
color: var(--glo);
}

.SF-16-white{
font-size:1rem;
font-family:'SF Pro',sans-serif;
font-weight:400;
margin-bottom:0;
line-height: 1.5rem;
letter-spacing: -0.015rem;
color: rgba(255, 255, 255,  0.6);
}

.SF-16-black{
font-size:1rem;
font-family:'SF Pro',sans-serif;
font-weight:400;
margin-bottom:0;
line-height: 1.5rem;
letter-spacing: -0.015rem;
color: rgba(0, 0, 0,  0.7);
}


/*CSS FOR BODY OVERFLOW AND GLOBAL ITEMS - ENDS*/



/*ABOUT HERO SECTION MEDIA QUERIES AND CSS STARTS*/


#AboutHeroSection {
    margin-top: 0.75rem;
}

@media (min-width: 1920px) {
   #AboutHeroSection .container {
      padding-left: 2rem;
      padding-right: 2rem;
      max-width: 100%;
    }
}

@media (min-width: 1400px) {
   #AboutHeroSection .container {
      padding-left: 2rem;
      padding-right: 2rem;
      max-width: 100%;
    }
}

@media (min-width: 1200px) {
   #AboutHeroSection .container {
      padding-left: 2rem;
      padding-right: 2rem;
      max-width: 100%;
    }
}

#AboutHeroSection .row{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 16px;
    height: 100%;
    min-height: 31.25rem;
}




/* MEDIA QUERIES */
@media (max-width:991px){
  #AboutHeroSection h1{font-size:clamp(1.75rem,4vw,3rem);line-height:clamp(2rem,4vw,3.5rem)}
  #AboutHeroSection .left p{font-size:clamp(.875rem,2vw,1.25rem);line-height:clamp(1.25rem,2.5vw,28px)}
  #AboutHeroSection .right p{font-size:clamp(.75rem,1.5vw,1rem)}
  #AboutHeroSection .right{gap:24px}

  #AboutHeroSection .container .row {
    padding-top: 28rem;
    height: auto;
    justify-content: space-between;
    align-items: unset;
    padding-left: 0.5rem;
        padding-right: 0.5rem;
  }
}

@media (max-width:575px){
  #AboutHeroSection {background-position: 28% 27%;}
  #AboutHeroSection h1{font-size:clamp(3rem,5vw,2.5rem);line-height:clamp(3.5rem,5vw,3rem); margin-bottom: 1rem;}
  #AboutHeroSection .left p{font-size:clamp(1rem,3vw,1rem);line-height:clamp(1rem,3vw,1.5rem);  margin-bottom: 1rem;}
  #AboutHeroSection .right p{font-size:clamp(.7rem,3vw,.875rem);}
  #AboutHeroSection .right .btn{padding:8px 16px;font-size:.875rem}
   #AboutHeroSection .container .row {    
    justify-content: unset;    
    border-radius: 46px;
  }
}

@media(max-width: 767px){
    #AboutHeroSection{
    height: 100%;
    min-height:325px;
    margin: 12px;
    }
}

@media(min-width: 768px) and (max-width: 1024px){
    #AboutHeroSection .container.aboutContainer{
    max-width: 100% !important;
    }

    #AboutHeroSection{
    margin: 0.75rem !important;
    }
}

/*ABOUT HERO SECTION MEDIA QUERIES AND CSS ENDS*/



/*ABOUT DENTAL SERVICE CONTENT ABOVE SECTION START*/

#AboutDentalserviceSection .title h2 {margin: 0; font-size: 3.5rem; line-height: 4.25rem; letter-spacing: -0.105rem;padding-bottom: 2rem;}
#AboutDentalserviceSection .title p {margin: 0; font-family:'SF Pro'; font-size: 1rem;font-weight:400;line-height: 1.5rem;letter-spacing: -0.015rem; color: rgba(0, 0, 0,  0.6);}


#AboutDentalserviceSection .title-section{padding-bottom:7.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}

/* #AboutDentalserviceSection>.container {
    max-width: clamp(1140px, 92vw, 1366px);
    margin: 0 auto;
    padding: 0 1rem;
} */



/*MEDIA QUERY*/

/*TABLET*/

@media(max-width: 1024px){#AboutDentalserviceSection .col-md-8.title {width: 92%;}}
@media(max-width: 767px){
  #AboutDentalserviceSection .title h2 {
    margin: 0;
    font-size: 2.5rem;
    line-height: 3.25rem;
    letter-spacing: -0.075rem;
    padding-bottom: 2rem;
}
    #AboutDentalserviceSection .title p {
        font-size: 0.875rem !important;
        line-height: 1.25rem !important;
        letter-spacing: -0.009rem;
        padding-bottom: 6.25rem !important;
    }

    #AboutDentalserviceSection {
   padding: 3rem 1rem 0 1rem;
}

#AboutDentalserviceSection .tour h2{
    padding-top: 2rem;
}

#AboutDentalserviceSection .tour p{
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
    letter-spacing: -0.009rem;
}
}
/*ABOUT DENTAL SERVICE CONTENT ABOVE SECTION END*/


/*ABOUT DENTAL SERVICE IMAGE SECTION START*/
#AboutDentalserviceSection .tour{border-radius:24px;padding:0;overflow:hidden;display:flex; justify-content: space-between; padding-bottom: 5.625rem;}
/* #AboutDentalserviceSection .tour .content{padding: 0rem 0rem 2rem 4.5rem;} */
#AboutDentalserviceSection .tour h2{font-family:'SF Pro'; font-size: 2.25rem;line-height: 3rem;margin-bottom: 1.5rem;letter-spacing: -0.045rem;}
#AboutDentalserviceSection .tour h3{font-family:"SF Pro",sans-serif;font-size:1.25rem;line-height:2rem;font-weight:600;margin-bottom:3rem}
#AboutDentalserviceSection .tour p{opacity:.75;font-size:1rem;line-height:1.5rem}
#AboutDentalserviceSection .tour .timage{width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;border-radius:24px}

#AboutDentalserviceSection .content1 {
    padding-bottom: 3.75rem;
}
/*MEDIA QUERY*/

/*TABLET*/
@media(min-width: 768px)and(max-width: 1024px){
  #AboutDentalServiceSection .col-md-6{width: 50%;}
  #AboutDentalServiceSection .col-md-5 {
    width: 50%;
}
#AboutDentalserviceSection .tour
{justify-content: space-between !important;}
#AboutDentalserviceSection .tour .timage {
    width: 110%;
}


}

@media(max-width: 767px){

     #AboutDentalserviceSection .tour .timage {
        min-height: 21.75rem;
        width: 100%;
        height: 100%;
    }

#AboutDentalserviceSection .tour {
    flex-direction: row;
}

/* #AboutDentalserviceSection .tour .content {
    padding: 1rem;
} */

#AboutDentalserviceSection .content1{
    padding-bottom: 2rem;
}

#AboutDentalserviceSection .author_contact .btn{
    padding: 10px 10px !important;
}

#dentalDifferenceSection .title h1, #dentalDifferenceSection .title p{
    width: 100% !important;
}
}



/*ABOUT DENTAL SERVICE IMAGE SECTION END*/


/* AUTHOR CONTENT & IMAGE SECTION START*/

/* AUTHOR BOX */
#AboutDentalserviceSection .author-box {
  padding: 16px;
  background-color: #4c514d;
  border-radius: 48px;
  display: flex;
  align-items: center;
  gap: 48px;
}

.author_content .aboutAuthorDesignation p {
    font-size: 1rem !important;
    color: #fff !important;
    opacity: 70% !important;
    line-height: 1.5rem !important;
    letter-spacing: -0.01rem !important;
	font-weight: 300 !important;
	text-align: start !important;
	margin: 0 !important;
}

/* LEFT IMAGE */
#AboutDentalserviceSection .author_image {
  flex: 0 0 38%;         
  border-radius: 32px;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  height: 100%;
  min-height: 30rem;
  background-color: #fff;
}

/* RIGHT CONTENT AREA */
#AboutDentalserviceSection .author_content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center; 
  gap: 40px;
  padding: 2.5rem 3.25rem 2.5rem 0;
}

#AboutDentalserviceSection .author_content img {
  width:2.875rem;
}

#AboutDentalserviceSection .author_content p{
  margin: 0;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 2.75rem;
  color: var(--glo);
  text-align: left;
}

/* AUTHOR NAME BLOCK */
#AboutDentalserviceSection .author_detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#AboutDentalserviceSection .author_name h4 {
  font-size: 1.5rem;
  color: #fff;
  line-height: 2.25rem;
  font-weight: 600;
  margin-bottom: 8px;
}

#AboutDentalserviceSection .author_name span {
  font-size: 1rem;
  color: #fff;
  opacity: 70%;
  line-height: 1.5rem;
  letter-spacing: -0.01rem;
}

/* BUTTONS */
#AboutDentalserviceSection .author_contact {
  display: flex;
  align-items: center;
  gap: 8px;
}

#AboutDentalserviceSection .author_contact .btn {
  padding: 10px 24px;
  border-radius: 70px;
  font-size: 1rem;
  font-weight: 500;
  border: 0;
}

#AboutDentalserviceSection .author_contact .btn.btn-light {
  background-color: #fff;
  color: #000;
}

#AboutDentalserviceSection .author_contact .btn.btn-dark {
  background-color: rgba(255, 255, 255, 0.12);
  color: #fff;
}

@media(max-width: 1024px){
#AboutDentalserviceSection .author_detail {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: start;
    gap: 1.875rem;
}

#AboutDentalserviceSection .author_image {min-height: 48rem;}
#storySection .enjoy-service h1 {font-size: 3rem !important;line-height: 3.5rem !important;width: 20.75rem;}
#storySection .col-md-8 {width: 55%;}
#storySection .enjoy-service .col-md-4 {width: 42%;}
#storySection .enjoy-service .col-md-4 p {font-size: 1.5rem;}
#dentalDifferenceSection .title-section {flex-direction: column;}


/* #dentalDifferenceSection .col-lg-6.col-md-8 {padding-top: 0px; width: 93%;} */
#dentalDifferenceSection .col-lg-6.col-md-10 {padding-top: 0px; width: 100%;}



/* #dentalDifferenceSection .col-md-8 .diff-img {width: 100%;height: 100%;min-height: 550px;} */

#dentalDifferenceSection .col-md-10 .diff-img {width: 100%;height: 100%;min-height: 550px;}
#dentalDifferenceSection .title-section {background-color: #4C514D;
    
flex-direction: column;justify-content: center;align-items: center;}
/* #dentalDifferenceSection .col-lg-6.col-md-3.title {padding: 100px 175px 0px 80px !important;width: 100%;} */

#dentalDifferenceSection .col-lg-6.col-md-2.title {padding: 100px 0 0 2rem !important;width: 100%;}

#dentalDifferenceSection .title h1{
    width: 100% !important;
}

/* #dentalDifferenceSection .col-md-3.title {padding: 100px 175px 0px 80px !important;width: 100%;} */

#AboutDentalserviceSection .title p {
    font-size: 2rem;
    line-height: 2rem;
   
}

#AboutDentalserviceSection .tour p {
    font-size: 1.5rem;
    line-height: 1.8rem;
}

#AboutDentalserviceSection .author_content p{
    font-size: 2rem;
}

#AboutDentalserviceSection .author_contact .btn{
    padding: 10px 17px;
}
}

@media(max-width: 767px){

  #dentalDifferenceSection .col-lg-6.col-md-10
 {
    padding-top: 70px !important;
    width: 98%;
 }

 #storySection .grid-content p{
    width: 100% !important;
 }


  #AboutDentalserviceSection .author-box {
    flex-direction: column;
	padding: 15px 15px 80px 15px;
}

    #AboutDentalserviceSection .author_image {
        min-height: 14rem;
        width: 100%;
        height: 100%;
    }

    #AboutDentalserviceSection .author_content p {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.25rem;
   
}

#AboutDentalserviceSection .author_content {
    padding: 0 0.25rem 1.5rem 0;
}

/* #AboutDentalserviceSection .title-section{padding-bottom: 0;}

    #dentalDifferenceSection .col-md-8 .diff-img {
        min-height: 354px;
    } */



    #AboutDentalserviceSection .title-section{padding-bottom: 0;}

    #dentalDifferenceSection .col-md-10 .diff-img {
        min-height: 354px;
    }
}


/*ENDS*/




/*Why choose Us start*/

/* #AboutWhyChooseSection>.container {
    max-width: clamp(1140px, 92vw, 1366px);
    margin: 0 auto;
    padding: 0 1rem;
} */

#AboutWhyChooseSection .tour{

/*     background-color: var(--mist);
    border-radius: 32px;
    padding: 0;
    overflow: hidden; */
    display: flex;
    justify-content: center;
    align-content: center;
    height: 631px;
	background-color: var(--mist);
	border-radius: 24px;

}
/* #AboutWhyChooseSection .tour>.col-md-5,#homeWhyChooseSection .tour>.col-md-7{padding:0} */
/* #AboutWhyChooseSection .tour>.col-md-7{padding:16px} */
/* #AboutWhyChooseSection .tour .content{padding:6rem 6.7rem 6rem 1.5rem} */
#AboutWhyChooseSection .tour h2{font-size:3rem;line-height:3.75rem;margin-bottom:1.5rem; letter-spacing: -0.06rem; color: var(--ebony);}
#AboutWhyChooseSection .tour h3{font-family:"SF Pro",sans-serif;font-size:1.25rem;line-height:2rem;font-weight:600;margin-bottom:5rem;
letter-spacing: -0.025rem;}
#AboutWhyChooseSection .tour p{font-size:1rem;line-height:1.5rem; width: 23rem; color: #000;}
#AboutWhyChooseSection .tour .timage{width:100%;height:599px;background-size:cover;background-position:50% 100%;background-repeat:no-repeat;border-radius:16px}







/*Diff section start*/
@media (min-width: 1400px) and (max-width: 1919px) {
    #dentalDifferenceSection .container {
        max-width: 100%;
    }

}
#dentalDifferenceSection{
    background-color: #4C514D;
	height: 870px;
    display: flex;
    align-items: flex-end;
}

/* #dentalDifferenceSection .col-md-8 .diff-img{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-top-left-radius: 600px;
    border-top-right-radius: 600px;;
} */


#dentalDifferenceSection .diff-img{
	width: 90%;
    height: 728px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-top-left-radius: 600px;
    border-top-right-radius: 600px;
}

#dentalDifferenceSection .title h1 {
    color: #FFF;
    font-size: 3rem;
    line-height: 3.75rem;
    letter-spacing: -0.09rem;
    padding-bottom: 40px;
    /* width: 31.875rem; */
}

#dentalDifferenceSection .title h3 {
    font-family:'SF Pro';
    font-size: 1.5rem;
    line-height: 2.25rem;
    letter-spacing: -0.03rem;
    color: #FFF;
    padding-bottom: 16px;
}

#dentalDifferenceSection .title p {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.01rem;
    color:rgba(255, 255, 255, 0.6);
    padding-bottom: 48px;
    /* width: 28.5rem; */
}

/* 
{
    padding-top: 130px;
}  */
/* 
#dentalDifferenceSection .col-lg-6.col-md-10{
    padding-top: 130px;
} */



/* #dentalDifferenceSection .col-lg-6.col-md-3.title {
   padding: 335px 2.063rem 197px 5rem;
} */

#dentalDifferenceSection .title-section .title {
    /* padding-left: 5rem; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

/* #dentalDifferenceSection .col-md-3.title {
   padding: 335px 2.063rem 197px 5rem;
} */
 

#dentalDifferenceSection a.btn.btn-light.contact-btn {
    border-radius: 70px;
    padding: 10px 24px;
}

#dentalDifferenceSection a.btn.btn-light.contact-btn {
    border-radius: 70px;
    padding: 10px 24px;
    font-weight: 510;
    font-size: 1.05rem;
    line-height: 1.7rem;
    letter-spacing: -0.015rem;
}
/*Diff section ends*/




/*Story Section start*/

#storySection{background: #C5DBFB;}

#storySection .mainStoryContainer {
    justify-content: center;
    display: flex;
    align-items: center;
    background: #C5DBFB;
    padding-top: 60px;
}

#storySection .mainStoryContainerFlex {
    justify-content: center;
    display: flex;
    align-items: center;
    background: #C5DBFB;
    padding: 60px 0;
}

#storySection .story-img-container {
    
    width: 100%;
}

#storySection .col-md-12 .diff-img{
    width: 100%;
    
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 25px ;
    display: flex;
    justify-content: right;
    padding: 0.75rem
}

.story-img-content {
    background: #C5DBFB;
    width: 29.063rem;
    border-radius:18px;
    padding:40.1px;
    Gap: 48px;   
}


#storySection .story-img-content h2{

 
font-family:'SF Pro';
font-size: 2.25rem;
line-height: 3rem;
letter-spacing: -0.045rem;
font-weight: 500;
padding-bottom: 3rem;
}


#storySection .story-img-content p {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.01rem;
    color:rgba(0, 0, 0,  0.6);
}



#storySection .profile-section .profile-img img{

width: 100%;
object-fit: cover;

}

#storySection.profile-section .profile-img {

width: 10%;

}

#storySection .profile-img {
    background: #99A4BF;
    padding: 8px;
    gap: 10px;
    border-radius: 12px;
}

#storySection .profile-section .profile-img img {
    width: 100%;
    object-fit: cover;
}


#storySection .story-grid.d-flex {
    padding: 5rem 0;
    gap: 3.75rem;
}


#storySection .profile-content h3
 {
    font-size: 1.25rem;
    font-family: 'SF Pro', sans-serif;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 2rem;
    letter-spacing: -0.025rem;
    color: var(--ebony);
}

#storySection .grid-content p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.025rem;
  width: 24.063rem;;
}

#storySection .grid-1 {
    width: 25rem;
}

#storySection .profile-section.d-flex {
    padding: 5rem 0 1.5rem 0;
}

#storySection .story-grid {
    padding-bottom: 3.75rem;
}


#storySection .enjoy-service.d-flex {
    padding: 5rem 0 6.5rem;
}

.profile-content {
    width: 5.375rem;
}

#storySection a.btn.btn-light.contact-btn {
    border-radius: 70px;
    padding: 10px 24px;
    font-weight: 510;
    font-size: 1.05rem;
    line-height: 1.7rem;
    letter-spacing: -0.015rem;
}

#storySection .enjoy-service h1 {
    font-size: 4rem;
    line-height: 4.5rem;
    letter-spacing: -0.12rem;
}

 #storySection .enjoyServiceHr {
    padding-bottom: 3.75rem;
    color: rgba(0, 0, 0,  0.12);
    opacity: 1;
    width: 97%;
}

.row.enjoy-service {
    padding-bottom: 5rem;
}

#storySection .enjoy-service .col-md-4 {
    /* display: flex; */
    /* flex-direction: column; */
    align-self: end;
    padding-bottom: 17px;
}

#storySection .enjoy-service p {
    padding-bottom: 1.2rem;
}

@media(min-width: 768px) and (max-width: 1024px){
    #storySection .grid-content p{
        width: 100%;
    }
}



@media(max-width: 767px){
   #storySection .col-md-12 .diff-img {
 
    background-position: 44%;
 
}

#storySection .enjoy-service{
    padding: 0 1rem 2.5rem 1rem;
}

#storySection .story-grid{
    padding: 0 1rem 3.75rem 1rem;
}

.story-img-content {
    margin-top: 695px;
	padding: 21px;
}

#storySection .story-grid.d-flex {
    padding: 3rem 0;
    flex-direction: column;
}



#storySection .grid-1 {
    width: 100%;
}

#storySection .enjoy-service.d-flex {
    padding: 3rem 0;
    flex-direction: column;
}

#storySection .enjoy-service .col-md-4 {
        width: 100%;
    }

     #storySection .col-md-8, #storySection .enjoy-service h1 {
        width: 100% !important;
        font-size: 2.5rem !important;
        line-height: 3.25rem !important;
    }

        #storySection .enjoy-service .col-md-4 p {
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: -0.018rem;
        padding-bottom: 1.813rem;
    }

    #storySection .col-md-8{
        padding-bottom: 2rem;
    }
}
/*Story Section ends*/



/*About Service Starts*/
/* #homeServiceSection{padding:clamp(4rem,6vw,5rem) 0 clamp(4rem,6vw,5rem)} */
#homeServiceSection .title-section{padding-bottom:clamp(2rem,4vw,3.75rem);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
#homeServiceSection .title h2{font-size:clamp(1.75rem,3vw,3rem);margin:0}
#homeServiceSection .button{display:flex;gap:clamp(8px,2vw,10px);flex-wrap:wrap}
#homeServiceSection .btn,#homeServiceSection .btn.active,#homeServiceSection .btn:hover,#homeServiceSection .btn.active:hover{padding:clamp(8px,1.5vw,10px) clamp(16px,2vw,24px);border-radius:25px;background-color:transparent;color:var(--ebony);border-color:transparent;transition:all .3s ease}
#homeServiceSection .btn.active,#homeServiceSection .btn.active:hover,#homeServiceSection .btn:hover{background-color:var(--mist)}

#homeServiceSection .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.5vw,16px)}

#homeServiceSection .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(4px,1.5vw,4px)}


.service-item:hover {
  background-color: #f0f0f0; 
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
  transition: all 0.3s ease-in-out; 

}
#homeServiceSection .service-grid .service-item{padding:clamp(8px,1vw,12px);background-color:var(--mist);border-radius:12px;display:flex;flex-direction:column;gap:clamp(16px,2vw,24px);width: 100%}
#homeServiceSection .si-image{height:clamp(150px,15vw,215px);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px}
#homeServiceSection .si-content{padding:clamp(8px,1vw,12px);gap:clamp(24px,3vw,37px);display:flex;flex-direction:column}
#homeServiceSection .si-content h3{font-size:clamp(1.25rem,2vw,1.5rem);font-family:'SF Pro',sans-serif;font-weight:600;margin-bottom:0}
#homeServiceSection .si-content p{font-size:clamp(.75rem,1.5vw,.875rem);font-family:'SF Pro',sans-serif;font-weight:400;margin-bottom:0;color:var(--ebony);opacity:.6}
#homeServiceSection .btn.contact-us{background-color:#4c514d;color:#fff}
#homeServiceSection .title-section.look{padding-top:clamp(4rem,8vw,10rem);display:flex;flex-wrap:wrap;align-items:flex-start;gap:clamp(16px,2vw,24px)}
#homeServiceSection .title-section.look .title{flex:0 0 40%}
#homeServiceSection .title-section.look .button{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(12px,2vw,24px)}
#homeServiceSection .title-section.look p{font-size:clamp(.875rem,1.5vw,1rem);line-height:clamp(1.25rem,2vw,1.5rem);margin:0; padding-bottom: 20px}

/* MEDIA QUERIES */
@media (max-width:991px){
  #homeServiceSection {
    padding: clamp(4rem, 6vw, 5rem) 1rem clamp(4rem, 6vw, 5rem);
}
  #homeServiceSection .service-grid{grid-template-columns:repeat(2,1fr)}
  #homeServiceSection .btn{font-size:clamp(.75rem,1.5vw,.875rem)}
  #homeServiceSection .title-section.look .title,
  #homeServiceSection .title-section.look .button{flex:0 0 100%;}
}
@media (max-width:575px){
  #homeServiceSection .title-section {
    gap: 20px;}
  #homeServiceSection .service-grid{grid-template-columns:1fr;gap:clamp(8px,3vw,16px)}
  #homeServiceSection .title-section.look{padding-top:clamp(2rem,6vw,4rem)}
  #homeServiceSection .title h2{font-size:clamp(1.5rem,5vw,2.25rem)}
  #homeServiceSection .title-section.look{padding-top:clamp(2rem,6vw,4rem);gap:clamp(12px,2vw,16px);}
  #homeServiceSection .title-section.look .title h2{font-size:clamp(1.5rem,5vw,2.25rem);}
  #homeServiceSection .button {
    justify-content: flex-start !important; gap:0}
}


/*About Service Ends*/



#homeArticleSection{padding:6.25rem 0}
#homeArticleSection>.container{display:flex;flex-direction:column;gap:3.75rem;padding:0 1rem}
#homeArticleSection .title-section{align-items:center}
#homeArticleSection .title h2{font-size:3rem;margin:0}
#homeArticleSection .btn.btn-primary.view-all{padding:10px 24px;border-radius:70px;font-size:1rem;font-family:'SF Pro',sans-serif;font-weight:500;background:#4c514d;border-color:#4c514d;color:#fff}


/* #homeArticleSection .blog-loop{padding:20px;background-color:var(--mist);border-radius:24px;border:1px solid #E0E0E0;display:grid;grid-template-columns:1fr 1fr;gap:20px} */

#homeArticleSection .blog-loop{overflow:hidden; padding:0;background-color:var(--mist);border-radius:24px;border:1px solid #E0E0E0;display:grid;grid-template-columns:1fr 1fr;gap:0}
#homeArticleSection .row.blog-loop > * {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#homeArticleSection .blog-item{display:flex;gap:28px;padding:28px;border-radius:16px;background:transparent;align-items:flex-start;border-bottom:1px solid rgba(0,0,0,.07); border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
#homeArticleSection .blog-item:nth-child(odd){border-right:1px solid rgba(0,0,0,.07); border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;}
#homeArticleSection .bi-image{flex:0 0 196px;height:189px;border-radius:12px;background-position:center;background-size:cover;background-repeat:no-repeat}
/* #homeArticleSection .bi-content{display:flex;flex-direction:column;justify-content:space-between;gap:12px; height: 100%;} */
#homeArticleSection .bi-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}
#homeArticleSection .bi-date{font-size:.95rem;color:rgba(0,0,0,.8)}
#homeArticleSection .bi-category{font-size:.75rem;padding:6px 12px;border-radius:24px;background-color:rgba(0,0,0,.06);font-weight:500}
#homeArticleSection .bi-title{font-size:1.125rem;font-weight:600;line-height:1.4;font-family:'SF Pro',sans-serif;margin:0}

/* responsive: keep two columns on large tablets, one column on small screens */
@media(max-width:991px){
  #homeArticleSection{padding:6.25rem 1rem}
  #homeArticleSection .title-section .title {
    margin-bottom: 20px;
}
/*   #homeArticleSection .title-section .button
 {
    align-items: flex-start !important;
} */
  #homeArticleSection .blog-loop{grid-template-columns:1fr; padding: 0;}
  #homeArticleSection .blog-item{flex-direction:row;align-items:flex-start;border-right:none}
  #homeArticleSection .bi-image{flex:0 0 140px;height:140px}
}

@media(max-width:575px){
  #homeArticleSection .blog-item{flex-direction:column;align-items:stretch;padding:20px}
  #homeArticleSection .bi-image{width:100%;height:220px;flex:0 0 auto;border-radius:12px}
  #homeArticleSection .bi-meta{flex-direction:row;justify-content:space-between}
  #homeArticleSection .bi-title{font-size:1rem}
}

@media(max-width: 767px){
	#homeArticleSection .title-section .button
 {
    align-items: flex-start !important;
}
}

@media(min-width: 768px) and (max-width: 1024px){
	#homeArticleSection .title-section .button
 {
    align-items: flex-end !important;
}
}



#homeFaqSection .faq-section{background:#fff;color:#000}
#homeFaqSection .faq-title{    
    font-size: 3rem;
    font-weight: 400;
    line-height: 3.75rem;
    letter-spacing: -0.06rem;
	margin-bottom: 1.5rem;
	}
	
	
#homeFaqSection .faq-subtitle{color: #000;
    margin-bottom: 3.75rem;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 600;}
	
	
#homeFaqSection .accordion-item{border:1px solid #eee;border-radius:.75rem;margin-bottom:1rem;overflow:hidden;background:#f9f8f7;box-shadow:0 2px 6px rgba(0,0,0,.04)}
#homeFaqSection .accordion-flush>.accordion-item{border-radius:1rem}
#homeFaqSection .accordion-button:focus{box-shadow:none}
#homeFaqSection .accordion-button{background-color:var(--mist);color:#000;font-size:1.25rem;font-weight:600;padding:1rem 1.25rem;box-shadow:none;line-height:2rem;font-family:'SF Pro',sans-serif;border:none;transition:background-color .3s ease}
#homeFaqSection .accordion-button:hover{background-color:#f1efed}
#homeFaqSection .accordion-button:not(.collapsed){background-color:#6c635a;color:#fff}
#homeFaqSection .accordion-button::after{display:none}
#homeFaqSection .accordion-button::before{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:0;margin-right:17px;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}
#homeFaqSection .accordion-button:not(.collapsed)::before{filter:invert(1);transform:rotate(180deg)}
#homeFaqSection .accordion-body{background-color:var(--mist);color:#444;padding:1rem 1.25rem;font-size:.95rem;line-height:1.6}

@media(max-width:991px){
#homeFaqSection {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
}

@media(max-width: 767px){
    #homeFaqSection .text-center{
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    }

    #homeFaqSection .faq-title{
    font-size: 2rem;
    line-height: 2.75rem;
    letter-spacing: -0.1rem;
    /* width: 14.125rem; */
    padding-bottom: 1rem;
    }

    #homeFaqSection .faq-subtitle {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    width: 18.563rem;
    text-align: center;
    }

}

/* CTA SECTION (Matches Figma exactly) */

#homeCtaSection {
  margin: 5rem 0 6.215rem;
}

/* #homeCtaSection .row {
  position: relative;
  padding: 6rem 5rem;
  border-radius: 40px;
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
  overflow: hidden;
} */

#homeCtaSection .ctaBgImage {
    position: relative;
    /* padding: 6rem 5rem; */
    border-radius: 40px;
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    overflow: hidden;
}

/* Strong white gradient on left */
#homeCtaSection .row:before {
  content: "";
  position: absolute;
  inset: 0;
  /* background: linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,0.65) 35%, rgba(255,255,255,0) 60%); */
      background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0) 68%);
  border-radius: inherit;
  z-index: 0;
}

/* Content container */
#homeCtaSection .row .col-md-6 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: relative;
  z-index: 2;
  align-items: start;
}

/* Typography */
#homeCtaSection h2 {
  font-size: 3.5rem;
  /* font-weight: 600; */
  max-width: 460px;
}

#homeCtaSection p {
  font-size: 1.15rem;
  color: #333;
  max-width: 480px;
  font-weight: 600;
  letter-spacing: -0.025rem;
}

/* Buttons */
#homeCtaSection .cta-btn-group {
  display: flex;
  gap: 12px;
}

#homeCtaSection .cta-btn-group .btn {
  padding: 12px 28px;
  border-radius: 60px;
  font-size: 1rem;
  font-weight: 500;
  font-family: "SF Pro", sans-serif;
  transition: all .25s ease;
}

/* Primary – Black */
#homeCtaSection .btn.fom {
  background: #000;
  color: #fff;
}

/* Secondary – Transparent border */
#homeCtaSection .btn.ot {
  /* border: 2px solid #000; */
  background: rgba(0, 0, 0, 0.12);
  color: #000;
}

#homeCtaSection .btn.fom:hover {
  opacity: .85;
}

#homeCtaSection .btn.ot:hover {
  background: #000;
  color: #fff;
}


/* ============================
   ✅ Responsive Media Queries
   ============================ */

/* Laptop screens (1200px and down) */
@media (max-width: 1200px) {
  #homeCtaSection .row {
    padding: 5rem 3.5rem;
    background-size: 120%;
  }

  #homeCtaSection h2 {
    font-size: 3rem;
  }
}

/* Tablet screens (992px and down) */
@media (max-width: 992px) {
  #homeCtaSection {
    margin-top: 6rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
  #homeCtaSection .row {
    padding: 4rem 2.5rem;
    flex-direction: column;
    background-position: center;
    background-size: cover;
    text-align: center;
  }

      #homeCtaSection .row:before {
        background: linear-gradient(to left, #ffffff 51%, rgba(255, 255, 255, 0) 67%);
    }

      #homeCtaSection .row .col-md-6 {
        align-items: flex-start;
        width: 100%;
    }
  
    #homeCtaSection h2 {
    
        text-align: left;
    }
    #homeCtaSection p {
    
        text-align: left;
    }

  #homeCtaSection .cta-btn-group {
    justify-content: center;
  }

  /* Adjust gradient to lighter opacity so image shows better */
  #homeCtaSection .row:before {
    background: linear-gradient(
     to left,
      #ffffff 0%,
      rgba(255, 255, 255, 0.75) 40%,
      rgba(255, 255, 255, 0) 100%
    );
  }
}

/* Mobile screens (576px and down) */
/* @media (max-width: 576px) {
  #homeCtaSection .row {
    padding: 3rem 1.5rem;
  }

      #homeCtaSection .row {
        padding: 22rem 1.5rem 3rem;
        background-position: 72% 0;
        background-size: 188% auto;
    }

  #homeCtaSection .row:before {
        background: linear-gradient(359deg, #ffffff 51%, rgba(255, 255, 255, 0) 67%);
    }

  #homeCtaSection h2 {
    font-size: 2.3rem;
  }

  #homeCtaSection p {
    font-size: 1rem;
  }

  #homeCtaSection .cta-btn-group {
    flex-direction: column;
    gap: 10px;
    width: 100%;
  }

  #homeCtaSection .cta-btn-group .btn {
    width: 100%;
    text-align: center;
  }
} */


/* ====================
   NEW MOBILE RESPONSIVE CSS 
==================== */
@media (max-width: 576px) {

  #homeCtaSection {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  #homeCtaSection .row {
    padding: 18rem 1.5rem 2.5rem;
    background-position: top center;
    background-size: cover;
    border-radius: 24px;
    text-align: left;
  }

  /* Gradient from TOP to BOTTOM (exact match) */
  #homeCtaSection .row:before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 32%, rgba(255, 255, 255, 0.75) 50%, #ffffff 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 32%, rgba(255, 255, 255, 0.75) 50%, #ffffff 100%);
  }

  #homeCtaSection .col-md-6 {
    gap: 18px;
    align-items: flex-start;
  }

  #homeCtaSection img {
    width: 36px;
    margin-bottom: 0;
  }

  #homeCtaSection h2 {
    font-size: 1.7rem;
    line-height: 1.3;
    max-width: 100%;
  }

  #homeCtaSection p {
    font-size: 0.95rem;
    max-width: 100%;
  }

  #homeCtaSection .cta-btn-group {
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }

  #homeCtaSection .cta-btn-group .btn {
    width: 100%;
    padding: 12px;
    font-size: 0.95rem;
  }
}



/*******************************************************************************************************************************************/

/************************************************SERVICE PAGE START***************************************/

/*Home Section Starts*/

/*BANNER SECTION*/
 #ServiceHeroSection .left {
    
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    padding: 18.313rem 0 0 0;

}

/* #ServiceHeroSection {
    position: relative;
    background-position: 545px -28px;
    background-repeat: no-repeat;
    margin: 12px;
    padding-bottom: 5rem;
border-radius: 24px;
}  */

/* #ServiceHeroSection .container {
    position: relative;
    overflow: hidden;
    padding: 0;
    border-radius: 24px;
} */

/* #ServiceHeroSection::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 53%;
    height: 100%;
    background: linear-gradient(to right, #f2f0ed 80%, rgba(255, 255, 255, 0) 100%);
    border-radius: 24px;
    z-index: 1;
} */

/* #ServiceHeroSection .container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 53%;
    height: 100%;
    background: linear-gradient(to right, #f2f0ed 80%, rgba(255, 255, 255, 0) 100%);
    border-radius: 24px;
    z-index: 1;
} */
/* 
@media(max-width: 767px){
	#ServiceHeroSection .container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 71%;
    background: linear-gradient(to bottom, #f2f0ed 80%, rgba(255, 255, 255, 0) 100%);
    border-radius: 24px;
    z-index: 1;
} */

#ServiceHeroSection .left h1 {
    padding-bottom: 1rem;
}
}




@media(min-width: 768px) and (max-width: 1024px){
	#ServiceHeroSection .container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
    background: linear-gradient(to right, #f2f0ed 80%, rgba(255, 255, 255, 0) 100%);
    border-radius: 24px;
    z-index: 1;
}

#ServiceHeroSection .text-content {
    width: 70%;
}

#ServiceHeroSection .left h1 {
    padding-bottom: 1rem;
}
    #ServiceHeroSection .left {
        width: 100%;
    }
}

#ServiceHeroSection .title-section {
  position: relative;
  z-index: 2;
} 

#ServiceHeroSection .hero-img {
/*     position: absolute;
    top: 0;
    right: 0;                
    width: 60%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    border-radius: 24px; */
	
	
	width: 60vw;
    height: 100%;
    min-height: 560px;
    background-size: cover;
    background-position: center;
    border-radius: 0 28px 28px 0;
}

@media(min-width: 1920px){
	#ServiceHeroSection .hero-img {
	background-position: 100% 25%;
	}
}

@media (max-width: 767px) {

    #ServiceHeroSection .hero-img {
        width: 100%;
        height: 50%;
		border-radius: 0!important;
    }

    #ServiceHeroSection::before {
        width: 100%;
        height: 70%;
        background: linear-gradient(
            to bottom,
            #f2f0ed 80%,
            transparent 100%
        );
    }

    #ServiceHeroSection .left {
        padding: 4rem 1.5rem 7rem;
    }


#ServiceHeroSection .left h1 {
    font-size: 2.5rem !important;
    line-height: 3rem !important;
}

}





/* #ServiceHeroSection .container *{z-index:2} */

/* #ServiceHeroSection h1{font-size:clamp(2rem,4vw,3.75rem);line-height:clamp(2.5rem,5vw,72px);color:var(--glo);margin:0} */



#ServiceHeroSection .left h1 {font-size: 3.5rem; line-height: 4.25rem;
letter-spacing: -0.105rem; color: var(--ebony); padding-bottom: 2rem;}   




/* MEDIA QUERIES */
@media (max-width:991px){
  #ServiceHeroSection h1{font-size:clamp(1.75rem,4vw,3rem);line-height:clamp(2rem,4vw,3.5rem)}
  #ServiceHeroSection .left p{font-size:clamp(.875rem,2vw,1.25rem);line-height:clamp(1.25rem,2.5vw,28px)}
  #ServiceHeroSection .right p{font-size:clamp(.75rem,1.5vw,1rem)}
  #ServiceHeroSection .right{gap:24px}

  #ServiceHeroSection .container .row {
    /* padding-top: 3rem; */
    /* height: auto; */
    justify-content: space-between;
    align-items: unset;
  }
}

@media (max-width:575px){
  #ServiceHeroSection h1{font-size:clamp(3rem,5vw,2.5rem);line-height:clamp(3.5rem,5vw,3rem); margin-bottom: 1rem;}
  #ServiceHeroSection .left p{font-size:clamp(1rem,3vw,1rem);line-height:clamp(1rem,3vw,1.5rem);  margin-bottom: 1rem;}
  #ServiceHeroSection .right p{font-size:clamp(.7rem,3vw,.875rem);}
  #ServiceHeroSection .right .btn{padding:8px 16px;font-size:.875rem}
   #ServiceHeroSection .container .row {    
    justify-content: unset;    
  }
}

/*BANNER SECTION*/
/*Home Section Ends*/


/*USP Section Starts*/



#ServiceUspSection{
background-color: #4C514D;
}

/* #ServiceUspSection>.container {
    max-width: clamp(1140px, 92vw, 1366px);
    margin: 0 auto;
    padding: 0 1rem;
} */

#ServiceUspSection .container {
    padding: 5rem 0 6.625rem 0;
}

#ServiceUspSection .title-section h2{
    width: 52.813rem;
    color: var(--bs-body-bg);
    font-size: 3rem;
    line-height: 3.75rem;
    letter-spacing: -0.09rem;
}

/* #ServiceUspSection .uspContent {
	width: 34.438rem;
} */

@media(min-width:1920px){
	#ServiceUspSection .uspContent {
    width: 40.438rem;
}
}



#ServiceUspSection .imageSection {
    padding-top: 3.75rem;
    justify-content: space-between;
}

/* #ServiceUspSection .uspImage.col-md-5{

  background-size: cover;    
  background-position: center;    
  background-repeat: no-repeat;
  border-radius: 16px;
  height: 100%;                   
  min-height: 394px;  
} */


#ServiceUspSection .uspImage{

  background-size: cover;    
  background-position: center;    
  background-repeat: no-repeat;
  border-radius: 16px;
  height: 100%;                   
  min-height: 394px;  
  width: 41.375rem;
}


#ServiceUspSection .uspContent h3{
    padding-bottom: 2.75rem;
}

@media (max-width: 767px){
  
  #ServiceUspSection{
    display: none !important;
  }
}

@media (max-width: 1024px){
  #ServiceUspSection .title-section h2 {
    width: 100%;
    font-size: 2.5rem;
    line-height: 3rem;
}

#ServiceUspSection .uspImage
 {
    min-height: 455px;
	width: 100%
}

#ServiceUspSection .uspContent {
    width: 100%;
}
#ServiceUspSection .imageSection {
    gap: 2rem;
	flex-direction: column;
}
}


@media(min-width: 1920px){
    #ServiceUspSection .uspImage {
    min-height: 446px;
    width: 69.375rem;
}

#homeBenefitSection .benefits {
    max-width: 890px;
}
}


/*USP Section Ends*/


/*********************************************************SERVICE DETAILS SECTION STARTS******************************************************/

/*HERO SECTION START*/

@media(min-width: 1920px){
    #DetailsHeroSection .title-section {
    width: 55.625rem !important;
}

/* #DetailsHeroSection .row{
    width: 55.666667%;
} */

/* #DetailsHeroSection .details-image {
    width: 45.94% !important;
} */
}

#DetailsHeroSection{
    background-color: #4C514D;
    margin: 12px;
    border-radius: 16px;
}

#DetailsHeroSection .container {
    justify-content: space-between;
}

/* #DetailsHeroSection .details-image.col-md-4{

  background-size: cover;    
  background-position: center;    
  background-repeat: no-repeat;
  border-radius: 16px;
  height: 100%;                   
  min-height: 564px; 
  margin-top: 6.25rem; 
  margin-bottom: 0.75rem;
} */


#DetailsHeroSection .details-image{

  background-size: cover;    
  background-position: center;    
  background-repeat: no-repeat;
  border-radius: 16px;
  height: 100%;                   
  min-height: 564px; 
  margin-top: 6.25rem; 
  margin-bottom: 0.75rem;
  /* width: 36.94%; */
}

#DetailsHeroSection .row.col-md-8 {
    /* padding: 15.5rem 0 4.25rem 0; */
    padding: 15.5rem 0 4.25rem 0;
    align-items: end;
}

/* #DetailsHeroSection .title-section{
width: 42.625rem;
} */

@media(min-width: 767px) and (max-width: 1024px){
#DetailsHeroSection .row.col-md-8 {
    /* padding: 15.5rem 3rem 4.25rem 0; */
	padding: 6.5rem 3rem 4.25rem 0;
}

#DetailsHeroSection .details-image {
    min-height: 490px;
}
}

#DetailsHeroSection a.btn.btn-light.contact-btn {
    border-radius: 70px;
    padding: 10px 24px;
    font-weight: 510;
    font-size: 1.05rem;
    line-height: 1.7rem;
    letter-spacing: -0.015rem;
}

#DetailsHeroSection .title-section h1{
    font-size: 3.5rem;
    line-height: 4.25rem;
    letter-spacing: -0.105rem;
    color: var(--glo);
    padding-bottom: 2rem;
	
}

#DetailsHeroSection .title-section p{
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: -0.025rem;
    color: var(--glo);
    padding-bottom: 2rem;
	width: 41rem;
}


@media(max-width: 767px){
	
	#DetailsHeroSection {
    padding: 9px;
	}
	

#DetailsHeroSection .row {
    padding: 8.75rem 0 0 0;
}

#DetailsHeroSection .title-section h1 {
    font-size: 2.5rem;
    line-height: 4.25rem;
    padding-bottom: 2rem;
}

#DetailsHeroSection .title-section p {
    font-size: 1rem;
    line-height: 1.5rem;
    color: rgba(255, 255, 255, 0.7);
    width: 100%;
}

#DetailsHeroSection .row.col-md-8 {
    /* padding: 15.5rem 0 4.25rem 0; */
    padding: 5.5rem 0 0.25rem 0;
    align-items: end;
}

/* #DetailsHeroSection .details-image.col-md-4 {
    margin-top: 0;
} */

#DetailsHeroSection .details-image {
    margin-top: 0;
	width: 100%;
}

#DetailsHeroSection .details-image {
    min-height: 24.563rem;
}

#DetailsHeroSection .contact-btn{
  display: none;
}
}

/*HERO SECTION END*/


/*SECOND SECTION - EXPLANATION POINT START*/

#DetailsExplanationSection .container{
    text-align: left;
    padding: 7.5rem 0 0 0;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#DetailsExplanationSection .title-section h1 {
    font-size: 3rem;
    line-height: 3.75rem;
    letter-spacing: -0.06rem;
    padding-bottom: 1.5rem;
}

#DetailsExplanationSection .title-section p {
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: -0.025rem;
    font-weight: 600;
}

#DetailsExplanationSection .content-section
 {
    font-size: 1.15rem;
    line-height: 1.5rem;
    letter-spacing: -0.01rem;
    width: 60.5rem;
    padding-bottom: 10rem;
    color: rgba(0, 0, 0,  0.7);
}

#DetailsExplanationSection .content-section.below
 {
    padding-top: 5rem;
 }

#DetailsExplanationSection .content-section.below p{
    font-size: 1.15rem;
    line-height: 1.5rem;
    letter-spacing: -0.01rem;
    width: 60.5rem;
    color: rgba(0, 0, 0,  0.7);
}


#DetailsExplanationSection .row.title-section {
    text-align: center;
    width: 49.5rem;
    justify-content: center;
    padding-bottom: 4em;
}

#DetailsExplanationSection  .detail-image {
    flex-direction: column;
    align-items: center;
    min-height: 28.75rem;
    width: 60.5rem;
    border-radius: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#DetailsExplanationSection  .detail-image .image-caption{
   padding-top: 1.5rem;
}

#DetailsExplanationSection  .second-explain, #DetailsAccordianExplanation .third-explain {
    text-align: center;
}

#DetailsExplanationSection .second-explain .image-caption.SF-16-black,
#DetailsAccordianExplanation .third-explain .SF-16-black
{
    padding-top: 1.5rem;
}

#DetailsAccordianExplanation .third-explain-image{
	background-repeat: no-repeat;
    border-radius: 24px;
    min-height: 28.75rem;
    background-position: 22% 100%;
}
/*MEDIA QUERIES*/

/*TABLET*/

@media(max-width: 767px){
  #DetailsExplanationSection .row.title-section {
    width: 100%;
    padding: 2.5rem 0 3rem 0;
  }

  #DetailsExplanationSection .title-section h1 {
    font-size: 2rem;
    line-height: 2.75rem;
    padding-bottom: 1.5rem;
}

#DetailsExplanationSection .container {
    padding: 1.75rem 1.25rem 0 1.25rem;
}

#DetailsExplanationSection .title-section p {
    font-size: 1rem;
    line-height: 1.5rem;
}

#DetailsExplanationSection .content-section {
    width: 100%;
	padding-bottom: 3rem;    
}

#DetailsExplanationSection .content-section.below p {
    font-size: 1.15rem;
    line-height: 1.5rem;
    letter-spacing: -0.01rem;
    width: 100%;
}

#DetailsExplanationSection .content-section.below
{
    padding: 3rem 0 0 0;
}

#DetailsExplanationSection .detail-image {
    width: 100%;
} 

#DetailsExplanationSection  .second-explain, #DetailsExplanationSection  .third-explain {
   width: 100%; 
}
}

@media(min-width: 768px) and (max-width: 1024px){
 #DetailsAccordianExplanation .image-content-block.tablet-block{
    display: none !important;
}

#DetailsAccordianExplanation .content-block {
    width: 100% !important;
}


}

/*SECOND SECTION - EXPLANATION POINT END*/


/*THIRD SECTION - EXPLANATION POINT ACCORDIAN PART II STARTS*/
#DetailsAccordianExplanation .title-section h1 {
    font-size: 3rem;
    line-height: 3.75rem;
    letter-spacing: -0.06rem;
    width: 15.56343rem;
    padding-bottom: 3.75rem;
}

#DetailsAccordianExplanation .title-section h3 {
  font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: -0.025rem;
    font-family: 'SF Pro', sans-serif;
    font-weight: 600;
    padding: 2rem 0 5rem 0 ;

}


#DetailsAccordianExplanation .row.title-section {
    justify-content: space-between;
}

#DetailsAccordianExplanation .row.image-content-block {
    padding-top: 3.75rem;
    /* gap: 5rem; */
    justify-content: space-between;
    flex-direction: row;
    
}

#DetailsAccordianExplanation .row.image-content-block img {
    width: 100%;
    border-radius: 24px;
    margin-bottom: 1.5rem;
    min-height: 28rem;
}

#DetailsAccordianExplanation .content-block .image-box img {
    width: 100%;
    border-radius: 24px;
    margin-bottom: 1.5rem;
	height: 26.25rem;
}

#DetailsAccordianExplanation .image-block{
  /* width: 33%; */
  width: 37%;
}

#DetailsAccordianExplanation .content-block{
  /* width: 60%; */
  /* width: 57.5%; */
}

#DetailsAccordianExplanation .thirdExplainImg{
    background-repeat: no-repeat;
    border-radius: 24px;
    min-height: 28.75rem;
    background-position: 22% 100%;
}

/*.d-flex.align-items-center.flex-column {
     height: 100%; */
    /*background-repeat: no-repeat;
    border-radius: 24px;
    min-height: 28.75rem;
    background-position: 22% 100%;
}*/

/*MEDIA QUERIES*/

@media(max-width: 767px){
#DetailsAccordianExplanation .content-block {
    width: 100%;
}

   /*  #homeFaqSection {
        padding-left: 0;
        padding-right: 0;
    } */

    #DetailsAccordianExplanation .image-block {
    width: 100%;
    display: flex;
    flex-direction: column;
}
#DetailsAccordianExplanation .thirdExplainImg {
    background-position: center;
}
}


@media(max-width: 1024px){
  #DetailsAccordianExplanation .title-section h3 {
    padding: .8rem 0 2.2rem 0;
}

#DetailsExplanationSection .content-section {
    width: 100%;
}

/* #DetailsExplanationSection .detail-image
 {
    width: 90vw;
} */
#DetailsExplanationSection .content-section.below p, #DetailsAccordianExplanation .image-block, #DetailsAccordianExplanation .image-block {
    width: 100%;  
}


}

/*MOBILE RESPONSIVE SECTION ONLY STARTS*/

 

/*MOBILE RESPONSIVE SECTION ONLY ENDS*/

/*THIRD SECTION - EXPLANATION POINT ACCORDIAN PART II ENDS*/

/*FAQ SECTION STARTS*/
#homeFaqSection .faq-title-detail {
    font-size: 3rem;
    line-height: 3.75rem;
    font-weight: 400;
    letter-spacing: -0.06rem;
    padding: 10rem 0 3.75rem 0;
}

/* @media(max-width: 767px){
#homeFaqSection .container {
    padding: 0;
}
} */
/*FAQ SECTION ENDS*/



/*SERVICE DETAILS SECTION ENDS*/




/*Benefit Section Starts*/

#homeBenefitSection{background-color:var(--indigo);padding:clamp(4rem,6vw,5rem) 0}

@media(min-width: 767px) and (max-width: 1024px){
	#homeBenefitSection .row {

    justify-content: center !important;
}
}
/* #homeBenefitSection>.container{max-width:clamp(1140px,92vw,1366px);margin:0 auto;padding:0 1rem} */




#homeBenefitSection .row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:clamp(2rem,3vw,4rem)}
#homeBenefitSection .title{flex:0 0 clamp(38%, 36%, 40%);display:flex;flex-direction:column;justify-content:flex-start;min-height:clamp(400px,50vw,588px)}
#homeBenefitSection .title h2{font-size:clamp(1.5rem,3vw,2.25rem);margin-bottom:1rem;line-height:clamp(2rem,4vw,3rem)}
#homeBenefitSection .title p{font-size:clamp(.875rem,1.5vw,1rem);line-height:clamp(1.25rem,2vw,1.5rem);margin:0; font-weight: 600}
#homeBenefitSection .benefits{flex:0 0 clamp(55%, 50%, 55%);display:flex;flex-direction:column;gap:clamp(2rem,4vw,4rem);max-width:600px}
#homeBenefitSection .benefit-item{padding:clamp(1rem,2vw,1.25rem);border-radius:clamp(16px,2vw,24px);background-color:#fff;display:flex;flex-direction:column;gap:clamp(2rem,3vw,3rem);max-width:100%}
#homeBenefitSection .bi-image{width:100%;height:clamp(180px,20vw,282px);border-radius:clamp(16px,2vw,24px);background-position:100% 30%;background-size:100% auto}
#homeBenefitSection .bi-content h3{font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:600;font-family:'SF Pro',sans-serif;margin-bottom:clamp(1rem,2vw,1.75rem)}
#homeBenefitSection .bi-content p{font-size:clamp(.75rem,1.5vw,.875rem);font-family:'SF Pro',sans-serif;font-weight:400;margin-bottom:clamp(.75rem,1.5vw,1.5rem);line-height:clamp(1.25rem,2vw,1.5rem)}

/* MEDIA QUERIES */
@media(max-width:991px){
  #homeBenefitSection .title,
  #homeBenefitSection .benefits{flex:0 0 100%}
  #homeBenefitSection .title{min-height:auto;margin-bottom:2rem}
}

@media(max-width:575px){
  #homeBenefitSection{padding:clamp(2rem,6vw,3rem) 0.5rem}
  #homeBenefitSection .benefit-item{gap:clamp(1rem,3vw,2rem)}
  #homeBenefitSection .bi-image{height:clamp(150px,25vw,200px)}
  #homeBenefitSection .bi-content h3{font-size:clamp(1.25rem,4vw,1.75rem)}
  #homeBenefitSection .bi-content p{font-size:clamp(.75rem,3vw,.875rem)}
}



/*Benefit Section Ends*/

/*CSS FOR MOBILE VERSION HIDDEN SECTIONS*/

@media(max-width: 767px){
#DetailsAccordianExplanation .title-section, #homeFaqSection .faq-title-detail.mobile-faq {
  display: none !important;
}
}


/*MOBILE ONLY SECOND SECTION - EXPLANATION POINT START*/

#mobileDetailsExplanationSection .container{
    text-align: left;
    padding: 7.5rem 0 0 0;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#mobileDetailsExplanationSection .title-section h1 {
    font-size: 3rem;
    line-height: 3.75rem;
    letter-spacing: -0.06rem;
    padding-bottom: 1.5rem;
}

#mobileDetailsExplanationSection .title-section p {
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: -0.025rem;
    font-weight: 600;
}

#mobileDetailsExplanationSection .content-section
 {
    font-size: 1.15rem;
    line-height: 1.5rem;
    letter-spacing: -0.01rem;
    width: 60.5rem;
    padding-bottom: 5rem;
}

#mobileDetailsExplanationSection .content-section.below
 {
    padding-top: 7.75rem;
 }

#mobileDetailsExplanationSection .content-section.below p{
    font-size: 1.15rem;
    line-height: 1.5rem;
    letter-spacing: -0.01rem;
    width: 60.5rem;
    color: rgba(0, 0, 0,  0.7);
}


#mobileDetailsExplanationSection .row.title-section {
    text-align: center;
    width: 44.5rem;
    justify-content: center;
    padding-bottom: 5rem;
}

#mobileDetailsExplanationSection  .detail-image {
    flex-direction: column;
    align-items: center;
    min-height: 28.75rem;
    width: 60.5rem;
    border-radius: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#mobileDetailsExplanationSection  .detail-image .image-caption{
   padding-top: 1.5rem;
}

#mobileDetailsExplanationSection  .second-explain{
    text-align: center;
}

#mobileDetailsExplanationSection .second-explain .image-caption.SF-16-black
{
    padding-top: 1.5rem;
}

#mobileDetailsExplanationSection .row {
    width: 100%;
}


/*MEDIA QUERIES*/

/*TABLET*/

@media(max-width: 767px){

  section#mobileDetailsExplanationSection {
    padding-bottom: 3rem; }

  #mobileDetailsExplanationSection .row.title-section {
    width: 100%;
    padding: 2.5rem 0 3rem 0;
  }

  #mobileDetailsExplanationSection .title-section h1 {
    font-size: 2rem;
    line-height: 2.75rem;
    padding-bottom: 1.5rem;
    text-align: left;
    padding-left: 0;
}

#mobileDetailsExplanationSection .container {
    padding: 1.75rem 1.25rem 0 1.25rem;
}

#mobileDetailsExplanationSection .title-section p {
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: left;
    padding-left: 0;
}

#mobileDetailsExplanationSection .content-section {
    width: 100%;    
}

#mobileDetailsExplanationSection .content-section.below p {
    font-size: 1.15rem;
    line-height: 1.5rem;
    letter-spacing: -0.01rem;
    width: 100%;
}

#mobileDetailsExplanationSection .content-section.below .details-mobile-block{
  display: none;
}

#mobileDetailsExplanationSection .content-section.below
{
    padding: 3rem 1rem 0 1rem;
}

#mobileDetailsExplanationSection .detail-image {
    width: 100%;
}

/* #mobileDetailsExplanationSection  .second-explain{
   width: 100%; 
} */
}

#homeArticleSection .row.justify-content-between.look {
    /* padding-bottom:clamp(2rem,4vw,3.75rem); */
    padding-bottom:0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 991px) {
   

    #homeArticleSection .look .title {
        margin-bottom: 20px;
    }
}

@media(max-width: 767px){
	 #homeArticleSection .look .button {
        align-items: flex-start !important;
    }
}

@media(min-768px) and (max-width: 1024px){
	 #homeArticleSection .look .button {
        align-items: flex-end !important;
    }
}

/*MOBILE ONLY SECOND SECTION - EXPLANATION POINT END*/


/************************************************SERVICE PAGE END***************************************/




/************************************************PAYMENT OPTIONS START***************************************/


/*HERO BANNER SECTION*/
/* #paymentOptionsHeroSection .left {
    
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    padding: 10.313rem 0 0 0;

}

#paymentOptionsHeroSection {
    position: relative;
    background-position: 545px -28px;
    background-repeat: no-repeat;
    margin: 12px;
    padding-bottom: 6rem;
    border-radius: 24px;
} 

 #paymentOptionsHeroSection::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 53%;
    height: 100%;
    background-color: #f2f0ed;
    border-radius: 24px;

}

#paymentOptionsHeroSection .title-section {
  position: relative;
  z-index: 2;
}  */

@media(max-width: 767px){
	#paymentOptionsHeroSection .title-section h3 {
    font-size: 1.5rem !important;
    margin-bottom: 0 !important;
    line-height: 2.25rem !important;
    letter-spacing: -0.03rem !important;
    
}

#paymentOptionsHeroSection .left h1 {
    font-size: 2rem !important;
    line-height: 2.75rem !important;
    letter-spacing: -0.06rem !important;
    padding-bottom: 1rem !important;
}
} 

#paymentOptionsHeroSection .title-section h3 {
    font-size: 3rem;
    font-family: 'SF Pro', sans-serif;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 3.75rem;
    letter-spacing: -0.06rem;
    color: var(--ebony);
}

/* #paymentOptionsHeroSection .hero-img {
    position: absolute;
    top: 0;
    right: 0;                
    width: 60%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
} */

#paymentOptionsHeroSection .row>*{
	
	padding-right: 0;
    padding-left: 0;
}

#paymentOptionsHeroSection .title-section .text-content .SF-16-black {
    font-size: 1rem;
    font-family: 'SF Pro', sans-serif;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.5rem;
    letter-spacing: -0.015rem;
    color: rgba(0, 0, 0, 0.7);
    width: 31.563rem;
}

#paymentOptionsHeroSection .btn.contact-btn {
    background-color: #4C514D;
    color: var(--bs-body-bg);
    border-radius: 70px;
    padding: 10px 24px;
    margin-top: 32px;
    font-weight: 600;
}

/* @media (max-width: 768px) {

    #paymentOptionsHeroSection .hero-img {
        width: 100%;
        height: 50%;
        bottom: 0;              
        top: auto;
        right: 0;
    }

    #paymentOptionsHeroSection::before {
        width: 100%;
        height: 65%;
        background: linear-gradient(
            to bottom,
            #f2f0ed 80%,
            transparent 100%
        );
        z-index: 1;
        margin-top: 17px;
    }

    #paymentOptionsHeroSection .left {
        padding: 4rem 1.5rem 7rem;
        width: 100%;
    }

    #paymentOptionsHeroSection {
    padding-bottom: 14rem;
}

#paymentOptionsHeroSection .left h1 {
    font-size: 2.5rem !important;
    line-height: 3rem !important;
}
} */
#paymentOptionsHeroSection h1{font-size:clamp(2rem,4vw,3.75rem);line-height:clamp(2.5rem,5vw,72px);color:var(--glo);margin:0}



#paymentOptionsHeroSection .left h1 {font-size: 3.5rem; line-height: 4.25rem;
letter-spacing: -0.105rem; color: var(--ebony); padding-bottom: 2rem;}   




/* MEDIA QUERIES */
@media (max-width:991px){
  #paymentOptionsHeroSection h1{font-size:clamp(1.75rem,4vw,3rem);line-height:clamp(2rem,4vw,3.5rem)}
  #paymentOptionsHeroSection .left p{font-size:clamp(.875rem,2vw,1.25rem);line-height:clamp(1.25rem,2.5vw,28px)}
  #paymentOptionsHeroSection .right p{font-size:clamp(.75rem,1.5vw,1rem)}
  #paymentOptionsHeroSection .right{gap:24px}

  #paymentOptionsHeroSection .container .row {
    padding-top: 3rem;
    height: auto;
    justify-content: space-between;
    align-items: unset;
  }
}

@media (max-width:575px){
  #paymentOptionsHeroSection h1{font-size:clamp(3rem,5vw,2.5rem);line-height:clamp(3.5rem,5vw,3rem); margin-bottom: 1rem;}
  #paymentOptionsHeroSection .left p{font-size:clamp(1rem,3vw,1rem);line-height:clamp(1rem,3vw,1.5rem);  margin-bottom: 1rem;}
  #paymentOptionsHeroSection .right p{font-size:clamp(.7rem,3vw,.875rem);}
  #paymentOptionsHeroSection .right .btn{padding:8px 16px;font-size:.875rem}
   #paymentOptionsHeroSection .container .row {    
    justify-content: unset;    
  }
}

/*HERO BANNER SECTION*/

/*SECOND SECTION STARTS*/
#paymentSecondSection .paymentContentSecond{
    justify-content: space-between;
    padding: 3.75rem 0 9rem 0;
}

#paymentSecondSection>.container {
    max-width: clamp(1140px, 92vw, 1366px);
    margin: 0 auto;
    padding: 0 1rem;
}

/* #paymentSecondSection .paymentContentLeft{
    width: 29.125rem;
} */

/* #paymentSecondSection .paymentContentRight{
    width: 35.875rem;
} */

/* .paymentContentLeft h3 {
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 3rem;
    font-family: 'SF Pro',sans-serif;;
    letter-spacing: -0.045rem;
} */

.payment-button-container{
    gap: 0.75rem;
}

.payment-button-container .contact-btn {
    background-color: #4C514D;
    color: var(--bs-body-bg);
    border-radius: 70px;
    padding: 10px 24px;
    margin-top: 32px;
    font-weight: 600;
}

/*SECOND SECTION ENDS*/


/*THIRD SECTION STARTS*/

#paymentThirdSection {
    /* display: flex;
    justify-content: space-between; */
    padding: 3.75rem 0 10rem 0;
}

/* #paymentOptionsHeroSection>.container {
    max-width: clamp(1140px, 92vw, 1366px);
    margin: 0 auto;
    padding: 0 1rem;
} */


#paymentThirdSection>.container {
    max-width: clamp(1140px, 92vw, 1366px);
    margin: 0 auto;
    padding: 0 1rem;
}

#paymentThirdSection .paymentContentThird {
    justify-content: space-between;
}

#paymentThirdSection .paymentIconContainer .firstIcon {
    display: flex;
    /* justify-content: space-between; */
    gap: 2.25rem;
    align-items: center;
}

#paymentThirdSection .paymentIconContainer .firstIcon img {
    width: 8%;
    height: 10%;
}

#paymentThirdSection .firstIcon h1{
  font-size: 1.25rem;
  line-height: 2rem;
  letter-spacing: -0.025rem;
  font-family:'SF Pro',sans-serif;
}


#paymentThirdSection .paymentIconContainer {
    padding: 3rem 0;
    gap: 2.25rem;
    display: flex;
    flex-direction: column;
}

.paymentBoxRight{
  background-color: #F2F0ED;
  border-radius: 24px;
  height: 28.75rem;
}
/*THIRD SECTION ENDS*/

/*MOBILE RESPONSIVE*/



@media(max-width: 767px){

/*BANNER STARTS*/



#paymentOptionsHeroSection .title-section .text-content .SF-16-black {
    width: 100% !important;
}

    #paymentOptionsHeroSection .hero-img {
        width: 100%;
        height: 41%;
        bottom: 0;
        top: 0;
        right: 0;
        background-position: 30% 100%;
		min-height: 300px;
		border-radius: 0 !important;
    }

/* #paymentOptionsHeroSection::before {
    content: "";
    position: absolute;
    top: 171px;
    left: 0;
    width: 101%;
    height: 100%; 
    background-color: #f2f0ed;
    border-radius: 24px;
    z-index: 2;
	
	
	    
        height: 73%;
        background: linear-gradient(to top, #f2f0ed 80%, transparent 100%);
} */

/*     #paymentOptionsHeroSection .container .row {
        padding-top: 14rem;
    } */



        #paymentOptionsHeroSection .left {
       /*  padding: 5rem 1.5rem 1rem; */
	   order: 1;
	   border-radius: 0 0 24px 24px !important;
    }

/*         #paymentOptionsHeroSection {
        padding-bottom: 6rem;
    }
 */
/*BANNER ENDS*/

/*SECOND SECTION START*/

    #paymentSecondSection .paymentContentLeft {
        width: 100% !important;
    }

.paymentContentLeft h3 {
    font-size: 1.5rem !important;
    line-height: 2.25rem !important;
    letter-spacing: -0.03rem !important;
    padding-bottom: 3rem;
	width: 100% !important;
}

#paymentSecondSection .mobilepaymentContentRight h2{
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.02rem;
  font-weight: 600;
  color: var(--ebony);
  padding-bottom: 2rem;
}

#paymentSecondSection .mobile-payment-button-container .contact-btn {
    background-color: #4C514D;
    color: var(--bs-body-bg);
    border-radius: 70px;
    padding: 10px 24px;
    margin-top: 32px;
    font-weight: 600;
}

#paymentSecondSection .mobile-payment-button-container {
gap: 0.75rem;
}

#paymentSecondSection .paymentContentSecond {
    justify-content: space-between;
    padding:0 0.875rem;
}

#paymentThirdSection {
    padding: 3.75rem 1rem 5rem 1rem;
}

/*SECOND SECTION ENDS*/

/*THIRD SECTION STARTS*/
#paymentThirdSection .paymentIconLeft h1 {
    font-size: 2rem;
    line-height: 2.75rem;
    width: 15.75rem;
    letter-spacing: -0.04rem;
}
 .paymentContentThird .mobile-resp {
    padding-top: 5rem;
}

#paymentThirdSection .paymentIconContainer .firstIcon {
    gap: 2.25rem;
}

    #paymentThirdSection .paymentIconLeft {
        width: 100% !important;
    }
/*THIRD SECTION ENDS*/
}


@media(min-width: 768px) and (max-width: 1024px){

/**/

#paymentSecondSection .paymentContentSecond {
    padding: 3.75rem 2rem 4rem 2rem;
}
    #paymentOptionsHeroSection .hero-img {
        width: 100%;
        height: 50%;
        bottom: 0;              
        top: auto;
        right: 0;
    }
	
	#paymentThirdSection .paymentContentThird{
		padding: 0 2rem;
	}

    #paymentOptionsHeroSection::before {
        width: 100%;
        height: 65%;
        background: linear-gradient(
            to bottom,
            #f2f0ed 80%,
            transparent 100%
        );
        z-index: 1;
        margin-top: 17px;
    }

    #paymentOptionsHeroSection .left {
        padding: 4rem 1.5rem 7rem;
        width: 100%;
    }

    #paymentOptionsHeroSection {
    padding-bottom: 14rem;
}

#paymentOptionsHeroSection .left h1 {
    font-size: 2.5rem !important;
    line-height: 3rem !important;
}  
/**/
 #paymentOptionsHeroSection .left {
        padding: 8rem 1.5rem 14rem;
    }

  #paymentOptionsHeroSection .hero-img {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
}

  #paymentOptionsHeroSection .title-section .text-content .SF-16-black {
    width: 38.563rem;
}
  .paymentContentLeft h3 {
    font-size: 2rem;
}

#paymentSecondSection .paymentContentLeft {
  /* width: 45.33%; */
  width: 100%;
  padding-bottom: 50px;
}

/*3rd section*/

   #paymentThirdSection .paymentIconLeft {
        flex: 0 0 auto;
        width: 55.333333%;
    }

   #paymentThirdSection .paymentBoxRight {
    height: 20.75rem;
    width: 36.666667%;
}

   
}
/************************************************PAYMENT OPTIONS ENDS***************************************/




/************************************************CAREERS SECTION STARTS***************************************/


/*HERO SECTION STARTS*/
#CareersHeroSection{
    background-image: url('../imgs/Career/Career-Banner.webp');
    margin: 12px;
    border-radius: 24px;
    position: relative;
    background-size: cover;
    background-position: center;
    min-height: 687px;
    height: 100%;
    background-repeat: no-repeat;
}

#CareersHeroSection::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(11deg, rgba(76, 81, 77, 1) 19%, rgba(76, 81, 77, 0) 75%);
    border-radius: 24px;
    z-index: 0;
}

#CareersHeroSection .row.col-md-8 {
    padding: 29.5rem 0 0;
    z-index: 2;
    position: relative;
}

#CareersHeroSection .title-section{
z-index: 2;
position: absolute;
bottom: 0;
}

#CareersHeroSection .title-section h1{
    font-size: 3.5rem;
    line-height: 4.25rem;
    letter-spacing: -0.105rem;
    color: var(--glo);
    font-family:'SF Pro',sans-serif;
    font-weight: 300;
}


#CareersHeroSection .title-section h2{
    font-size: 3.5rem;
    line-height: 4.25rem;
    letter-spacing: -0.105rem;
    color: var(--glo);
    padding-bottom: 2rem;
}

#CareersHeroSection .title-section p{
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: -0.025rem;
    padding-bottom: 4.25rem;
    color: rgba(255, 255, 255, 0.7);
    width: 56.063rem;
    font-weight: 300;
}


@media(min-width: 1920px){
    .careersFormTab .col-md-8 {
    width: 60.25rem !important;
}
}


@media(max-width: 767px){


  #careersFormSection .careersFormContent {
    padding: 0px 1.25rem 3rem 1.25rem;

}

  #CareersHeroSection{
/*     background-image: url('../imgs/Career/Career_Mobile_Banner.webp') !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent; */
	background-position: 30% 100%;
	
  }

  #CareersHeroSection::before {
    background: linear-gradient(2deg, rgba(76, 81, 77, 1) 30%, rgba(76, 81, 77, 0) 66%);

}

#CareersHeroSection .container.d-flex {
    flex-direction: column;
}

#CareersHeroSection .row.col-md-8 {
    padding: 31.75rem 0 0 0;
}


#CareersHeroSection .title-section h1 {
        font-size: 1.5rem;
        line-height: 2.25rem;
        letter-spacing: -0.03rem;
}

#CareersHeroSection .title-section h2 {
    font-size: 2.25rem;
    line-height: 3rem;
    letter-spacing: -0.068rem;
    width: 15rem;
    padding-bottom: 1rem;
}

#CareersHeroSection .title-section p {
    font-size: 1rem;
    line-height: 1.5rem;
    color: rgba(255, 255, 255, 0.7);
    width: 20.375rem;
    padding-bottom: 2rem;
}


#CareersHeroSection .details-image.col-md-4 {
    margin-top: 0;
}

#CareersHeroSection .contact-btn{
  display: none;
}

/*FORM MEDIA*/

.careersFormTab .col-md-8 {
    width: 94% !important;
}

.careerContainer {
    justify-content: center !important;
    padding: 3rem 0 !important;
}

/*FORM CONTENT MEDIA*/


#careersFormSection .careersFormContent h1 {
    width: 17.25rem !important;
    font-size: 2.25rem !important;
    line-height: 3rem !important;
    letter-spacing: -0.045rem !important;
    padding-bottom: 3rem !important;
}

#careersFormSection .careersFormContent h3 {
    font-size: 1.125rem !important;
    letter-spacing: -0.022rem !important;
    padding-bottom: 2rem !important;
    line-height: 1.875rem !important;
}
}
/*HERO SECTION END*/


/*FORM SECTION STARTS*/

.form-header h1, .section-header h1 {
    font-family: 'SF Pro';
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: -0.025rem;
    color: var(--ebony);
}

#careersFormSection .careersFormContent h1 {
    width: 23rem;
    font-size: 3rem;
    line-height: 3.75rem;
    letter-spacing: -0.06rem;
    padding-bottom: 3rem;
}

#careersFormSection .careersFormContent h3
 {
    font-family: 'SF Pro';
    font-size: 1.25rem;
    letter-spacing: -0.025rem;
    padding-bottom: 2rem;
    font-weight: 600;
}

#careersFormSection .careersFormContent p {
    color: rgba(0, 0, 0, 0.7);
}

.careerContainer{
    padding: 5rem 0;
    justify-content: space-between;
}
  .form-header{
    /* margin-bottom: 1.5rem; */
  }

/*   .careersFormTab .col-md-8{
    background-color: #f2f0ed;
    border-radius: 1rem;
    width: 41.25rem;
    padding: 1.5rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
  } */

#careersFormSection .careersFormPosition {
    padding-bottom: 24px;
}

#careersFormSection .careersFormPhone, .careersPrevExp {
    padding: 24px 0;
}

#careersFormSection .careersFormCityZip {
    padding-bottom: 12px;
}

#careersFormSection .careersFormEmail {
    padding-top: 10px;
}

      
.careersFormTab .form-label {
      /* display: block; 
      margin-bottom: 0.75rem; */
      font-weight: 500; 
      color: rgba(0, 0, 0,  0.7); 
      font-size: 0.875rem;
      line-height: 1.25rem;
      letter-spacing: -0.009rem; 
}

  .careersFormTab .section-header p {
    display: block;
    margin-bottom: 0.75rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7);
    font-size: 0.75rem;
    line-height: 1.25rem;
    letter-spacing: -0.009rem;
}

#experienceDescription {
    border-radius: 8px;
}

       
.careersFormTab .form-control, .careersFormTab .form-select {
            border-radius: 3.125rem; 
            padding: 0.75rem 1.25rem;
}

       
#experienceDescription {
            min-height: 150px;
            resize: vertical;
}

        
.careersFormTab .btn-submit {
    background-color: #4C514D;
    color: var(--glo);
    border-radius: 4.375rem;
    padding: 0.625rem 1.5rem;
    font-family: 'SF Pro';
    font-weight: 500;
}

@media(max-width: 767px){
	#careersFormSection .careersFormLName {
    padding-top: 20px;
	}
	#careersFormSection .careersFormZip{
	padding-top: 20px;
	}
}


/******************TABLET RESPONSIVE************/

@media(min-width: 768px) and (max-width: 1024px){


/* .careersFormTab .col-md-8 {
    width: 25.25rem;
} */

#careersFormSection .careersFormContent h1 {
    width: 100%;
    font-size: 2rem;
    line-height: 2.3rem;
    letter-spacing: -0.06rem;
    padding-bottom: 2rem;
}

}


        
/*FORM SECTION ENDS*/


/************************************************CAREERS SECTION ENDS***************************************/

/************************************************BOOKING SECTION STARTS***************************************/

/*HERO SECTION START*/

#bookingBannerSection{
  background-color: #99A4BF;
  margin: 12px;
  border-radius: 16px;
  height: 31.25rem;
  display: flex;
  align-items: end;
}

/* #bookingBannerSection .row {
    padding: 15.5rem 0 4.25rem 0;
} */

#bookingBannerSection .title-section{
width: 42.625rem;
}


#bookingBannerSection .title-section h1{
    font-size: 3.5rem;
    line-height: 4.25rem;
    letter-spacing: -0.105rem;
    color: var(--ebony);
    padding-bottom: 2rem;
}

#bookingBannerSection .title-section p{
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: -0.025rem;
    color: rgba(0, 0, 0,  0.7);
    padding-bottom: 2rem;
}


@media(max-width: 767px){

/*   #bookingBannerSection .title-section {
    width: 100%;
} */

/* #bookingBannerSection .row{
    padding: 8.75rem 0 2rem 0;
} */

#bookingBannerSection .title-section h1 {
    font-size: 2.5rem;
    line-height: 4.25rem;
    padding-bottom: 2rem;
}

#bookingBannerSection .title-section p {
    font-size: 1rem;
    line-height: 1.5rem;
    width: 18.75rem;
}

}

/*BOOKING CONTENT SECTION*/
#bookingContentSection .bookingBox {
    background-color: #F2F0ED;
    margin: 3.125rem auto;
    padding: 40px;
	border-radius: 24px;
}

#patientSecondSection .patientHeading {
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: -0.025rem;
    padding-bottom: 2rem;
}

#patientBookingSecondSection>.container{
	margin: 0 auto;
    padding: 0 1rem;
}

#patientBookingSecondSection .patientContentSecond {
    justify-content: space-between;
    padding: 3.75rem 0 10rem 0;
}

@media (max-width: 767px) {
	#patientBookingSecondSection{
		margin-bottom: 3.75rem;
	}
	
  #patientBookingSecondSection .patientContentSecond {
        justify-content: space-between;
        padding: 2rem 0.5rem 0 0.5rem;
    } 
	

	    #patientBookingSecondSection .patientContentLeft {
        width: 100%!important;
    }
	    #patientBookingSecondSection .mobilepatientContentRight h2 {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -0.02rem;
        font-weight: 600;
        color: var(--ebony);
        padding-bottom: 2rem;
    }
	#patientBookingSecondSection .mobile-patient-button-container {
        gap: 0.75rem;
    }
	    #patientBookingSecondSection .mobile-patient-button-container .contact-btn {
        background-color: #4C514D;
        color: var(--bs-body-bg);
        border-radius: 70px;
        padding: 10px 24px;
        margin-top: 32px;
        font-weight: 600;
    }
}


@media (min-width: 768px) and (max-width: 1024px) {
    #patientBookingSecondSection .patientContentLeft {
        width: 47.333333%;
    }
	
	#patientBookingSecondSection .paymentContentRight {
    width: 50%;
}
}


@media (min-width: 768px) and (max-width: 1024px){
	#BookingUspSection .bookingImageSection{
    flex-direction: column;
}
#BookingUspSection .bookingUspImage {

    width: 100% !important;
	margin-bottom: 3rem;
}
}

@media(min-width: 1920px){
	#BookingUspSection .uspContent {
    width: 35.438rem !important;
}
}

#BookingUspSection {
    background-color: #4C514D;
    border-radius: 24px;
}

/* #BookingUspSection .container {
    padding: 0 2rem 3.625rem 2rem;
} */

#BookingUspSection .bookingImageSection.d-flex {
    padding-top: 3.75rem;
    justify-content: space-between;
}

#BookingUspSection .bookingUspImage {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 16px;
    height: 100%;
    min-height: 394px;
    width: 39.375rem;
}

#BookingUspSection .uspContent {
    width: 32.438rem;
}

#BookingUspSection .uspContent h3 {
    padding-bottom: 2.75rem;
}

@media(max-width: 767px){
    #BookingUspSection .bookingImageSection.d-flex{
        flex-direction: column;
    }

    #BookingUspSection .bookingUspImage, #BookingUspSection .uspContent {
    width: 100%;
    }

/*     #BookingUspSection .container {
    padding: 0rem 1.5rem 2.625rem 1.5rem;
} */
#BookingUspSection .uspContent h3 {
    padding: 2rem 0;
}

#BookingUspSection .uspContent .SF-24 {
    font-size: clamp(1.25rem, 2vw, 1.5rem);
    font-family: 'SF Pro', sans-serif;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1.7rem;
    letter-spacing: -0.03rem;
    color: var(--glo);
}

#BookingUspSection .bookingImageSection.d-flex {
    padding-top: 1.75rem;
    justify-content: space-between;
}

}


@media(min-width: 1920px){
#BookingUspSection .bookingUspImage {
    min-height: 405px;
    width: 62.375rem;
}
}


@media(max-width: 767px){
    #bookingContentSection .bookingBox{
        padding: 0;
    }
}

/************************************************BOOKING SECTION ENDS***************************************/

/************************************************CONTACT US SECTION STARTS***************************************/

/*CONTACT US HERO SECTION START*/

#contactHeroSection{
  position: relative;
  background-image: url('../imgs/Contact-Us/Contact_Us_banner.webp');
  margin: 12px;
  background-size: cover;         
  background-position: center left;  
  background-repeat: no-repeat;
  border-radius: 1.5rem;
  height: 100%; 
  min-height: 37.5rem;  
  display: flex; 
  align-items: center;  
}

#contactHeroSection::before {
  content: ''; 
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black; 
  opacity: 0.5; 
  z-index: 0;
  border-radius: 1.5rem;
}

/* #contactHeroSection .row {
    display: flex;
    justify-content: start;
    align-items: flex-start;
} */

#contactHeroSection .title-section{
width: 42.625rem;
}


#contactHeroSection .title-section h1{
    font-size: 3.5rem;
    line-height: 4.25rem;
    letter-spacing: -0.105rem;
    color: var(--glo);
    padding-bottom: 2rem;
}

#contactHeroSection .title-section p{
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.025rem;
    color: rgba(255, 255, 255, 0.7);
    padding-bottom: 2rem;
    width: 33.813rem;
    font-weight: 300;
}

#contactFormSection .contactFormContent .formTimingHeader{
    color: rgba(0, 0, 0, 0.7);
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: -0.009rem;

}

#contactHeroSection .title-section .btn {
    padding: 10px 24px;
    border-radius: 70px;
    font-weight: 500;
}
/*CONTACT US HERO SECTION ENDS*/

/*CONTACT US MAP&FORM SECTION STARTS*/
/*FORM SECTION STARTS*/

/*FORM SECTION STARTS*/

#contactFormSection .contact-timing-container{
    margin: 0.625rem 0;
    align-items: center;
}

#contactFormSection .contact-map-image{
  margin-top: 3.75rem;
  border-radius: 1rem;
  width: 100%;
}

.form-header h1, .section-header h1 {
    font-family: 'SF Pro';
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: -0.025rem;
    color: var(--ebony);
    margin: 0;
}

#contactFormSection .contactFormContent h1 {
    width: 23rem;
    font-size: 3rem;
    line-height: 3.75rem;
    letter-spacing: -0.06rem;
    padding-bottom: 3rem;
}

#contactFormSection .contactFormContent h3
 {
    font-family: 'SF Pro';
    font-size: 1.25rem;
    letter-spacing: -0.025rem;
}

#contactFormSection .contactFormContent p {
    color: rgba(0, 0, 0, 0.3);
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: -0.025rem;
}

.contactContainer{
    padding: 5rem 0;
    justify-content: space-between;
}
  .form-header{
    /* margin-bottom: 1.5rem; */
  }


  @media(min-width: 1920px){
    .contactFormTab .col-md-7 {
    width: 58.25rem !important;
    }

    #contactHeroSection .title-section p {
    width: 48.813rem;
    }
  }

  .contactFormTab .careersForm{
    /* background-color: #f2f0ed;
    border-radius: 1rem;
    width: 39.25rem;
    padding: 1.5rem 1.5rem 0 1.5rem;
    border: 1px solid #E0E0E0;
    margin-top: -28.438rem;
    z-index: 3;
    box-shadow: 0px 0px 0px 10px #FFFFFF; */

    background-color: #f2f0ed;
    border-radius: 1rem;
    width: 39.25rem;
    padding: 1.5rem 1.5rem 0 1.5rem;
    border: 1px solid #E0E0E0;
    z-index: 3;
    box-shadow: 0px 0px 0px 10px #FFFFFF;
    position: absolute;
    right: 42px;
    top: 248px;
  }

    /* .contactFormTab .col-md-8{ */
    /* background-color: #f2f0ed;
    border-radius: 1rem;
    width: 39.25rem;
    padding: 1.5rem 1.5rem 0 1.5rem;
    border: 1px solid #E0E0E0;
    margin-top: -28.438rem;
    z-index: 3;
    box-shadow: 0px 0px 0px 10px #FFFFFF; */

    /* background-color: #f2f0ed;
    border-radius: 1rem;
    width: 39.25rem;
    padding: 1.5rem 1.5rem 0 1.5rem;
    border: 1px solid #E0E0E0;
    z-index: 3;
    box-shadow: 0px 0px 0px 10px #FFFFFF;
    position: absolute;
    right: 42px;
    top: 248px;
  } 
   */
  
  .contactFormTab .contactForm{
    /* background-color: #f2f0ed;
    border-radius: 1rem;
    width: 39.25rem;
    padding: 1.5rem 1.5rem 0 1.5rem;
    border: 1px solid #E0E0E0;
    margin-top: -28.438rem;
    z-index: 3;
    box-shadow: 0px 0px 0px 10px #FFFFFF; */

    background-color: #f2f0ed;
    border-radius: 1rem;
    width: 39.25rem;
    padding: 1.5rem 1.5rem 0 1.5rem;
    border: 1px solid #E0E0E0;
    z-index: 3;
    box-shadow: 0px 0px 0px 10px #FFFFFF;
    /* position: absolute;
    right: 42px;
    top: 248px; */
    margin-top: -28.75rem;
    margin-right: 1.563rem;
  }

  .text-secondary{
    border: 1px dashed;
  }

  .timingHr{
    opacity: 1;
    color: rgba(0,0,0,0.12);
  }

  #contactFormSection .form-header p {
    padding-bottom: 5px;
}

      
  .contactFormTab .form-label {
      display: block; 
      margin-bottom: 0.75rem;
      font-weight: 500; 
      color: rgba(0, 0, 0,  0.7); 
      font-size: 0.875rem;
      line-height: 1.25rem;
      letter-spacing: -0.009rem; 
  }

  .contactFormTab .section-header p {
    display: block;
    margin-bottom: 0.75rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7);
    font-size: 0.75rem;
    line-height: 1.25rem;
    letter-spacing: -0.009rem;
}

#experienceDescription {
    border-radius: 8px;
}

       
   .contactFormTab .form-control, .contactFormTab .form-select {
            border-radius: 3.125rem; 
            padding: 0.75rem 1.25rem;
            color: rgba(0, 0, 0,  0.5);
        }

       
        #experienceDescription {
            min-height: 150px;
            resize: vertical;
        }

        
    .contactFormTab .btn-submit {
    background-color: #4C514D;
    color: var(--glo);
    border-radius: 4.375rem;
    padding: 0.625rem 1.5rem;
    font-family: 'SF Pro';
    font-weight: 500;
}

.contact-text-area #experienceDescription {
    min-height: 21.73rem;;
    resize: vertical;
}


/******************TABLET RESPONSIVE************/

@media(min-width: 768px) and (max-width: 1024px){

  .contact-text-area #experienceDescription {
    min-height: 8.938rem;
}

  #contactFormSection .contactFormContent h3 {
    font-size: 1rem;
}

/* .contactFormTab .col-md-8 {
        width: 23.25rem;
        margin-top: -29.438rem;
        top: 0;
        position: relative;
        right: 2px;
} */

.contactFormTab .contactForm {
        width: 23.25rem;
        margin-top: -29.438rem;
        top: 0;
        position: relative;
        right: 2px;
}

#contactFormSection .contactFormContent h1 {
    width: 100%;
    font-size: 2rem;
    line-height: 2.3rem;
    letter-spacing: -0.06rem;
    padding-bottom: 2rem;
}

#contactHeroSection .title-section p {
    width: 100%;
}

#contactHeroSection .title-section {
    width: 62%;
}

}


@media(max-width: 767px){
  /*FORM MEDIA*/



  .contact-text-area #experienceDescription {
    min-height: 15.438rem;
}

  #contactHeroSection .title-section h1 {
    font-size: 2.25rem;
    line-height: 3rem;
    letter-spacing: -0.068rem;
}

/* .contactFormTab .col-md-8 {
        width: 83% !important;
        order: 0;
        margin-top: -12.188rem;
        padding: 1rem 1rem 0 1rem;
        position: relative;
        right: 0;
        top: 0;
} */

.contactFormTab .contactForm {
        width: 83% !important;
        order: 0;
        margin-top: -15.188rem;
        padding: 1rem 1rem 0 1rem;
        position: relative;
        right: 0;
        top: 0;
        margin-right: 0;
}

#contactFormSection .contactFormLname {
    padding-bottom: 10px;
}

#contactHeroSection{
  /* background-image: url('../imgs/Contact-Us/Contact_Mobile_Banner.webp'); */
  background-position: 48% 100%;
  min-height: 48.5rem;
  justify-content: center;
  display: flex;
  align-items: center;
}

#contactHeroSection .row {
    /* padding: 0; */
    /* z-index: 1; */
}




#contactHeroSection .title-section
 {
    width: 100%;
	padding: 0 1rem;
}

#contactHeroSection .title-section p {

    width: 94%;
}


.contactContainer {
    justify-content: center !important;
    padding: 3rem 0 !important;
    
}

/*FORM CONTENT MEDIA*/
#contactFormSection .contactFormContent h1 {
    width: 17.25rem !important;
    font-size: 2.25rem !important;
    line-height: 3rem !important;
    letter-spacing: -0.045rem !important;
    padding-bottom: 3rem !important;
}

#contactFormSection .contactFormContent h3 {
    font-size: 1.125rem !important;
    letter-spacing: -0.022rem !important;
    /* padding-bottom: 2rem !important; */
    line-height: 1.875rem !important;
}

.contactFormContent{
    order: 1;
    margin-top: 4.688rem;
    width: 87%;
}
}

/*CONTACT US MAP&FORM SECTION ENDS*/




/*************PATIENT SECTION STARTS******************/

/*BANNER SECTION STARTS*/
#patientHeroSection {
    position: relative;
    background-repeat: no-repeat;
    margin: 12px;
    padding-bottom: 2rem;
    border-radius: 24px;
}

#patientHeroSection::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 63%;
    height: 100%;
    background: linear-gradient(to right, #f2f0ed 80%, rgba(255, 255, 255, 0) 100%);
    border-radius: 24px;
    z-index: 1;
}

#patientHeroSection .title-section {
    position: relative;
    z-index: 2;
}

#patientHeroSection .title-section h3 {
    font-family: 'SF Pro';
    color: var(--ebony);
    font-size: 3rem;
    line-height: 3.75rem;
    letter-spacing: 0.06rem;
    font-weight: 400;
}

#patientHeroSection .left {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    padding: 23.313rem 0 0 0;
}

#patientHeroSection .hero-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    border-radius: 24px;
    background-position: 100% 30%;
}

#patientHeroSection .left h1 {
    font-size: 3.5rem;
    line-height: 4.25rem;
    letter-spacing: -0.105rem;
    color: var(--ebony);
    padding-bottom: 2rem;
}

#patientHeroSection .text-content p {
    width: 44.063rem;
}

/*BANNER SECTION ENDS*/


/*PATIENT - WHAT TO EXPECT SECTION STARTS*/

#patientSecondSection  .patientCaptionBox.d-flex {
    flex-direction: column;
    text-align: center;
}

#patientSecondSection .patientRightDContent {
    padding-top: 64px;
}

/* #patientSecondSection .patientLeftDDescription {
    font-weight: 600;
    line-height: 2rem;
    font-size: 1.25rem;
} */

#patientSecondSection  .detail-image {
    width: 100%;
    height: 460px;
    background-color: #F2F0ED;
    border-radius: 24px;
    margin-top: 69px;
}

#patientSecondSection .patientContentSecond {
    justify-content: space-between;
    padding: 8.75rem 0 10rem 0;
}

.patientContentLeft h3 {
    font-size: 2.25rem;
    /* font-weight: 600; */
	font-weight: 400;
    line-height: 3rem;
    /* font-family: 'SF Pro', sans-serif; */
    letter-spacing: -0.045rem;
	/* width: 26rem; */
	padding-bottom: 20px;
}

.patient-button-container
{
    gap: 0.75rem;
}

.patient-button-container .contact-btn,
#patientHeroSection .text-content .contact-btn {
    background-color: #4C514D;
    color: var(--bs-body-bg);
    border-radius: 70px;
    padding: 10px 24px;
    margin-top: 32px;
    font-weight: 600;
}

/*PATIENT - WHAT TO EXPECT SECTION ENDS*/

/*PATIENT - PINK BOX SECTION STARTS*/

@media(min-width: 1920px){
    #patientThirdBoxSection .detail-image {
    width: 84.875rem !important;
}
}

/* #patientSecondSection>.container {
    max-width: clamp(1140px, 92vw, 1366px);
    margin: 0 auto;
    padding: 0 1rem;
} */

#patientHeroSection>.container {
    max-width: clamp(1140px, 92vw, 1366px);
    margin: 0 auto;
    padding: 0 1rem;
}


#patientThirdBoxSection.patientThird{
  flex-direction: column;
  align-content: center;
  flex-wrap: wrap;
  padding-bottom: 50px;
}

#patientThirdBoxSection .image-caption {
    text-align: center;
    padding-top: 1.5rem;
}

/* #patientThirdBoxSection .detail-image{
  background-color: #F2F0ED;
  width: 52.875rem;
  height: 100%;
  min-height: 28.75rem;
  border-radius: 1.5rem;
} */
/*PATIENT - PINK BOX SECTION ENDS*/

/*THIRD SECTION STARTS*/
#patientThirdSection{
padding-top: 8.875rem;
}

#patientThirdSection .patientLeftContainer h1{
    font-size: 3rem;
    line-height: 3.75rem;
    letter-spacing: -0.06rem;
    padding-bottom: 2.5rem;
}

#patientThirdSection .patientLeftContainer h3 {
    font-family: 'SF Pro';
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: -0.025rem;
    width: 34.25rem;
}

#patientThirdSection .patientRightContent {
    padding-bottom: 4.313rem;
}

#patientThirdSection .patientRightContainer{
    padding-top: 6.75rem;
}

#patientThirdSection .patientRightContent p{
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.015rem;
    color: rgba(0, 0, 0, 0.7);
}

#patientThirdSection .patientPinkBoxRight {
    background-color: #F2F0ED;
    border-radius: 24px;
    height: 28.75rem;
}

/*THIRD SECTION ENDS*/


/******************************MEDIA QUERY*******************************/

/*PHONE RESPONSIVE*/

@media (max-width: 767px) {

  /*BANNER SECTION START*/
#patientHeroSection .hero-img {
   
        width: 100%;
        height: 100%;
        bottom: auto;
        top: auto;
        right: auto;
        position: absolute;
        order: 0;
        background-position: 70% 100%;
   
}

#patientHeroSection::before {
        width: 100%;
        height: 50%;
        background: linear-gradient(to top, #f2f0ed 80%, transparent 100%);
        top: 50%;
       
    }

#patientHeroSection .left {
      padding: 35rem 1rem 0rem;
    }

#patientHeroSection {
        height: auto;
        display: flex;
        flex-direction: column;   
}

#patientHeroSection .title-section h3 {
    font-size: 1.5rem;
    line-height: 2.25rem;
    letter-spacing: -0.03rem;
}

#patientHeroSection > .container {
    display: flex;
    order: 1;
    width: 100%;
    margin: 0 auto;
}

#patientHeroSection .title-section {
    position: relative;
    z-index: 2;
    order: 1;
}

#patientHeroSection .left h1 {
   font-size: 2rem !important;
   line-height: 2.75rem !important;
   width: 10.938rem;
}

#patientHeroSection .text-content p {
    width: 100%;
}

/*BANNER SECTION END*/

/*WHAT YOU THINK SECTION STARTS*/

#patientSecondSection .patientContentSecond {
        justify-content: space-between;
        padding: 3.75rem 1rem 0 1rem;
}

#patientSecondSection .patientContentLeft {
        width: 100% !important;
}

.patientContentLeft h3 {
        font-size: 2.25rem !important;
        /* font-weight: 400; */
        line-height: 3rem;
        letter-spacing: -0.03rem;
        padding-bottom: 3rem;
        /* font-family: 'Georgia Custom', Georgia, 'Times New Roman', serif; */
		width: 100%;
}

#patientSecondSection .mobilepatientContentRight h2 {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -0.02rem;
        font-weight: 600;
        color: var(--ebony);
        padding-bottom: 2rem;
}

#patientSecondSection .mobile-patient-button-container {
        gap: 0.75rem;
}

#patientSecondSection .mobile-patient-button-container .contact-btn {
        background-color: #4C514D;
        color: var(--bs-body-bg);
        border-radius: 70px;
        padding: 10px 24px;
        margin-top: 32px;
        font-weight: 600;
}
/*WHAT YOU THINK SECTION ENDS*/

/*THIRD SECTION STARTS*/
#patientThirdBoxSection.patientThird{
  margin: 3rem 0;
}

#patientThirdBoxSection .detail-image
{
  width: 92%;
  min-height: 18.188rem;
}
/*THIRD SECTION ENDS*/

}

/*MEDIA QUERY FOR TABLET*/

/*BANNER SECTION STARTS*/
@media(min-width: 768px) and (max-width: 1024px)
{

#patientHeroSection .title-section h3 {
    font-size: 3rem;
}

#patientHeroSection .left h1 {
    font-size: 2.8rem;
}

#patientHeroSection .text-content p {
    width: 23.063rem;
}

#patientHeroSection::before {
    width: 70%;
}

#patientHeroSection .hero-img 
{
    background-position: 70% 100%;
}

#patientSecondSection .patientContentLeft{
        width: 47.333333%;
}

#patientThirdBoxSection .detail-image {
    width: 90%;
}

#patientThirdSection .patientLeftContainer h3 {
    width: 83%;
}

#patientThirdSection .patientPinkBoxRight {
    height: 13.75rem;
}

#patientHeroSection .text-content {
    padding-left: 30px;
}

#patientSecondSection .patientContentSecond {
    justify-content: space-between;
    padding: 3.75rem 2rem 10rem 2rem;
}
#patientSecondSection .paymentContentRight {
    width: 50%;
}

}
/*BANNER SECTION ENDS*/
/*************PATIENT SECTION ENDS******************/




/*************ARTICLE SECTION STARTS******************/
/*BANNER SECTION STARTS*/
#articleBannerSection {
    position: relative;
    background-repeat: no-repeat;
    margin: 12px;
    border-radius: 24px;
    background-color: #4C514D;
}

#articleBannerSection::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 24px;
    z-index: 1;
}

#articleBannerSection .title-section {
    position: relative;
    z-index: 2;
    min-height: 39.813rem;
}


#articleBannerSection .left {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    padding: 23.313rem 0 0 0.938rem;
}

#articleBannerSection .hero-img {
    position: absolute;
    top: 17px;
    right: 0;
    width: 49%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;

}

#articleBannerSection .left h1 {
    font-size: 3.5rem;
    line-height: 4.25rem;
    letter-spacing: -0.105rem;
    color: var(--glo);
    padding-bottom: 2rem;
}

#articleBannerSection .text-content p {
    width: 39.063rem;
}

#articleHeroSection .articles{
  justify-content: center ;
}

/*TOGGLE*/

.allArticles {
    /* Apply any necessary font/color context */
    font-family: 'SF Pro', sans-serif;
}

#articleHeroSection .allArticles h3 {
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    font-family: 'SF Pro';
    color: rgba(0, 0, 0, 0.7);
}

#articleHeroSection .filter-toggle {
display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 500;
    padding: 0.5rem 0 1rem 0;
    cursor: pointer;
    font-size: 1rem;
    position: relative;
    letter-spacing: -0.01rem;
    line-height: 1.5rem;
}

.filter-toggle:hover {
    color: var(--primary-color);
}

.filter-toggle::after {

    /* content: "\2303"; 
    font-size: 0.8rem;
    transition: transform 0.2s;
    margin-left: 0;
    margin-right: 0.5rem;
    color: #36454F;
    order: -1; */


    /* content: "";
    width: 18px;
    height: 7px;
    background-image: url('../imgs/Article/articleChevron.svg');
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 0.25s ease-in-out;
    margin-right: 0;
    margin-left: 0.5rem;
    order: -1;
    display: inline-block;
    transform: rotate(-90deg); */


    content: "";
    width: 11px;
    height: 11px;
    background-image: url(../imgs/Article/articleChevron.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 0.25s 
    ease-in-out;
    margin-right: 0;
    margin-left: 0.5rem;
    order: -1;
    display: inline-block;
    transform: rotate(-90deg);
    padding-bottom: 19px
}

/* Rotate the icon when the toggle is active/expanded */
.filter-toggle[aria-expanded="true"]::after {
    transform: rotate(0deg);
    padding: 0px;
    margin-right: 5px;
}

.articleList p {
    /* Style for sub-list items (Invisalign, Smile Makeover, etc.) */
    padding: 0.3rem 0 0 1.5rem; /* Indent the text */
    font-size: 0.95rem;
    color: rgba(0,0,0, 0.5);
    margin-bottom: 0.5rem;
}

.allArticles #orthoSublist {
    margin-top: 0.5rem;
    margin-bottom: 0.75rem;
}



.filter-toggle-active{
  color: #000;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.875rem;
    font-family: 'SF Pro';
    line-height: 1.25rem;
    letter-spacing: -0.009rem;
    padding-left: 1.388rem;
}

/* Style for the active/bold category (e.g., Orthodontic) */
.filter-toggle.active {
    font-weight: 800;
    color: black;
}




/******************************MEDIA QUERY*******************************/

/*PHONE RESPONSIVE*/

@media(min-width: 768px) and (max-width: 1024px)
{
    #articleHeroSection .articles{
    justify-content: space-around;
}
#articleBannerSection .title-section {min-height: 32.813rem;}
#articleBannerSection .left {padding: 15.313rem 0 0 1.313rem;}
}

@media (max-width: 767px) {

  /*BANNER SECTION START*/
#articleBannerSection .hero-img {

    background-image: url('../imgs/Article/mobile-article-banner.svg') !important;
        width: 70%;
        height: 100%;
        bottom: auto;
        top: auto;
        right: 0;
        position: absolute;
        order: 0;
        background-position: 100% 2%;
}

/* #patientHeroSection::before {
        width: 100%;
        height: 50%;
        background: linear-gradient(to top, #f2f0ed 80%, transparent 100%);
        top: 50%;
       
    } */

#articleBannerSection .left {
      padding: 29rem 1.5rem 2.938rem 1.5rem;
    }

#articleBannerSection {
        height: auto;
        display: flex;
        flex-direction: column;
        overflow: hidden;   
}

#articleBannerSection .title-section h3 {
    font-size: 1.5rem;
    line-height: 2.25rem;
    letter-spacing: -0.03rem;
}

#articleBannerSection > .container {
    display: flex;
    order: 1;
    width: 100%;
    margin: 0 auto;
}

#articleBannerSection .title-section {
    position: relative;
    z-index: 2;
    order: 1;
}

#articleBannerSection .left h1 {
    font-size: 2.5rem !important;
    line-height: 3.25rem !important;
    width: 100%;
    letter-spacing: -0.075rem;
}

#articleBannerSection .text-content p {
    width: 91%;
}
}
/*BANNER SECTION END*/




/*ARTICLE SECTION STARTS*/
#articleHeroSection{padding:2.25rem 0}
#articleHeroSection>.container{display:flex;flex-direction:column;gap:3.75rem;padding:0 1rem}
/* #articleHeroSection .title-section{align-items:center} */
#articleHeroSection .title h2{font-size:3rem;margin:0}




#articleHeroSection .article-display-area {
    background-color: var(--mist);
    border-radius: 24px;
    column-gap: 20px;
    row-gap: 20px;
    flex-direction: column;
    border: 1px solid rgba(0, 0, 0, .04);
    width: 80.333333%;
}


#articleHeroSection .header-content p {
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: -0.009rem;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 400;
    padding: 0;
    margin: 0;
}


#articleHeroSection .header-content h3 {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.02rem;
    color: var(--bs-black);
    font-weight: 600;
    padding-top: 5px;
    margin: 0;
    font-family: 'SF Pro';
}

 #articleHeroSection .article-header{
    padding: 1.75rem 1.75rem 0;
}


#articleHeroSection .articleSearchBox{
  width: 21.125rem;
  border-radius: 60px;
  border: 2px solid #E0E0E0;
  padding: 0.75rem 1.5rem;
  background-color: #e9e7e4;
}



#articleHeroSection .blog-loop{
  /* padding:0 1.75rem 1.75rem;
  background-color:var(--mist);
  border-radius:24px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px; */


  
    /* padding: 0 1.75rem 1.75rem; */
    /* padding: 0;
    background-color: var(--mist);
    border-radius: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px; */



    padding: 0;
    background-color: var(--mist);
    border-radius: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px;
    border-top: 1px solid rgba(0, 0, 0, .2);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 24px;
    overflow: hidden;
}




#articleHeroSection .blog-item{display:flex;gap:28px;padding:28px;border-radius:16px;background:transparent;align-items:flex-start;
  
  /* border-bottom:1px solid rgba(0,0,0,.02) */

  border-bottom:1px solid rgba(0,0,0,.07);
  border-radius: 0;

}



#articleHeroSection .blog-item:nth-child(odd){
  /* border-right:1px solid rgba(0,0,0,.02) */
  border-right:1px solid rgba(0,0,0,.07);
  border-radius: 0;
}




#articleHeroSection .bi-image{flex:0 0 150px;height:150px;border-radius:12px;background-position:center;background-size:cover;background-repeat:no-repeat}
#articleHeroSection .bi-content{display:flex;flex-direction:column;justify-content:space-between;gap:12px; height: 100%;}
#articleHeroSection .bi-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}
#articleHeroSection .bi-date{font-size:.95rem;color:rgba(0,0,0,.8)}
#articleHeroSection .bi-category{font-size:.75rem;padding:6px 12px;border-radius:24px;background-color:rgba(0,0,0,.06);font-weight:500;text-align: center;}
/* #articleHeroSection .bi-title{font-size:1.125rem;font-weight:600;line-height:1.4;font-family:'SF Pro',sans-serif;margin:0} */



#articleHeroSection .bi-title a{
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.4;
    font-family: 'SF Pro', sans-serif;
    margin: 0;
    color: black;
	text-decoration: none;
}

#articleHeroSection .bi-title{
    line-height: 21px;
}







/* responsive: keep two columns on large tablets, one column on small screens */
@media(max-width:991px){
  #articleHeroSection{padding:5.5rem 1rem}
  #articleHeroSection .title-section .title {
    margin-bottom: 20px;
}
  #articleHeroSection .title-section .button
 {
    align-items: flex-start !important;
}
  #articleHeroSection .blog-loop{grid-template-columns:1fr; padding: 0;}
  #articleHeroSection .blog-item{flex-direction:row;align-items:flex-start;border-right:none}
  #articleHeroSection .bi-image{flex:0 0 140px;height:140px}
}

@media(max-width:575px){
  #articleHeroSection .blog-item{flex-direction:column;align-items:stretch;padding:20px}
  #articleHeroSection .bi-image{width:100%;height:10.313rem;flex:0 0 auto;border-radius:12px}
  #articleHeroSection .bi-meta{flex-direction:row;justify-content:space-between}
  #articleHeroSection .bi-title{font-size:1rem}
}
/*ARTICLE SECTION ENDS*/


@media(max-width: 767px){

  #articleHeroSection .blog-item:nth-child(odd) {
    border-right: 0;
    border-radius: 0;
}

  #articleHeroSection .blog-item {
        padding: 1.25rem;
  }
  #articleHeroSection .article-display-area {
    margin-top: 3rem;
    width: 100%;
}

#articleHeroSection .article-header {
    padding: 1.5rem 0.5rem 0 0.3rem;
    flex-direction: column;
    align-items: start !important;
}

#articleHeroSection .articleSearchBox {
    width: 100%;
    margin-top: 20px;
}
}

@media(min-width: 768px) and (max-width: 1024px){
  #articleHeroSection .allArticles {
        width: 20.666667%;
        padding-left: 0;
        margin-left: -0.375rem;
    }


  #articleHeroSection .article-display-area {
        flex: 0 0 auto;
        width: 71.333333%;
  } 

  #articleHeroSection .articleList p {
    padding: 0.3rem 0 0 .5rem;
}

#articleBannerSection .text-content p {
    width: 22.063rem;
}

#articleHeroSection .articleSearchBox {
    width: 45%;
}

#articleHeroSection .bi-image {
    width: 100%;
}

#articleHeroSection .blog-item {
    flex-direction: column;
}

#articleBannerSection .hero-img {
    top: 0;
}

#articleHeroSection .bi-content {
    width: 100%;
}

#articleHeroSection .article-header {
    padding: 1.75rem 0.5rem 0;
}
}

/*************ARTICLE SECTION ENDS******************/




/*DETAILS SECTION HEADER CSS AND MEDIA - STARTS*/

#DetailsheaderSection{margin-bottom:-124px;padding:clamp(16px,2vw,24px) 0}
#DetailsheaderSection>.header-container{width:100%;max-width:clamp(1140px,92vw,1392px);margin:0 auto;padding:0}
#DetailsheaderSection>.header-container>nav{background-color:rgba(0,0,0,.24)!important;border-radius:100px;padding:clamp(12px,1.5vw,16px);backdrop-filter:blur(44px);-webkit-backdrop-filter:blur(44px);display:flex;align-items:center;justify-content:space-between}
#DetailsheaderSection .navbar-brand img{max-height:clamp(36px,4vw,48px);width:auto}
#DetailsheaderSection .nav-link{font-size:clamp(13px, .9vw, 14px);font-family:'SF Pro',sans-serif;color:var(--glo)!important;padding:0!important;transition:color .3s ease}
#DetailsheaderSection .nav-link.active,#DetailsheaderSection .nav-link:hover{color:#fff!important}
#DetailsheaderSection .navbar-nav{gap:clamp(16px,2.5vw,32px)}
#DetailsheaderSection .top-call{color:var(--glo);font-size:clamp(14px, 1vw, 16px);font-weight:500;font-family:'SF Pro',sans-serif;padding:10px 24px;text-decoration:none;line-height:24px;letter-spacing:.32px;background-color:rgba(255,255,255,.12);border-radius:25px;transition:background-color .3s ease,color .3s ease}
#DetailsheaderSection .top-call:hover{background-color:rgba(255,255,255,.25)}
.navbar-toggler-icon {
    background-image: url(../imgs/menu.svg);
}

/* MEDIA QUERIES */
@media (min-width: 1920px) {
  #DetailsheaderSection > .header-container {max-width: 1440px;}
}

@media (max-width: 991px) {
  #DetailsheaderSection > .header-container>nav{border-radius:40px;padding:12px 20px}
  #DetailsheaderSection .navbar-collapse{background-color:rgba(76,81,77,.85);border-radius:20px;margin-top:12px;padding:1rem}
  #DetailsheaderSection .navbar-nav{gap:1rem;align-items:center}
  #DetailsheaderSection .top-call{order:3}
  #DetailsheaderSection .navbar-toggler {
    order: 1;
            padding: 0;
        border: 0;
  }
  #DetailsheaderSection .navbar-brand {
    order: 2;
  }
   #DetailsheaderSection .navbar-collapse{ 
    order:4;
   }

}

@media (max-width: 575px) {
  #DetailsheaderSection {
    margin-bottom: 0;
    padding: 0;
    position: absolute;
    width: 100%;
  }


  #DetailsheaderSection>.header-container{padding:0px}
  #DetailsheaderSection>.header-container>nav{border-radius:0px}
  #DetailsheaderSection .navbar-brand img{max-height:36px}
  #DetailsheaderSection .navbar-collapse{padding:.75rem 1rem}

}
/*DETAILS SECTION HEADER CSS AND MEDIA - STARTS*/



/***NEW CSS ADDED****/


/*1. SERVICE DETAILS PAGE - EXPLANATION ACCORDIAN*/

#DetailsAccordianExplanation.accordianExplanation.fourthAccExp{
	padding-bottom: 10rem;
}

.faq-section .accordion-button {
    background-color: var(--mist);
    color: #000;
    font-size: 1.25rem;
    font-weight: 600;
    padding: 1rem 1.25rem;
    box-shadow: none;
    line-height: 2rem;
    font-family: 'SF Pro', sans-serif;
    border: none;
    transition: background-color .3s ease;
}

.faq-section .accordion-button::before {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: 0;
    margin-right: 17px;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var
transform 0.2s ease-in-out
(--bs-accordion-btn-icon-transition);
}

#DetailsAccordianExplanation .image-content-block .serviceDText{
	margin-bottom: 3.75rem;
}

#DetailsAccordianExplanation .content-block .serviceDRight{
	margin-bottom: 3rem;
	font-family: 'SF PRO';
    font-size: 20px;
    line-height: 32px;
}

#DetailsHeroSection .title-section {
    padding: 0 0 4.25rem 0;
}


.faq-section .accordion-body {
    background-color: var(--mist);
    color: #444;
    padding: 1rem 1.25rem;
    font-size: .95rem;
    line-height: 1.6;
}

.faq-section .accordion-flush>.accordion-item {
    border-radius: 1rem;
}

.faq-section .accordion-flush>.accordion-item {
    border-radius: 1rem;
}

.faq-section .accordion-item {
    border: 1px solid #eee;
    border-radius: .75rem;
    margin-bottom: 1rem;
    overflow: hidden;
    background: #f9f8f7;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .04);
}

.faq-section .accordion-button::after {
    display: none;
}

#DetailsAccordianExplanation .faq-section .accordion-button:not(.collapsed) {
    background-color: rgb(108, 99, 90);
    color: rgb(255, 255, 255);
}

#DetailsAccordianExplanation .faq-section {
    margin: 5rem 0 10rem 0;
}

 #DetailsAccordianExplanation .content-block .contentBlockP {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 2rem;
    letter-spacing: -0.025rem;
	margin-bottom: 3.75rem;
}

 #DetailsAccordianExplanation .imageContentBlock{
	margin-bottom: 3.75rem;
} 

#homeArticleSection .look .serviceDArticleB {
    justify-content: flex-end;
}

@media screen and (max-width: 767px){
#homeArticleSection .look .serviceDArticleB{
		justify-content: flex-start !important;
	}
}


/******ABOUT SECTION******/
#AboutWhyChooseSection .aboutTourLeft .content {
    padding-left: 3.5rem;
}

/* #AboutWhyChooseSection .row>*{
	padding-left: 0;
	padding-right: 0;
} */

#AboutWhyChooseSection .aboutTourLeft{
	display: flex;
    justify-content: start;
    align-items: center;
}

#AboutWhyChooseSection {
    border-radius: 24px;
	margin-top: 5rem;
}

#AboutHeroSection .about-hero-wrapper {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 16px;
    height: 100%;
}

#homeServiceSection .row.service-grid>* {
    padding-right: 0;
    padding-left: 0;
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width: 767px){
#homeArticleSection .bi-content {
    min-height: 0 !important;
}
#homeCtaSection .ctaBgImage{
	background-position: center center;
}
}

#dentalDifferenceSection .title-section .aboutDentalDiffImage{
	display:flex;
	justify-content: flex-end;
}

#dentalDifferenceSection .row>* {

    padding-right:0;
    padding-left:0;
}

#dentalDifferenceSection ul.diff-numbers{
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}

#dentalDifferenceSection .diff-numbers li {
    list-style: none;
    padding: 0;
    margin: 0;
	font-size: 0.75rem;
	color: #FFF;
    line-height: 1rem;
    font-weight: 600;
	padding-bottom: 0.5rem;
}

#dentalDifferenceSection .diff-numbers-wrapper .diff-arrow-top{
	padding-bottom: 8px;
	width: 12px;
    height: auto;
}


#dentalDifferenceSection .diff-numbers-wrapper .diff-arrow{
	width: 23px;
    height: auto;
}

#dentalDifferenceSection .diff-numbers-wrapper {
    padding-top: 52px;
}

#dentalDifferenceSection .diff-numbers li.aboutList {
    color: rgba(255, 255, 255, 0.6);
}

 #homeArticleSection .view-all.aboutGreyBtn:hover{
		 background-color: #F2F0ED;
		 color: #000;
		 border-color: #F2F0ED;
	}
	
	
	#AboutDentalserviceSection .author_contact .aboutGreyBtn:hover{
		 background-color: #F2F0ED;
		 color: #000;
		 border-color: #F2F0ED;
	}
	
/*******************CAREER SECTION**********************/

.careersFormTab form.careerF {
    background-color: #f2f0ed;
    border-radius: 1rem;
    width: 43.25rem; 
    padding: 1.5rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
}



/**************************CONTACT PAGE*********************************/

.contactHeroContent {
    z-index: 1;
	padding-top: 6.25rem;
}

/**********BOOKING SECTION**********/

#BookingUspSection .bookGreyBox{
	padding: 2rem;
}

/**************PATIENT SECTION*****************/

/* @media (min-width: 1200px) {
    #patientHeroSections .container {
        padding-left: 2rem;
        padding-right: 2rem;
        max-width: 100%;
    }
} */

/* @media (min-width: 1920px) {
    #patientHeroSections .container, .header-container {
        padding-right: 0;
        max-width: 97%;
    }
} */

#patientHeroSections .text-content {
    padding-left: 14px;
	z-index: 1;
}


/* #patientHeroSections{
	margin-top: 12px;
} */

#patientHeroSections {
    margin: 12px;
    background: #f2f0ed;
    border-radius: 24px;
    overflow-x: hidden;
}

.hero-section.new .container {
  position: relative;
  /* background: #f2f0ed; */
  border-radius: 28px;
  /* max-width: 97% */
}




.hero-section.new .left {
position: relative;
    z-index: 2;
    padding: 55px 0;
    height: 560px;
    align-items: end;
    
    display: flex;
    border-radius: 24px;
}


/* .hero-section.new .left::after{
  content: "";
  position: absolute;
  top: 0;
  right: -213px;
  width: 360px;
  height: 100%;
  background: linear-gradient(to right, #f2f0ed 56%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
} */

 .hero-section.new .left::after {
    content: "";
    position: absolute;
    top: 0;
    right: -114px;
    width: 150px;
    height: 100%;
    background: linear-gradient(to right, #f2f0ed 56%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
} 



.hero-section.new .text-content h3 {
    font-family: 'SF Pro';
    color: var(--ebony);
    font-size: 3rem;
    line-height: 3.75rem;
    letter-spacing: 0.06rem;
    font-weight: 400;
}

.hero-section.new .text-content h1 {

    font-size: 3.5rem;
    line-height: 4.25rem;
    letter-spacing: -0.105rem;
    color: var(--ebony);
    padding-bottom: 2rem;
}

.hero-section.new .text-content p {
  max-width: 520px;
  color: #444;
  margin-bottom: 28px;
}

.hero-section.new .contact-btn {
  display: inline-block;
  background: #2e2e2e;
  color: #fff;
  padding: 12px 28px;
  border-radius: 30px;
  text-decoration: none;
}



.hero-section.new .hero-img {
  /* width: 100%; */
  width: 50vw;
  height: 100%;
  min-height: 560px;
  background-size: cover;
  background-position: center;
  border-radius: 0 28px 28px 0;
}




@media screen and (max-width: 767px) {
	#patientHeroSections {
    margin: 12px;
	}
	
	#patientHeroSections .row>* {
		padding-right: 0;
		padding-left: 0;
	}
	
	.hero-section.new .left {
        order: 1;
		padding: 40px 35px;
    }
	
	.text-content {
     padding: 1rem 1.5rem 1rem 1.5rem;;
	}
	
	.patientHeroBanner{
		order: 0;
	}
	.hero-section.new .hero-img{
		border-radius: 0;
		background-position: 75% 100%;
		width: 100%
	}
	
	#patientHeroSections .text-content{
		padding-left: 20px;
	}
	
	
	.hero-section.new .left::before {
    content: "";
    position: absolute;
    top: -169px;
    right: 0;
    width: 100%;
    height: 44%;
    background: linear-gradient(to top, #f2f0ed 56%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    left: 0;
}
	
	#patientThirdBoxSection .patientPinkBox{
	align-items: center;
    display: flex;
    flex-direction: column;
	}
	
}



#patientThirdBoxSection .detail-image {
    background-color: #F2F0ED;
    height: 100%;
    min-height: 28.75rem;
    border-radius: 1.5rem;
}

#patientSecondSection .patientLeftDDescription {
    font-weight: 600;
    line-height: 2rem;
    font-size: 1.25rem;
	width: 40rem;
}



/************PAYMENT OPTIONS**************/

#paymentOptionsHeroSection {
    margin: 12px;
    border-radius: 24px;
}

 #paymentOptionsHeroSection>.container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
} 

#paymentOptionsHeroSection .title-section {
    position: relative;
    z-index: 2;
    height: 510px;
}
#paymentOptionsHeroSection .row.tilte-section>* {

    padding-right: 0;
    padding-left: 0;
  
}


#paymentOptionsHeroSection .left {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    background-color: #f2f0ed;
    align-items: end;
    display: flex;
	z-index: 1;
	justify-content: center;
	padding-bottom: 40px;
}

#paymentOptionsHeroSection .hero-img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
} 

.paymentContentLeft h3 {
    font-size: 2.25rem;
    line-height: 3rem;
    font-family: 'SF Pro',sans-serif;
    letter-spacing: -0.045rem;
	width: 29.125rem;
}

@media screen and (max-width: 767px){
paymentOptionsHeroSection .paymentHeroBanner{
	order: 0;
}

#paymentOptionsHeroSection .left::after {
		content: '';
        z-index: 0;
        position: absolute;
        height: 10%;
        width: 100%;
        top: 287px;
        background: linear-gradient(to top, #f2f0ed 67%, transparent 100%);
}
}

/*********SERVICES***********/

#homeBenefitSection .title h2 {
    margin-bottom: 7rem;
}

@media (max-width: 767px){
	#ServiceHeroSection .hero-content{
		border-radius: 0 !important;
		/* padding-top: 100px; */
		align-items: center !important;
		padding: 20px !important;
		height: 450px !important;
	}
	
	#homeBenefitSection .title p {
    padding: 1rem 2rem 0 0;
	}
	
	#homeBenefitSection .bi-content {
    padding: 0 2px 0 7px;
}

    #ServiceHeroSection .row>* {
        padding-right: 0;
        padding-left: 0;
    }

	
	#ServiceHeroSection .hero-content::after {
	content: '';
    background: linear-gradient(to bottom, #f2f0ed 60%, rgba(255, 255, 255, 0) 100%) !important;
    width: 100% !important;
    height: 38% !important;
    border-radius: 24px 0 0 24px !important;
    left: 0;
	right: 0;
	top: 364px;
}


#ServiceHeroSection .hero-image {
    border-radius: 0 0 24px 24px !important;
    height: 44% !important;
}

#ServiceHeroSection .hero-content .text-content{
	padding: 0 !important;
}


}

#ServiceUspSection .uspContent {
	width: 34.438rem;
	width: 34.438rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 82px;
}

#ServiceHeroSection {

	margin: 12px;
    background: #f2f0ed;
    border-radius: 24px;
    overflow-x: hidden;
} 

#ServiceHeroSection .container {
    position: relative;
    border-radius: 28px;
}


 #ServiceHeroSection .hero-content {
		
	position: relative;
    z-index: 2;
    padding: 55px 0;
    height: 560px;
    align-items: end;
    display: flex;
    border-radius: 24px;
 }
 
 #ServiceHeroSection .hero-content .text-content {
    padding: 0 0 5rem 2rem;
    z-index: 2;
}
 

#ServiceHeroSection .hero-content::after {
    content: '';
    background: linear-gradient(to right, #f2f0ed 83%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    width: 51%;
    height: 100%;
    z-index: 1;
    border-radius: 24px 0 0 24px;
    right: -84px;
}

 #ServiceHeroSection .hero-image {

    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
}


/***********/

#homeArticleSection .bi-content{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	gap:12px; 
	height: 100%;
    min-height: 185px;
	}
	
@media (min-width: 768px) and (max-width: 1024px)	{
	#homeArticleSection .bi-content {
    min-height: 126px;
}
}
	
/**********CONTACT US***********/	

	.careersFormTab .btn-submit:hover,
	.contactFormTab .btn-submit:hover{
    background-color: rgba(0, 0, 0, 0.6);
	}

@media screen and (max-width: 767px){
	.contactHeroContent {
    padding-top: 0;
}
}

/****************HEADER****************/

	#primary-menu li.menu-item{
	transition: transform 0.25s ease;
	}


	#primary-menu li.menu-item:hover{
		transform: translateY(-5px);
		 /* box-shadow: 0 4px 6px -5px rgba(0, 0, 0, 0.45); */
	}
	
	
	/******ARTICLE*******/
	
	
	#articleHeroSection .articleList a {
    color: rgba(0, 0, 0, 0.7);
    text-decoration: none;
	transition: all 0.2s ease;
	}

	#articleHeroSection .articleList {
    display: flex;
    flex-direction: column;
    gap: 13px;
	}
	
	/******HOME*******/
	
	#homeServiceSection {
    padding-top: 5rem;
	}
	
	#homeTestimonialSection .tesimonial-grid .ti-desc {
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: -0.009rem;
    padding-top: 1rem;
    color: rgba(255, 255, 255, 0.7) !important;
	}
	
	#homeWhyChooseSection .title-section h2 {
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 3.75rem;
    margin: 0;
    letter-spacing: -0.06rem;
	}
	
	#homeWhyChooseSection .statement p {
    letter-spacing: -0.105rem;
	}
	
	#homeWhyChooseSection .why-slider {
    margin-top: 5rem;
	}


	#homeHeroSection .right .btn:hover{
		background-color: #f0f0f0;
	}
	
	
	 #AboutDentalserviceSection .author_contact .aboutWhiteBtn:hover,
	 #homeGalleryResultSection .author_contact .aboutWhiteBtn:hover{
		 background-color: #f0f0f0;
	}
	
	
	#homeWhyChooseSection .aboutGreyBtn:hover, 
	#homeServiceSection .aboutGreyBtn:hover,
	#homeGalleryResultSection .author_contact .aboutGreyBtn:hover,
	#homeArticleSection .view-all.aboutGreyBtn:hover,
	#patientSecondSection .patient-button-container .aboutGreyBtn:hover,
	#paymentSecondSection .payment-button-container .aboutGreyBtn:hover,
	#paymentThirdSection .payment-button-container .aboutGreyBtn:hover,
	#homeServiceSection .title-section .aboutGreyBtn:hover,
	#homeLookSection .button .btn.contact-us:hover,
	#homeWhyChooseSliderSection .why-slider-button .aboutGreyBtn:hover
	{
		 background-color: #F2F0ED;
		 color: #000;
		 border-color: #F2F0ED;
	}
	
	#patientBookingSecondSection .patient-button-container .bookWhiteBtn:hover{
		background-color: #FFF;
		color: #000;
		border-color: #4C514D;
	}

	#homeTestimonialSection .pBottom2{
		display: flex;
		padding-bottom: 2rem;
	}
	
	
	
	
	 
	/*****************************************************************/
/* #homeBenefitSection .title-inner {
  position: relative;
} */

/* BENEFIT SECTION */

/* #homeBenefitSection {
  position: relative;
}

#homeBenefitSection .container,
#homeBenefitSection .row {
  overflow: visible;
} */

/* RIGHT COLUMN */
/* #homeBenefitSection .benefits {
  display: flex;
  flex-direction: column; */
  /* gap: 120px; */
}

/* EACH ITEM */
/* #homeBenefitSection .benefit-item {
  opacity: 0.25;
  transition: opacity 0.4s ease;
} */

/* #homeBenefitSection .benefit-item.active {
  opacity: 1;
} */

/* #homeBenefitSection .title {
  position: relative;
} */

/* #homeBenefitSection .title-inner {
  will-change: transform;
  position: relative;
  padding-bottom: 200px; 
} */


/* MOBILE*/
/* @media (max-width: 768px) {
  #homeBenefitSection .title-inner {
    position: static !important;
  }

  #homeBenefitSection .benefit-item {
    opacity: 1;
  }
  
  #homeBenefitSection .title h2 {
    margin-bottom: 1rem;
}

#homeBenefitSection .title-inner {
    padding-bottom: 0 !important;
    
}
} */


/*SINGLE BLOG*/

.post-date {
	font-family: SF Pro;
	font-weight:400;
	font-size:16px;
	line-height:24px;
	letter-spacing: -1%;
	color: rgba(255,255,255,0.7);
}

.blogCat-btn{
    border-radius: 50px;
    padding: 4px 12px;
    font-weight: 510;
    font-size: 1.05rem;
    line-height: 1.7rem;
    letter-spacing: -0.015rem;
	margin-bottom: 40px;
}


#DetailsHeroSection .title-section.blogTitle h1 {
    font-size: 3.5rem;
    line-height: 4.25rem;
    letter-spacing: -0.105rem;
    color: var(--glo);
    padding-bottom: 2rem;
    width: 40rem;
}

@media (max-width: 767px){
#DetailsHeroSection .title-section.blogTitle h1 {
    width: 100%;
}
}

/*FOR SPACE IN FLEX CONTENT*/
.flexible-section {
  margin-bottom: 40px; /* adjust once, affects all sections */
}

/*CONTACT PAGE FORM FLEX*/
  .contactFormTab .contactFormFlex{
    background-color: #f2f0ed;
    border-radius: 1rem;
    width: 39.25rem;
    padding: 1.5rem 1.5rem 0 1.5rem;
    border: 1px solid #E0E0E0;
    z-index: 3;
    box-shadow: 0px 0px 0px 10px #FFFFFF;
    /* position: absolute;
    right: 42px;
    top: 248px; */
    margin-top: -28.75rem;
    margin-right: 1.563rem;
  }


/*HOME PAGE REASONS TO BELIEVE FLEX*/

#homeGalleryResultSection .reasonsToBelieveFlex {
    padding: 6.25rem 3rem 6rem;
    border-radius: 24px;
    background-color: var(--mist);
}

#homeGalleryResultSection .reasonsToBelieveFlex .title h2 {
    font-size: 3rem;
    line-height: 3.75rem;
    text-align: center;
    margin: 4rem 0 6rem;;
}

/*ACF FOR FOOTER*/
#footerSection .phoneNumberFoot {
    text-decoration: none;
    font-size: .875rem;
    color: var(--glo) !important;
}

#footerSection .privacy span {
    color: rgba(255, 255, 255, 0.7);
}

.flexible-divider {
  border: 0;
  border-top: 1px solid #423434;
  margin: 80px 60px;
  opacity: 1;
}


/*HomeFlex - Testimonial Padding*/
#homeTestimonialSection {
    padding: 7.5rem 0 0rem;
}

/*Padding for looks and feels*/
/* #homeServiceSection{padding:clamp(4rem,6vw,5rem) 0 clamp(4rem,6vw,5rem)} */

/*Padding For Why Choose Us Content*/
/* #homeWhyChooseSection{padding:clamp(4rem,8vw,8rem) 0 clamp(2rem,4vw,4rem)} */
 
#homeWhyChooseSection{padding-top: 8rem;};
 
 
 /*Why Choose Us Slider Custom CSS*/
 
#homeWhyChooseSliderSection.chooseSlider {
    padding-top: 5rem;
}

#homeWhyChooseSliderSection>.container {
    max-width: clamp(1140px, 92vw, 1366px);
    margin: 0 auto;
    padding: 0 1rem;
}

#homeWhyChooseSliderSection .why-slider {
    margin-top: 5rem;
}

#homeWhyChooseSliderSection .why-slider {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(8px, 1vw, 16px);
    margin-top: clamp(2rem, 3vw, 4rem);
}

#homeWhyChooseSliderSection .why-slider .col-md-4 {
    padding: 0;
    flex: 0 0 calc(33.333% - clamp(8px, 1vw, 16px));
}

#homeWhyChooseSliderSection .why-item {
    padding: clamp(1.25rem, 2vw, 2.25rem);
    border-radius: 16px;
    background-color: var(--mist);
    height: clamp(350px, 32vw, 426px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#homeWhyChooseSliderSection .wi-title {
    font-size: clamp(1.25rem, 2vw, 1.5rem);
    font-weight: 600;
    font-family: 'SF Pro', sans-serif;
    margin: 0 0 clamp(.75rem, 2vw, 1.25rem);
}

#homeWhyChooseSliderSection .wi-desc {
    font-size: clamp(.875rem, 1.5vw, 1rem);
    line-height: 1.5;
    opacity: .6;
    margin: 0;
}


#homeWhyChooseSliderSection .why-slider-button .contact-us {
    background-color: #4c514d;
    color: #fff;
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: 'SF Pro', sans-serif;
    font-weight: 500;
    padding: clamp(8px, 1.5vw, 10px) clamp(16px, 2vw, 24px);
    border-radius: 25px;
    border-color: transparent;
    transition: all .3s ease;
}

#homeWhyChooseSliderSection .why-slider-button {
    padding-top: 5rem;
}

/*Media*/

@media (max-width: 767px) {
    #homeWhyChooseSliderSection .why-slider .col-md-4 {
        flex: 0 0 100%;
		padding: 0 12px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #homeWhyChooseSliderSection .why-slider .col-md-4 {
        flex: 0 0 calc(50% - clamp(8px, 2vw, 16px));
    }
	#homeWhyChooseSliderSection {
        padding: clamp(4rem, 8vw, 8rem) 1rem clamp(2rem, 4vw, 4rem);
    }
}

/*Testimonial Slides*/


#homeTestimonialSlideSection .tesimonial-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 4rem;
    gap: 0.75rem;
}

#homeTestimonialSlideSection .testimonial-item {
    border-radius: 24px;
    padding: 32px;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#homeTestimonialSlideSection .testimonial-item h4 {
    font-size: 0.875rem;
    opacity: 0.6;
    margin-bottom: 20px;
}

#homeTestimonialSlideSection .testimonial-item.white-text h3, #homeTestimonialSlideSection .testimonial-item.white-text h4, #homeTestimonialSlideSection .testimonial-item.white-text p {
    color: var(--glo);
}

#homeTestimonialSlideSection h3.ti-name {
    font-size: 1.4rem;
    font-family: "SF Pro Display", sans-serif;
    font-weight: 600;
    margin-bottom: 10px;
}

#homeTestimonialSlideSection .tesimonial-grid .ti-desc {
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: -0.009rem;
    padding-top: 1rem;
    color: rgba(255, 255, 255, 0.7) !important;
}

#homeTestimonialSlideSection .testimonial-item:last-child {
    justify-content: center !important;
    align-items: center !important;
    border: 1px solid #A9ACA4;
}

#homeTestimonialSlideSection .testimonial-item.mist-bg {
    background-color: var(--mist);
}

#homeTestimonialSlideSection .testimonial-item:last-child h5 {
    font-size: 1.25rem;
    line-height: 1.6rem;
    text-align: center;
}

/*Media*/
@media (max-width: 767px) {
    #homeTestimonialSlideSection .tesimonial-grid {
        grid-template-columns: 1fr;
		padding: 15px
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #homeTestimonialSlideSection .tesimonial-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/*Home Reasons To Believe*/

#homeRtbSection {
    padding: 6rem 0 3rem;
}

#homeRtbSection .reasonsToBelieveFlex {
    background-color: var(--mist);
    padding: 2rem 3rem;
    border-radius: 24px;
}

#homeRtbSection .reasonsToBelieveFlex .title h2 {
    font-size: 3rem;
    line-height: 3.75rem;
    text-align: center;
    margin: 4rem 0 6rem;
}
#homeRtbSection .tw h2 {
    margin: 10rem 0 6.25rem;
}

#homeRtbSection .reason-to-believe {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
    margin-bottom: 4rem;
}

#homeRtbSection .rtb {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

#homeRtbSection .rtb p {
    font-size: 1rem;
    text-align: center;
    font-weight: 600;
    
}

/*Media*/
@media (max-width: 991px) {
    #homeRtbSection .reason-to-believe {
        grid-template-columns: 1fr;
        gap: 4rem;
    }
	
	#homeRtbSection {
    padding: 6rem 0.688rem 3rem;
}
}


/*Home Benefit Section Left Alignment*/

#homeBenefitSection .title-inner
 {

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: clamp(400px, 50vw, 588px);
}


/*Home Look And Feel Section*/


#homeLookSection .title-section.look {
    padding-top: 10rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: clamp(16px, 2vw, 24px);
}

#homeLookSection .title-section {
    padding-bottom: 5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

#homeLookSection .title-section.look .title {
    flex: 0 0 40%;
}

#homeLookSection .title h2 {
    font-size: clamp(1.75rem, 3vw, 3rem);
    margin: 0;
}

#homeLookSection .title-section.look .button {
    flex: 0 0 41%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(24px, 2vw, 48px);
}

#homeLookSection .button {
    display: flex;
    gap: clamp(8px, 2vw, 10px);
    flex-wrap: wrap;
}

#homeLookSection .title-section.look p {
    font-size: clamp(.875rem, 1.5vw, 1rem);
    line-height: clamp(1.25rem, 2vw, 1.5rem);
    margin: 0;
    padding-bottom: 20px;
}

#homeLookSection .btn.contact-us {
    background-color: #4c514d;
    color: #fff;
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: 'SF Pro', sans-serif;
    font-weight: 500;
}

#homeLookSection .btn, 
#homeLookSection .btn.active, 
#homeLookSection .btn:hover, 
#homeLookSection .btn.active:hover {
    padding: clamp(8px, 1.5vw, 10px) clamp(16px, 2vw, 24px);
    border-radius: 25px;
    color: var(--ebony);
    border-color: transparent;
    transition: all .3s ease;
}

/*Media*/
@media (max-width: 991px) {
    #homeLookSection {
        padding: clamp(4rem, 6vw, 5rem) 1rem clamp(4rem, 6vw, 5rem);
    }
	 #homeLookSection .title-section.look .title, #homeLookSection .title-section.look .button {
        flex: 0 0 100%;
    }
	#homeLookSection .title-section.look .title, #homeServiceSection .title-section.look .button {
        flex: 0 0 100%;
    }
}

@media (max-width: 575px) {
    #homeLookSection .title-section.look {
        padding-top: clamp(2rem, 6vw, 4rem);
        gap: clamp(12px, 2vw, 16px);
    }
	
	#homeLookSection .title-section.look .title h2 {
        font-size: clamp(1.5rem, 5vw, 2.25rem);
	margin: 0;
    }
}


/*Home - What Patient Say*/

@media(max-width: 767px){
#homeTestimonialSection{
	padding: 6rem 2rem 0;
}
}

/*Tour*/

@media(max-width: 767px){ 

    #AboutWhyChooseSection .tour {
        height: 100%;
        padding: 60px 10px 16px;
		flex-direction: column;
		margin: 0 3px;
    }
	
	#AboutWhyChooseSection .aboutTourLeft .content {
    padding-left: 0;
	}
	
	#AboutWhyChooseSection .tour p {
    width: 100%;
	}
	
	#AboutWhyChooseSection .tour .timage {
    height: 480px;
	margin-top: 6.688rem;
	}
	
}
/*
        #AboutWhyChooseSection .col-md-7, #AboutWhyChooseSection .col-md-5 {
        width: 100%;
    }

        #AboutWhyChooseSection .tour .content{
        padding: 40px 0;
    }
	
	#AboutWhyChooseSection .timage {
    margin-bottom: 20px;
	}
	
	#AboutWhyChooseSection .aboutTourLeft .content {
    padding-left: 0 !important;
    }

    #AboutWhyChooseSection .tour h2 {
    font-size: 2.5rem;
    line-height: 3.25rem;
}

#AboutWhyChooseSection .tour p {
    font-size: 0.875rem;
    line-height: 1.25rem;
} */

/* #dentalDifferenceSection .col-lg-6.col-md-3.title {
        padding: 40px 27px 0px 33px !important;
        width: 100%;
} */

/* #dentalDifferenceSection .col-lg-6.col-md-2.title {
        padding: 40px 27px 0px 33px !important;
        width: 100%;
} */

    /* #dentalDifferenceSection .col-md-3.title {
        padding: 40px 27px 0px 33px !important;
        width: 100%;
    } */


/*Why choose us ends*/

/* @media (max-width: 1024px) {
  #AboutWhyChooseSection .title-section .statement,#homeWhyChooseSection .title-section .title{flex:0 0 100%;padding: 0;}  */
  /* #AboutWhyChooseSection .tour{flex-direction:column} */
  
/*   #AboutWhyChooseSection .tour .content{padding:3rem 2rem}
  #AboutWhyChooseSection .tour .timage{height:350px}



    #AboutWhyChooseSection .tour {
        flex-direction: row;
    }

    
    #AboutWhyChooseSection .tour .timage {
        height: 459px;
        background-position: center;
    }

} */

/*Gallery Result*/

#homeGalleryResultSection {
    padding: 18.813rem 0 3rem;
}

/*Author Box*/

#AboutDentalserviceSection{
	padding-top: 6rem;
}

/*FAQ*/

#homeFaqSection {
    padding-top: 6.888rem;
}





/* PAGINATION WRAPPER */


 .article-pagination {
  display: flex;
  justify-content: center;
} 

/* RESET WP LIST */
.article-pagination ul {
  list-style: none;
  display: flex;
  gap: 12px;
  padding: 0;
  margin: 0;
}

/* LINKS */
.article-pagination a,
.article-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 60px;
    border-radius: 50%;
    font-size: 15px;
    text-decoration: none;
    color: #796565;
    border: 1px solid var(--primary-color);
    transition: all 0.3s ease;
}

/* HOVER */
.article-pagination a:hover {
  background-color: var(--primary-color);
  transform: translateY(-5px);
}

/* ACTIVE PAGE */
.article-pagination .current {
  background-color: var(--primary-color);
  color: black;
  border-color: var(--primary-color);
  font-weight: 800;
  font-size: 17px;
}


.article-no-results {
    padding-top: 30px;
    padding-left: 40px;
}

span.post-date {
    color: rgba(255, 255, 255, 0.7);
}

/*Single Post*/
@media(min-width: 768px) and (max-width: 1024px){
#DetailsHeroSection .title-section.blogTitle h1 {
    width: 100%;
}
}


.blogCat-label{
    border-radius: 50px;
    padding: 9px 18px;
    font-weight: 510;
    font-size: 1.05rem;
    line-height: 1.7rem;
    letter-spacing: -0.015rem;
    background: white;
}

#DetailsHeroSection .title-section.blogTitle h1 {
    font-size: 3.5rem;
    line-height: 4.25rem;
    letter-spacing: -0.105rem;
    color: var(--glo);
    padding-bottom: 2rem;
    width: 40rem;
    padding-top: 4rem;
}

/*Article*/

.articleList a.article-category-filter.active {
    /* font-size: 17.5px; */
    font-weight: 500;
	color: #000 !important;
}

/*Staff CSS*/

#StaffHeroSection {
    margin: 12px;
    background: #f2f0ed;
    border-radius: 24px;
    overflow-x: hidden;
}

#StaffHeroSection .container {
    position: relative;
    border-radius: 28px;
}

#StaffHeroSection .hero-content {
    position: relative;
    z-index: 2;
    padding: 0 0 55px 0;
    height: 650px;
    align-items: end;
    display: flex;
    border-radius: 24px;
}

#StaffHeroSection .hero-content .text-content {
    padding: 0 0 0 1rem;
    z-index: 2;
}

#StaffHeroSection .text-content h1 {
    padding-bottom: 2rem;
}

#StaffHeroSection .staffDesc {
    font-size: 1rem;
    font-family: 'SF Pro', sans-serif;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.5rem;
    letter-spacing: -0.015rem;
    color: rgba(0, 0, 0, 0.7);
    width: 25rem;
}

#StaffHeroSection .hero-content::after {
    content: '';
    background: linear-gradient(to right, #f2f0ed 20%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    width: 80%;
    height: 100%;
    z-index: 1;
    border-radius: 24px 0 0 24px;
    right: -307px;
}

#StaffHeroSection .hero-img {
    width: 75vw;
    height: 100%;
    min-height: 570px;
    background-size: cover;
    background-position: 10% 100%;
    border-radius: 0 28px 28px 0;
}

@media (max-width: 575px) {
    #StaffHeroSection .container .row {
        justify-content: unset;
    }
}
@media (max-width: 991px) {
    #StaffHeroSection .container .row {
        /* padding-top: 3rem; */
        /* height: auto; */
        justify-content: space-between;
        align-items: unset;
    }
}

@media (max-width: 767px) {
    #StaffHeroSection .hero-content {
        border-radius: 0 !important;
        align-items: center !important;
        padding: 20px !important;
        height: 450px !important;
    }
}

@media (max-width: 767px) {
    #StaffHeroSection .hero-content .text-content {
        padding: 0 !important;
    }
	
	#StaffHeroSection .staffDesc{
		width: 100%;
	}
}



#StaffHeroSection .text-content h1 {
    padding-bottom: 2rem;
}
@media (max-width: 575px) {
    #StaffHeroSection h1 {
        font-size: clamp(3rem, 5vw, 2.5rem);
        line-height: clamp(3.5rem, 5vw, 3rem);
        margin-bottom: 1rem;
    }
}
@media (max-width: 991px) {
    #StaffHeroSection h1 {
        font-size: clamp(1.75rem, 4vw, 3rem);
        line-height: clamp(2rem, 4vw, 3.5rem);
    }
}

@media (max-width: 767px) {
    #StaffHeroSection .hero-content::after {
        content: '';
        background: linear-gradient(to bottom, #f2f0ed 60%, rgba(255, 255, 255, 0) 100%) !important;
        width: 100% !important;
        height: 38% !important;
        border-radius: 24px 0 0 24px !important;
        left: 0;
        right: 0;
        top: 377px !important;
    }
}

@media (max-width: 767px) {
    #StaffHeroSection .row>* {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    #StaffHeroSection .hero-img {
        width: 100%;
        height: 50%;
        border-radius: 0 !important;
    }
}


@media (min-width: 768px) and (max-width: 1024px){
#StaffHeroSection .hero-content::after {
    content: '';
    background: linear-gradient(to right, #f2f0ed 20%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    width: 135%;
    height: 100%;
    z-index: 1;
    border-radius: 24px 0 0 24px;
    right: -307px;
}
}

/*Staff - Meet The Team*/

#meetTeamSection {
    background-color: #4C514D;
    padding: clamp(4rem, 6vw, 5rem) 0;
}

#meetTeamSection>.container {
    margin: 0 auto;
    padding: 0 1.5rem;
}

#meetTeamSection .row {
    display: flex;
    /* flex-wrap: wrap; */
    /* align-items: flex-start; */
    /* gap: clamp(2rem, 3vw, 4rem); */
    justify-content: space-between;
}

#meetTeamSection .benefits {
 /*    display: flex;
    flex-direction: row;
    gap: 1.5rem; 
    justify-content: space-between; */
	
	
	
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

#meetTeamSection .benefit-item {
    /* padding: clamp(1rem, 2vw, 1.25rem); */
    border-radius: clamp(16px, 2vw, 24px);
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 3vw, 3rem);
    width: 100%;
	padding: 1rem;
}

#meetTeamSection .bi-image {
    width: 100%;
    height: 359px;
    border-radius: clamp(16px, 2vw, 24px);
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-size: cover;
}

#meetTeamSection .bi-content {
    padding: 0 0 0 10px;
}

#meetTeamSection .bi-content h3 {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: 'SF Pro', sans-serif;
	color: #000;
    padding-top: 1.5rem;
}

#meetTeamSection a.staff-card-link {
    text-decoration: none;
}



#meetTeamSection .bi-content p {
    font-size: clamp(.75rem, 1.5vw, .875rem);
    font-family: 'SF Pro', sans-serif;
    font-weight: 400;
    margin-bottom: clamp(.75rem, 1.5vw, 1.5rem);
    line-height: clamp(1.25rem, 2vw, 1.5rem);
	color: rgba(0, 0, 0, 0.7);
}

#meetTeamSection .title-inner {
    text-align: center;
    color: white;
    padding-bottom: 3rem;
}

#meetTeamSection .staffJoinUs {
    background-color: rgba(255, 255, 255, .12);
    border-radius: 20px;
    padding: 1.5rem;
    margin-top: 3rem;
}

#meetTeamSection .joinBtn {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    justify-content: flex-end;
    align-items: center;
}

#meetTeamSection .join-btn{
border-radius: 70px;
    padding: 10px 24px;
    font-weight: 510;
    font-size: 1.05rem;
    line-height: 1.7rem;
    letter-spacing: -0.015rem;
}

#meetTeamSection .join-inner {
    color: white;
}

@media(max-width: 767px){
#meetTeamSection .benefits {
    display: flex;
    gap: 1.5rem;
    flex-direction: column;
}

#meetTeamSection .joinBtn {
    justify-content: flex-start;
}
}

/*ARTCILE DROPDOWN CSS*/


.article-category-parent {
  margin-bottom: 6px;
}

.parent-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.category-toggle {
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  transition: transform 0.25s ease;
}

/* Rotate arrow when open */
.category-toggle.is-open {
  transform: rotate(90deg);
}

.article-category-children {
  display: none;
  padding-left: 16px;
  margin-top: 10px;
}

.article-category-children a {
  display: block;
  padding-bottom: 10px;
}

.article-category-children a:last-child {
  margin-bottom: 0;
}

a.article-category-filter.child-link {
    font-size: 14px;
    letter-spacing: -0.009rem;
	color: rgba(0, 0, 0, 0.5) !important;
	padding-top: 10px;
	width: 10rem;
}

a.article-category-filter.parent-link {
    font-size: 16px;
    letter-spacing: -0.01rem;
	color: rgba(0, 0, 0, 0.7);
}

/*Article Heading Gap*/

.article-category-filter.active.articleHead,
.article-category-filter.articleHead{
	padding-bottom: 20px;
}

/*Meet team section*/

#staff-helper-text {
    color: rgba(255, 255, 255, .5);
}

#meetTeamSection .staffJoin{
font-family: 'SF Pro', -apple-system, BlinkMacSystemFont, 
'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}

/*STAFF DETAILS*/

#staffDetailRecordSection .staffDetailContentRight a
 {
    color: rgba(0, 0, 0, 0.7);
}

#StaffDetailsHeroSection {
    background-color: #4C514D;
    margin: 12px;
    border-radius: 16px;
}

#StaffDetailsHeroSection .title-section {
    padding: 0 0 4.25rem 4.375rem;
}

#StaffDetailsHeroSection .title-section h1 {
    font-size: 3.5rem;
    line-height: 4.25rem;
    letter-spacing: -0.105rem;
    color: var(--glo);
}



#StaffDetailsHeroSection a.btn.btn-light.contact-btn {
    border-radius: 70px;
    padding: 10px 24px;
    font-weight: 510;
    font-size: 1.05rem;
    line-height: 1.7rem;
    letter-spacing: -0.015rem;
}

#StaffDetailsHeroSection .details-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 16px;
    height: 100%;
    min-height: 564px;
    margin-top: 6.25rem;
    margin-bottom: 0.75rem;
    /* width: 36.94%; */
}

#StaffDetailsHeroSection p.staffDesign {
    color: rgba(255, 255, 255, 0.5);
	font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: -0.025rem;
    padding-bottom: 2rem;
}

#StaffDetailsHeroSection p.staffDescp{
	font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.025rem;
    color: var(--glo);
    padding-bottom: 2rem;
    
}



/*Media*/
@media (max-width: 767px) {
    #StaffDetailsHeroSection {
        padding: 9px;
    }
	
	#StaffDetailsHeroSection .row {
        padding: 6.563rem 0 0 0;
    }
	
	#StaffDetailsHeroSection .title-section h1 {
        font-size: 2.5rem;
        line-height: 4.25rem;
        
    }
	
	#StaffDetailsHeroSection .title-section {
    padding: 0 0 2.563rem 0;
	}
	
	#staffDetailRecordSection .staffDetailContentRight {
    padding: 3rem 1.5rem 0;
	}
	
	#staffDetailRecordSection .staff-records-box {
    padding: 32px 35px;
	margin-top: 4.688rem;
	}
	
	#staffDetailRecordSection .recordSection {
    padding: 0;
}
	
	#StaffDetailsHeroSection .title-section p {
        font-size: 1rem;
        line-height: 1.5rem;
        color: rgba(255, 255, 255, 0.7);
        width: 100%;
    }
	
	#StaffDetailsHeroSection .details-image {
        min-height: 24.563rem;
		margin-top: 0;
        width: 100%;
    }
	
	#StaffDetailsHeroSection .singleStaffImage{
	display: flex;
    order: 1;
	}
}

@media (min-width: 767px) and (max-width: 1024px) {
    #StaffDetailsHeroSection .details-image {
        min-height: 490px;
    }
}

/*Patient Details Record*/

staffDetailRecordSection .staffDetailRecord {
    justify-content: space-between;
    padding: 8.75rem 0 10rem 0;
}

.recordSection{
	    padding: 6.25rem 0;
}

/*Media*/

@media (max-width: 767px) {
    #staffDetailRecordSection .staffDetailRecord {
        justify-content: space-between;
        padding: 3.75rem 1rem 0 1rem;
    }
	
}

@media(min-width: 768px) and (max-width: 1024px){
	#staffDetailRecordSection .staff-records-box {
    padding: 32px 20px;
	}
	
	#staffDetailRecordSection .record-text {
    font-size: 12px;
	}
	
	#staffDetailRecordSection.staffDetailContentRight {
    padding-left: 3.25rem;
	}
}


/*Pink Box Staff Details Repeater*/

.staffBoxRight {
    background-color: #F2F0ED;
    border-radius: 24px;
}


.staff-records-box {
  padding: 32px 50px;
  border-radius: 16px;
}

.records-heading {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 2.25rem;
    line-height: 2.25rem;
    font-family: 'SF Pro';
}

.records-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.record-item {
  display: flex;
  gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.record-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.record-icon img {
  width: 18px;
  height: auto;
  margin-top: 4px;
}

.record-text {
  font-size: 15px;
  line-height: 1.5;
}

.staffDetailContentRight{
	padding-left: 12.25rem;
}


/*Staff*/

#staffNbd.nbdSection {
    padding: 5rem 0 7.5rem 0;
}

#staffNbd .nbdLeft h3 {
    font-size: 2.25rem;
    font-weight: 400;
    line-height: 3rem;
    letter-spacing: -0.045rem;
    padding-bottom: 20px;
}

#staffNbd .nbdLeftDDescription {
    font-weight: 600;
    line-height: 2rem;
    font-size: 1.25rem;
    
}

#staffNbd .nbdRight {
    padding-top: 6.75rem;
	color: rgba(0, 0, 0, 0.6);
}

#staffNbd .nbdRight a{
    color: rgba(0, 0, 0, 0.6);
}

@media (max-width: 767px) {
    #staffNbd .nbdSection {
        justify-content: space-between;
        padding: 3.75rem 1rem 0 1rem;
    }

        #staffNbd .nbdLeft h3 {
        font-size: 2.25rem !important;
        line-height: 3rem;
        letter-spacing: -0.03rem;
        padding-bottom: 3rem;
    }
	

	
	#staffNbd.nbdSection {
    padding: 5rem 1rem 7.5rem;
	}
	
	#staffNbd .nbdRight {
    padding-top: 2rem;
    color: rgba(0, 0, 0, 0.6);
	}
}

/*Home Article*/

#homeArticleSection .aboutBtnContainer {
    justify-content: flex-end;
}

@media(max-width: 767px) {
#homeArticleSection .aboutBtnContainer {
    justify-content: flex-start;
}

}

/*Career Form CF7*/

.careersForm .ccf7 {
    background-color: #f2f0ed;
    border-radius: 1rem;
    width: 43.25rem;
    padding: 1.5rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

/* ================================
   CAREER FORM – CF7 CUSTOM LAYOUT
================================ */

.ccf7 {
  display: flex;
  flex-direction: column;
  /* gap: 30px 0; */
}

.cfrow {
  display: flex;
  gap: 40px;
}

.cfrow.one .col {
  width: 100%;
  padding-top: 10px;
}

.cfrow.two .col {
  width: 50%;
}

.cfrow.three .col {
  width: 33.33%;
}

.cfrow.four .col {
  width: 25%;
}

.cfrow .col p {
  /* margin: 0; */
}

.cfrow .col h2 {
  font-size: 19px;
  margin-bottom: 5px;
}

.cfrow.two {
    padding-top: 20px;
}

/* ================================
   INPUT FIELDS
================================ */


.ccf7 .cf-input {
	
    
    margin-top: 5px;
    background: #fff;
    display: block;
    width: 100%;
    
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
/*     -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; */
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.wpcf7-form-control {
    border-radius: 3.125rem;
    padding: 0.75rem 1.25rem 20px;
}

.ccf7 .cf-input.text {
	border-radius: 3.125rem;
    padding: 0.75rem 1.25rem 20px;
}

.ccf7 .cf-input.textarea {
  background: #ffffff;
  min-height: 150px;
  resize: vertical;
  border-radius: 8px;
}

.ccf7 .cf-input.submit {
    cursor: pointer;
    background-color: #4C514D;
    color: var(--glo);
    border-radius: 4.375rem;
    padding: 0.625rem 1.5rem;
    font-family: 'SF Pro';
    font-weight: 500;
}

#careersFormSection .carBtn {
    display: flex;
    justify-content: end;
}

.ccf7 .cf-input:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}



/* ================================
   CF7 RESPONSE MESSAGE
================================ */

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #F6C90E;
  color: #ffffff;
}

.wpcf7 form .wpcf7-response-output {
  border-radius: 7px;
}

/* ================================
   RESPONSIVE
================================ */

@media only screen and (max-width: 767px) {
  .cfrow {
    flex-direction: column;
  }

  .cfrow .col {
    width: 100% !important;
  }

  label.form-heading {
    font-size: 21px !important;
  }
}