:root {
  --secondary: #F6C916;
  --primary: #1F4455;
  --white : #ffffff;
  --black : #000000;
  --slider_bg : rgba(250,250,250,0.4);
  --banner_bg : #FFD1A7;
  --banner_gradient:rgb(0,0,0,0.4);
  --service_border:#D9EFEC;
  --text_white : #f2f2f2;
  --dot_background:#DDDDDD;
  --para_color:#212529;
  --wellness_bg:#F9F1e8;
  --therapist_border :#0C0C0D0D;
  --badge_border : #98D0A6;
  --psychology_color : #4C955F;
  --para_text : #555555;
  --link_bg : #F2F3F5;
  --booking_bg : #00982A4d;
  --subscription_border : #0000001F;
  --subscription_background:#E9F6FC;
  --success_color:#4B8053;
  --rrr_plan_bg : #F9F1E8;
  --delphi_bg : #F1F8EF;
  --info_text : #707070;
  --author_text : #151224;
  --author_link : #0952a9;
  --corporate_bg : #FAFAFA;
  --alpha_bg : rgb(21,21,21,0.7);
}

@font-face {
    font-family: poppins;
    src: url('/fonts/Poppins/Poppins-Regular.ttf');
}
@font-face {
    font-family: poppins;
    src: url('/fonts/Poppins/Poppins-Bold.ttf');
    font-weight: bold;
}

@font-face {
    font-family: karla;
    src: url('/fonts/Karla/static/Karla-Regular.ttf');
 
}

@font-face {
    font-family: martel;
    src: url('/fonts/Martel/Martel-Regular.ttf');
 
}
@font-face {
    font-family: martel;
    src: url('/fonts/Martel/Martel-Bold.ttf');
    font-weight:bold;
 
}
@font-face {
    font-family: karla;
    src: url('/fonts/Karla/static/Karla-Bold.ttf');
    font-weight:bold
 
}

.ks_header
{
    background-image:url("/images/site/hero_bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: karla;
    color:var(--white);
    height: 100vh;
}
a 
{
  color: #2d3c25;
}
h2 
{
  font-family: martel;
  font-weight: 700;
  font-size: 30px;
}
.choose_therapist
{
  display:block;
}
.choose_therapist li 
{
  display:inline;
}
.menu_header
{
  background-image:url("/images/site/hero_bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: karla;
    color:var(--white);
}
.menu_header a 
{
    color:var(--white);  
}
.ks_header a 
{
    color:var(--white);  
}
.ks_header h1 
{
    font-family:martel ;
    font-weight: 700;
    margin:0px;
    font-size:56px;
}
.ks_header p{
    font-family: karla;
    font-weight:400;
    margin: 0px;

}




.event_hero  img 
{
  max-width:50vw;
  height:auto;
  object-fit: cover;
  border-radius: 20px;;
}
.blogs_hero  img 
{
  max-width:50vw;
  height:auto;
  object-fit: cover;
  border-radius: 20px;;
}
.filter_container 
{
  display:flex;
  justify-content: center;
}

.filter_btn 
{
  background-color: var(--white);
  color: black;
  margin:16px;
}

/* .ks_btn 
{
  background-color: var(--secondary);
  padding: 16px 20px 16px 20px;
  font-size: 16px;
  font-family: karla;
  color: var(--para_color);
 text-decoration: none;
 border:none;
 min-width: 250px;
} */
.no_slots
{

}

.dateInputBox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}


.slot_content{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.strike 
{
    text-decoration: line-through;;
  text-decoration-thickness:0.1em;
}

.slot_container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height:60px;
float:left;
margin:8px;
width:140px;
}

/* Hide the browser's default radio button */
.slot_container input {
position: absolute;
opacity: 0;
cursor: pointer;

}

/* Create a custom radio button */
.slot_checkmark {
position: absolute;
top: 0;
left: 0;
height: 40px;
width: 140px;
background-color: #eee;
padding-left:20px;

}
.slot_checkmark_disabled
{
position: absolute;
top: 0;
left: 0;
height: 40px;
width: 140px;
background-color: #a1a1a1;
color:#fefefe;
padding-left:20px;
}

/* On mouse-over, add a grey background color */
.slot_container:hover input ~ .slot_checkmark {
background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.slot_container input:checked ~ .slot_checkmark {
background-color: #2364aa;
color:#FFFFFF;
content:"?"
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.slot_checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the indicator (dot/circle) when checked */
.slot_container input:checked ~ .slot_checkmark:after {
display: block;
display:none;
}
.slot_list {
  overflow:hidden;
  }

/* Style the indicator (dot/circle) */
.slot_container .slot_checkmark:after {
  top: 9px;
 left: 9px;
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background: white;
 }
 
 
 .slot_grid-container {
 display: grid;
 gap: 50px 10px;
 grid-template-columns: 50px auto ;
 text-align: left;
 padding: 10px;
 }
 
 .slot_label
 {
 font-size: 25px;
 text-align: left;
 }
 .slot_grid-item {
 background-color: rgba(255, 255, 255, 0.8);
 
 font-size: 25px;
 text-align: left;
 } 
 .slot_grid-item img{
 max-width:40px;
 max-height:40px;
 }
 .slot_message
 {
 
   width: 100%;
   height: 150px;
   padding: 12px 20px;
   box-sizing: border-box;
   border: 2px solid #ccc;
   border-radius: 4px;
   background-color: #f8f8f8;
   font-size: 16px;
   resize: none;
 
 }
 
 .slot_submit {
 background-color: var(--pr-green);
 border: none;
 color: white;
 padding: 15px 32px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 16px;
 margin: 4px 2px;
 cursor: pointer;
 }
 .talk_to_intro
 {
  text-align: left;
  width:80%;
  margin:auto;
 }
 
 .slot_form
 {
 margin-left:10px;
 }
 .slot_submit_btn
 {
  padding:8px;
  background-color: var(--secondary);
  color: black;
  margin:8px;
  text-decoration: none;
  border:none;
  min-width:90px;
 }

.filter_btn_submit 
{
  background-color: var(--secondary);
  color: black;
  margin:16px;
  text-decoration: none;
  border:none;
  min-width:90px;
}

.filter_item:hover 
{
  background-color:var(--service_border);
}
.filter_item label:hover 
{
  color:black;
}

.filter_menu  label
{
color: var(--white);
font-weight:300;
font-family: karla;
font-size:18px;

}

.filter_menu:hover
{
color: var(--black);
font-weight:300;
font-family: karla;
font-size:14px;

}

.expert_list_mobile 
{
  display:none;
}
.ks_hero h6 
{
  font-family: karla;
  font-size: 28px;
  color: var(--white);
}
.ks_hero
{
    align-content: center;
    text-align: center;
    margin: auto;
    top: 15%;
    position: relative;
}
.ks_hero_questions 
{
    display: flex;   
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-wrap:wrap;
    
    margin-top:20px;
}
.ks_question_item 
{

    /* align-items: center; */
    margin: 16px;
    background: var(--white);
    color: var(--black);
    padding:16px;
    border-radius: 47px;
    height: 72px;
    width:45%;
    overflow: hidden;
    /* position: relative; */
    display: grid;
    align-content: center;
    align-items: center;
    grid-template-columns: auto 50px;
}
.dropdown-menu 
{
  background-color:  var(--primary);
}
.ks_question_item p 
{
/* float:left;
position:relative;
top:10px;
left:10px; */
font-size: 18px;

}
.ks_question_item img 
{
    width:48px;
    height:48px;
    border-radius:24px;
    /* float:right; */
    background-color: var(--secondary);
    /* position:absolute;
top:15px;
right:20px; */
 
}

.ks_question_item img :hover 
{
    background-color: var(--white);
}
.ks_question_item:hover
{
    background-color:var(--secondary) ;
}
.ks_question_item:hover img
{
    background-color:var(--white) ;
}

.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {

  position: relative;
  margin: auto;
  width:80%;
  border-radius: 8px;
  overflow: hidden;
}

.arrow_img 
{
  width:24px;
  height:24px;
  margin:auto;
  text-align: center;
  position: absolute;
  margin-left:4px;
  margin-top:4px;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;

  width: 48px;
  height:48px;
  padding: 8px;

  color: var(--white);
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 24px;
  user-select: none;
  border:1px solid var(--white);
  background-color: var(--slider_bg)
}
.prev 
{
  right:84px;

  bottom:20px;
}
/* Position the "next button" to the right */
.next {

  right:16px;

  bottom:20px;

}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: var(--primary);
}
.banner_info
{
  position:absolute;
  left: 10%;
  top:20%;
  z-index: 100;

}

.banner_info h1 
{
  font-size:48px;
  color:var(--banner_bg);
  font-family:poppins;
  font-weight:700;

}
.banner_img 
{
 display:block;
  width:100%;
  z-index: 70;
}
.banner_img_mobile 
{
  display:none;
}
.banner_bg 
{
  width: 100%;
  height: 100%;
  position:absolute;
  right:0;
  top:0;
  z-index: 80;;
  background: var(--banner_gradient);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(2,17,21,1) 69%, rgba(0,29,41,1) );
opacity: 0.7;
}

.banner_info h2 
{
font-size:28px;
  color:var(--white);
  font-family: poppins;
  font-weight:500;
}
.banner_info h3 
{
  font-size:20px;
  color:var(--banner_bg);
  font-family:poppins;
  font-weight:500;
}
.banner_info p
{
  font-size:20px;
  color:var(--white);
  font-family:poppins;
  font-weight:400;
}

/* Caption text */
.text {
  color: var(--text_white);
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: var(--text_white);
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.mobile_indicator
{
  display:none;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: var(--dot_background);
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: var(--primary);
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 8s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

.talk_to_list 
{
  padding:0px;
}

.talk_to_list li
{
  font-size: 18px;
  font-family: karla;
  list-style-type: none;
  display:inline-block;
  border : 1px solid var(--primary);
  padding:12px;
  margin:4px;
  border-radius:30px;

}

 p 
{
  color: var(--para_color);
  font-size: 18px;
  font-family: karla;
}

.ks_btn 
{
  background-color: var(--secondary);
  padding: 16px 20px 16px 20px;
  font-size: 16px;
  font-family: karla;
  color: var(--para_color);
 text-decoration: none;
 border:none;
 min-width: 250px;
}


.talk_to_container
{
  margin-left:20px;
}
.talk_to h1 
{
  font-family:martel;
  font-weight:700;
  font-size:36px;
}
.wellness h1 
{
  font-family:martel;
  font-weight:700;
  font-size:36px;
}
.wellness p 
{
  font-family:karla;
  font-weight:400;
  font-size:18px;
}
.wellness_list li 
{
  display:block;
  list-style: none;
  background-color: var(--wellness_bg);
  padding: 16px;
  text-align: center;
  border-radius: 4px;
  margin: 8px;

}
.wellness_list h4 
{
  font-family: martel;
  font-weight:700;
  font-size:20px;
}
/* .wellness_list li:nth-child(1)
{
  margin-top:12px;
} */

/* .wellness_list li:nth-child(0)
{
  margin-top:16px;
} */

.wellness_list 
{
  display:grid;
  grid-template-columns: 1fr 1fr;;
}


.wellness_list  img 
{
  width: 10vw;
  height: auto;
}

.posch_element
{
  background-image:url("/images/site/posch_bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;


}

.posch_content
{
    align-content: center;
    text-align: center;
    margin: auto;
    top: 15%;
    position: relative;
    color:var(--white)
}

.posch_content h4 
{
  font-size: 21px;
  font-family: karla;
  color:var(--white);
  margin-top:20px;
}



.posch_content p 
{
  font-size:18px;
  font-family:karla;
  color: var(--white);
}

.posch_item
{
  background: rgba(255, 255, 255, 0.06);
  padding:16px;
  margin:8px;

}
.posch_item h4 
{
  font-family: Martel;
}

.posch_item img 
{
  width:5vw;
  height:5vw;
}


/* .. new attempt  */



.info_bg 
{
    background-color: #FFFFFF; border:1px solid red;
}
.info_bg img 
{
    width:50px;
    height:50px;
    object-fit: cover;
}
.ttt_client
{
    border: 1px solid brown;
    height:120px;
}
.ttt_img
{
    width: 88px;
height: 88px;
border-radius: 44px;
margin:auto;
grid-row:4/6;
grid-column:1;
z-index:90;
object-fit: cover;
}
.item
{
    display:grid;
    grid-template-rows: 20px 30px auto 88px 88px 20px 60px;
    text-align: center;
    
    /* justify-content: center;
    justify-items: center;
   */
}

.quote 
{
    grid-row:2;
    z-index: 50;
    width:2vw;
    grid-column: 1;
    margin:auto;
    height:auto;

}
.ttt_p
{
    grid-row:3;
    grid-column: 1;
    z-index:90;
    padding:16px;
    margin:auto;
}
.ttt_bg 
{
    background-color: var(--white);
    grid-row: 1/5;
    z-index:20;
    grid-column:1;

}

.ttt_h4 
{
    margin:auto;
grid-row:5/6;
grid-column:1;
z-index:90;
}
.posch_ttt
{
    display: grid;
    grid-template-columns: auto auto auto;
    column-gap: 10px;;
}


.posch_ttt_mobile
{
  display:none;
}
/* 
end new  */



.posh_ttt
{
  background:var(--wellness_bg);
  text-align: center;

}


.posh_ttt p 
{
  font-size:18px;
  font-family:karla;

}



.green_bg p 
{
  color: var(--white);
}
.green_bg
{
  background-image:url("/images/site/posch_bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--white);
}



.corporate_services
{
  overflow: hidden;
}
.corporate_services h2 
{
  font-size: 36px;
  font-family: martel;

  margin-top:20px;
}

.service_item 
{
  background-color: var(--wellness_bg);
  margin-top:60px;
  margin-left:8px;
  padding:16px;
  position:relative;
  width: 40%;
  float: left;
  border-radius:8px;
  height: 300px;
}

.service_item h3 
{
  background-color: var(--white);
  width: 70px;
  height:70px;
  border-radius: 50px;
  font-size: 40px;
  border: 1px solid var(--service_border);
  padding:5px;
  font-family: martel;
  font-weight: 700;
  text-align: center;
  position:absolute;
  left:10px;
  top:-40px;
 
}
.corporate_services p 
{
  font-size:18px;
  font-family:karla;
}
.corporate_services img 
{
  width:80%;
  height:auto;
}

.service_item h4 
{
  font-family: martel;
  font-size: 18px;
  font-weight: 700;
}




.expert_advice
{
  background:var(--wellness_bg);



}

.expert_content
{
    align-content: center;
    text-align: center;

 
  position:relative;
}

.expert_content h1 
{
  font-family: martel;
  font-weight:700;
  font-size:36px;
  color: var(--black);
  margin-top:20px;
}
.expert_list
{
  /* display:flex;
  width:100vw;
  height:540px;
  width:90%;
  margin:auto; */

  display: flex;          /* Arrange children in a row */
  overflow-x: auto;       /* Enable horizontal scrolling */
  white-space: nowrap;    /* Prevent children from wrapping to a new line */
  width: 100%;  
 
  /* flex-direction: row;
  flex-wrap: nowrap; */

  /* display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 10px;; */
}

.expert_content p 
{
  font-size:18px;
  font-family:karla;
  font-weight:400;
  width:70%;
  margin:auto;

}
.expert_item p 
{
  margin:0px;
  width:90%;
  text-align: left;
}
.expert_item 
{
flex:0 0 auto;
  /* width:400px; */
          /* Prevent children from growing or shrinking */
    width: 350px;   
   
    white-space: normal;        /* Set a fixed width for each child */
      /* Space between child divs */

    /* background-color: #f0f0f0;
    border: 1px solid #ccc;
    text-align: center; */
  margin-right:16px;

word-wrap: break-word;;
  padding:16px;
  text-align: center;

  background-color: var(--white);
  border-radius: 8px;;
}

.footer_head 
{
  background-image:url("/images/site/footer_bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.expert_info 
{
  display:grid;
  grid-template-columns: 60px auto;
  align-items: center;
  align-content: center;
}
.expert_info img 
{
  width:50px;
  height:50px;
  object-fit: contain;
  border-radius:25px;
  margin:8px;
}
.expert_info h4 
{
text-align: left;
font-size:20px;
margin-left:8px;
 
}
.footer_content
{
  color:var(--white);
}
.footer_mobile 
{
  display:none;
  color:var(--white);
}

.footer_content h3 
{
  font-weight: 600;
  font-family: karla;
  font-size:18px;

}
.footer_mobile h3 
{
  font-weight: 600;
  font-family: karla;
  font-size:18px;

}
.footer_mobile p 
{
  font-weight: 400;
  font-family: karla;
  color:var(--white);
  font-size:16px;
  margin:0px;
}
.signature_programs 
{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
  column-gap: 20px;
  row-gap: 20px;
}
.signature_programs li
{
  color:black;
  align-items: center;
  text-align: center;
  font-weight: 400;
  font-family: karla;
  list-style-type: none;
padding:24px;

  
}


 .signature_programs li:nth-child(4n+1) 
{
  background-color: #fcf2da;
}  
  
.signature_programs li:nth-child(4n+2)
{
  background-color: #f7f5d0;
} 
.signature_programs li:nth-child(4n+3) 
{
  background-color: #ebf6d1;
} 
.signature_programs li:nth-child(4n+4)
{
  background-color: #d4f6d1;
} 


.signature_training
{
  display:grid;
  grid-template-columns: 1fr 1.5fr;
  column-gap:30px;
}
.signature_training img 
{
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.employee_assistance
{
  display:grid;
  grid-template-columns: 1fr 1fr;
  column-gap:10px;
}
.employee_assistance img 
{
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.employee_info {

  text-align: start;
}
.employee_options
{
  overflow: hidden;
}
.employee_options  li
{
  float: left;
  margin:8px;
}
.employee_options ul {
  list-style: none;
}

.employee_options ul li:before {
  content: '✓';
}

.footer_mobile a 
{
  font-weight: 400;
  font-family: karla;
  color:var(--white);
  font-size:16px;
  margin:0px;
  text-decoration:none; 
}

.footer_content p 
{
  font-weight: 400;
  font-family: karla;
  color:var(--white);
  margin:0px;
}
.footer_content a 
{
  font-weight: 400;
  font-family: karla;
  color:var(--white);
  margin:0px;
  text-decoration: none;
}

.ks_social 
{
  padding:0px;
  margin:0px;
}
.ks_social li 
{
  list-style-type: none;
  display:inline;
  margin:4px;
}
.ks_social li img 
{
  width:20px;
  height:20px;
  object-fit: contain;
}
.footer_end
{
  text-align: center;

  padding:16px;
  background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 64%);
}
.footer_end p 
{
  font-family:karla;
  font-weight:400;
  color:var(--white);
}

/* 
home page ends  */


/* 
therapist starts home  */

.therapist_form 
{
  width:80%;
  margin:auto;
  border : 1px solid var(--subscription_border);
  padding:32px;
}
.therapist_hero
{
  align-content: center;
    text-align: center;
    margin: auto;
    top: 15%;
    position: relative;
}
.therapist_hero h1 
{
  font-family: martel;
  font-weight: 700;
  font-size: 56px;
}

.therapist_hero h2 
{
  font-family: martel;
  font-weight:700;
  font-size:36px;  
}

.therapist_hero p 
{
  font-family:karla;
  font-size:20px;
  font-weight:500;
}


.therapist_hero p 
{
  font-family: karla;
  font-weight:400;
  font-size:18px;
}
.form_blank_line
{
  width:120px;
text-decoration:underline;
border:1px solid var(--black);
position:relative;
top: 30px;
  left: 8px;
}
.therapy_question
{
display:flex;
flex-direction: row;
align-items: start;
}
.therapy_answers 
{
  overflow: hidden;
  padding:8px;
}

.others_text 
{
  display:none;
}
.therapy_answers li 
{
  
  float:left;
  margin:16px;
  list-style: none;
  /* //width:18vw; */
}
.small_list li 
{
  float:left;
  margin:16px;
  list-style: none;
  width:7vw;
}
.large_list li 
{
  float:left;
  margin:16px;
  list-style: none;
  min-width: 60vw;
}
.medium_list li 
{
  float:left;
  margin:16px;
  list-style: none;
  min-width: 13vw;
}
.therapy_answers_block
{

margin: 0px;
  padding: 0px;
  overflow: hidden;
  float: left;
  /* display: block; */
  display: flex;
  flex-direction: row;
  align-items: start;

}

.therapy_answers_block  input
{

 margin-top:8px;
 padding:0px;
 width:20px;
 height:20px;
}


.therapy_answers label 
{
  margin-top:5px;
  font-family:karla;
  font-weight:400;
  margin-left:8px;

  font-size: 18px;;
  text-align: Start;

}
.therapy_question h3
{
  float:left;
  font-family:karla;
  font-size:20px;
  font-weight:700;
}
/* 
therapist ends  */

/* 
all therapist page  */

.quick_assistance
{
  width:70%;
  margin:auto;
  background-color: var(--wellness_bg);
  padding:32px;
  border-radius:16px;
  text-align: start;
}

.quick_action 
{
  display:block;
}
.quick_action_mobile 
{
  display:none;
}
.quick_assistance img 
{
  max-width:15vw;

}
.quick_assistance h3 
{
  font-family: martel;
  font-weight:700;
  font-size:36px;
}
.quick_assistance p 
{
  font-family: karla;
  font-weight:500;
  font-size:20px;
}


.all_therapist
{
  text-align: center;
}
.all_therapist h2 
{
  font-family: martel;
  font-weight:700;
  font-size:36px;
}
.all_therapist p 
{
  font-family: karla;
  font-weight:500;
  font-size:20px;
}

.therapist_list
{
  overflow: hidden;
  display:grid;
  /* flex-direction: row;
  flex-wrap: wrap; */
  grid-template-columns: 1fr  1fr;
}
.therapist_item
{
  width:auto;
position:relative;
  margin:8px;
border:1px solid var(--dot_background);
padding:24px;
  
}
.therapist_item p 
{
  text-align: left;
  margin:0px;
  font-family: karla;
  font-size:15px;
}
.therapist_price_info 
{
  white-space: nowrap;
  margin: 8px;
  text-align: left;
  padding: 0px;
  
  
}

.therapist_price_info li 
{
  display:inline;
  margin-right:8px;
  padding:4px;
  border-radius: 5px;;


}

.discount 
{
  background-color: var(--secondary);
  font-weight: 300;
}

.price 
{
background-color: var(--badge_border);

font-weight: 300;

}

.therapist_item img 
{
  width:100px;
  height:100px;
  border-radius:50px;
  flex-shrink: 0;
  margin-top:0px;
  object-fit: cover;
  border:1px solid var(--dot_background);

}
.therapist_info
{
    display:flex;
    align-items: stretch;
    margin-bottom:8px;

}
.therapist_info h6 
{
  border : 1px solid var(--badge_border);
  width:96px;

  font-family:karla;
  font-size:12px;
  font-weight:700;
  text-align:center;
  color:var(--badge_border);
  border-radius:4px;
  
}
.therapist_info h4 
{
  font-family: karla;
  font-size: 20px;
  font-weight: 700;
}
.therapist_info p 
{
  font-family: karla;
  font-size: 16px;
  font-weight:500;
  color:var(--para_color);
  margin:0px;
}
.therapist_details 
{
  text-align: start;
  flex-grow:3;
  margin-left:16px;
  
}
.therapist_item a
{
 
  background-color: var(--secondary);
  padding:16px;
  text-decoration: none;
  
  /* display:block;
  width:auto; */
  font-family: karla;
  font-weight:400;
  font-size:16px;

  border-radius: 25px;;
  display:block;
  position:absolute;
  bottom:8px;
  left:30%;

}

.therapist_item a:hover
{
  background-color: var(--secondary);


}
/* 
all therapist page ends  */

/* 
therapist subscriptions starts  */




.therapist_hero h5 
{
  color:var(--primary);
  font-family:karla;
  font-weight:700;
  font-size:24px;
  border:1px solid var(--primary);
  border-radius:4px;
  width:500px;
  margin:auto;
  padding:4px;
  background-color: var(--booking_bg);
}
.google_btn 
{
  font-weight: bold;
  text-decoration: none;
  color: #FFF;
  background: #323232;

  padding: 16px;

  min-width: 250px;
  display: block;
  width: 250px;

text-align: center;
  margin: auto;
}
.google_line 
{
  border: 1px solid #00A1De;
  height: 1px;
  position: relative;
}
.google_container 
{
  display: block;
  text-align: center;
  position: relative;
}
.google_divider 
{
  width: 50px;
  background: #FFFFFF;
  height: 30px;
  position: absolute;
  top: -15px;
  left: 45%; 
}
.therapist_booking_image 
{
    width:200px;
    height:200px;
    object-fit: cover;
}
.therapist_hero i 
{
  margin:6px;
}
.subscription_book 
{
  padding:32px;
}
.therapy_subscription
{
  border : 1px solid var(--subscription_border);
  border-radius:20px;
  display:grid;
  grid-template-columns: 300px auto 400px;
  text-align:left;
  overflow: hidden;

}
.therapy_subscription h6
{
  font-family: karla;
  font-size:20px;
  font-weight:700;
  color:var(--para_color);
}
.therapy_subscription h2 
{
  font-family:karla;
  font-size:52px;
  font-weight:800;
  color:var(--para_color);
}
.subscription_info
{
  background-color: var(--subscription_background);
  padding:32px;
}

.price_info 
{
  padding:32px;
}
.subscription_info p
{
  font-family:karla;
  font-weight:500;
  font-size:20px;
  color:var(--primary);

}

.subscription_item
{
  text-align: center;
  border : 1px solid var(--subscription_border);
  margin:8px;
  padding:0px;
}

.subscription_item h4
{
  color: var(--para_color);
  font-family: karla;
  font-weight: 700;
  font-size:20px;

}
.subscription_row 
{
  display:grid;
  grid-template-columns: auto auto auto;
}

.subscription_item h2{
  font-family: karla;
  font-size:52px;
  font-weight:800;
  color:var(--para_color);
}
.subscription_item h6{
  font-family: karla;
  font-size:20px;
  font-weight:500;
  color:var(--para_color);
}

.price_benefits
{

  text-align:start;
  padding:16px;
  background-color: var(--subscription_background);
}
.price_benefits p 
{
  font-family:karla;
  font-weight:500;
  font-size:18px;
  color:var(--primary);

}
/* 
therapist subscriptions ends  */

/* 
booking success starts  */

.booking_success
{
  text-align: center;
  width:50%;
  margin:auto;

}
.booking_success i 
{
  color:var(--success_color);
  font-size:80px;
}

.booking_success h3
{
  color:var(--para_color);
  font-family: karla;
  font-weight: 700;
  font-size: 24px;;
}

/* 
booking success ends  */


/* 
wellness membership starts */




.wellness_home
{
  align-content: center;
    text-align: center;
    margin: auto;
    top: 15%;
    position: relative;
}
.wellness_home h1 
{
  font-family: martel;
  font-weight: 700;
  font-size: 56px;
}

.wellness_home p 
{
  font-family: karla;
  font-weight:400;
  font-size:18px;
}

.rrr_details
{
  display: grid;
  grid-template-columns: 30% auto;
  column-gap: 20px;;
}

.rrr_details img 
{
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.rrr_home
{
  text-align: center;
}
.rrr_home h2 
{
  font-family: martel;
  font-weight:700;
  font-size:36px;
}
.kcc_info
{
  display:grid;
  text-align: start;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;;
}
.kcc_info img 
{
  width: 100%;
  height: auto;
}



.rrr_details 
{
  text-align:start;
}
.rrr_plans 
{
  text-align:center;

  background-color: var(--rrr_plan_bg);
  padding:24px;
}

.kcc_home
{
  text-align:center;
}

.rrr_plans_row 
{
  display:grid;
  grid-template-columns: 30% 60%;
}
.rrr_info 
{
vertical-align: auto;

}
.rrr_info h4 
{
  font-family:martel;
  font-weight:700;
  font-size:36px;
}
.rrr_info h6 
{
  font-family:karla;
  font-size:24px;
  font-weight:700;
}
.rrr_info li 
{
  font-family:karla;
  font-weight:500;
  font-size:20px;

}
.rrr_pricing 
{

  display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;

}
.rrr_item 
{
  margin:16px;
  background-color: var(--white);
  border:1px solid var(--subscription_border);
  padding:24px;


}
.rrr_item h4 
{
  font-family: karla;
  font-size:20px;
  font-weight:700;

}
.rrr_item h2 
{
  font-family:karla;
  font-weight:800;
  font-size:52px;
}
.rrr_item p 
{
  font-family:karla;
  font-weight:500;
  font-size:20px;

}
/* 
wellness membership ends  */

/* 
therapy_sub_success starts  */


.therapy_success
{
  text-align: center;
  width:50%;
  margin:auto;
}

.therapy_success img 
{
  width:72px;
  height:72px;

}

.therapy_success h3 
{
  font-family: martel;
  font-size:36px;
  font-weight:700;
}

.therapy_success p 
{
  font-family: karla;
  font-weight:500;
  font-size:20px;
}

.therapy_success h5 
{
  font-family: karla;
  font-weight:700;
  font-size:32px;
  color:var(--success_color);
}


/* 
therapy_sub_success ends  */

/* 
delphi started  */
.delphi_hero
{
  align-content: center;
    text-align: center;
    margin: auto;
    top: 15%;
    position: relative;
}
.delphi_hero h1 
{
  font-family: martel;
  font-weight: 700;
  font-size: 56px;
}

.delphi_hero p 
{
  font-family: karla;
  font-weight:400;
  font-size:18px;
}

.delphi_list 
{
  width:80%;
  margin:auto;
  padding:32px;

  border : 1px solid var(--subscription_border);
}

.delphi_question 
{
  text-align:left;
  margin:8px;
}

.delphi_question  h3
{
  font-family: karla;
  font-weight:700;
  font-size:24px;
}

.delphi_question p 
{
  font-family: karla;
  font-weight: 400;
  font-size:18px;
}

.delphi_question h5 
{
  font-family: karla;
  font-weight: 700;
  font-size: 18px;
}

.delphi_answer 
{
  text-align: left;
  margin:8px;
  border-radius: 8px;
  background-color: var(--delphi_bg);
  padding:16px;
}
.delphi_answer p 
{
  font-family: karla;
  font-weight: 400;
  font-size:18px;
}
.delphi_therapist 
{
  display: flex;
  flex-direction: row;
}
.delphi_therapist img 
{
  width:64px;
  height:64px;

  border-radius:50% 50% 50% 50%;
  object-fit: cover;
}
.delphi_therapist h3 
{
  font-family: karla;
  font-weight: 700;
  font-size:18px;
  margin-left:16px;
  margin-top:16px;
}

.delphi_hero h2 
{
  font-family: martel;
  font-weight:700;
  font-size:36px;
}
.delphi_form 
{
  width:80%;
  margin:auto;
  padding:32px;
  text-align: left;
}
label 
{
  font-family: karla;
  font-weight:700;
  font-size: 20px;
  text-align: left;
  margin-top:16px;

}
input[type=text]{
  border:none;
  border-bottom:2px solid var(--delphi_bg);
  text-align: left;
  width:90%;
  margin-top:8px;
  height:50px;
}
input[type=password]{
  border:none;
  border-bottom:2px solid var(--delphi_bg);
  text-align: left;
  width:90%;
  margin-top:8px;
  height:50px;
}

textarea
{
  border : 2px solid var(--delphi_bg);
  text-align: left;
  width:100%;
  margin-top:8px;
  min-height:150px;
}

#captcha 
{
  width:400px;
  height:auto;
}

/* 
delphi ends  */

/* 
events started  */


.events_hero
{

  align-content: center;
    text-align: center;
    margin: auto;
    top: 15%;
    position: relative;
}
.events_hero h1 
{
  font-family: martel;
  font-weight: 700;
  font-size: 56px;
}
.events_hero h3 
{
  font-family: martel;
  font-weight:700;
  font-size:36px;
}
.events_hero p 
{
  font-family: karla;
  font-weight:400;
  font-size:28px;
}
.events_grid_mobile 
{
  display:none;
}
.events_grid
{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
}
.events_item 
{
  position:relative;
  margin:8px;
  border : 1px solid var(--badge_border);
  height:300px;
  border-radius:12px;
  overflow: hidden;
}



.event_info
{
  position:absolute;
  left: 10%;
  top:20%;
  z-index: 100;
  text-align: left;

}


.event_img 
{
 
  width:100%;
  height: 100%;
  object-fit: cover;
  z-index: 70;
  position:relative;
}
.event_bg 
{
  width: 100%;
  height:100%;
  position:absolute;
  right:0;
  top:0;
  z-index: 80;;
  background: var(--banner_gradient);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(2,17,21,1) 69%, rgba(0,29,41,1) );
opacity: 0.7;
}
.event_info h2 
{
  font-family: martel;
  font-size:32px;
  font-weight:800;
  color:var(--banner_bg);
}

.event_info p 
{
  font-family: karla;
  font-weight:400;
  font-size:19px;
  color:var(--white);
}

.event_info h3 
{
  font-family: martel;
  font-weight:400;
  font-size:24px;
  color:var(--banner_bg);

}
.event_info h4 
{
  font-family: martel;
  font-weight:400;
  font-size:22px;
  color:var(--white);
}
.blog_list_mobile 
{
  display:none;
}
.blog_detail 
{
  display:block;
}
.blog_list 
{
  display:grid;
  grid-template-columns: 1fr 1fr;

  gap:10px;
}
.blog_item 
{

  background-color: var(--rrr_plan_bg);
  display:flex;
  position:relative;
}
.blog_item img 
{
  width:200px;
  height:auto;
  object-fit: cover;
}
.blog_info 
{
  position:relative;

  background-color: var(--rrr_plan_bg);
  margin:32px;
  text-align: left;
}
.left_info 
{
  position:absolute;
  top:0;
  left:0;
  font-family: karla;
  font-weight: 400;
  font-size:16px;
  color:var(--info_text);
}
.right_info 
{
  position:absolute;
  top:0;
  right:0;
  font-family: karla;
  font-weight: 400;
  font-size:16px;
  color:var(--info_text);
}

.blog_item_1 
{
  background-color: var(--rrr_plan_bg);
  grid-row:1/4;
}

.blog_item_1 img 
{
  width: 100%; 
  height:auto;

}
.blog_item_1 h2 
{
  font-family: karla;
  font-weight: 600;
  font-size:26px;
}



.blog_item_1 p 
{
  color:var(--info_text);
  font-family: karla;
  font-weight:400;
  font-size:16px;
}
.author_info 
{
  position:relative;
  margin:0px;

}
#blog_all
{
  display:none;
}
.author_info img 
{
  width:50px;
  height:50px;
  border-radius:25px;
  object-fit: cover;
}

.author_info h3 
{
  font-family: karla;
  font-weight:400;
  font-size:14px;
  color:var(--author_text) ;
 
}

.author_info h5 
{
  font-family: karla;
  font-weight:400;
  font-size:14px;
  color:var(--author_link) ;
  position:absolute;
  top:15px;
  right:20px;
}
.blog_item h2 
{
  font-family: karla;
  font-weight: 600;
  font-size:26px;
}
.blog_item p 
{
  color:var(--info_text);
  font-family: karla;
  font-weight:400;
  font-size:16px;
}


.blog_detail
{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin:8px;
}
.blog_arrow 
{
  display:flex;
  justify-content: center;
  grid-column: 2/3;
}
.arrow
{
  width:48px;
  height:48px;
  border-radius:24px;
  background-color: var(--wellness_bg);
  color: var(--black);
  padding:10px;
  font-size:20px;
  margin:10px;
}

.arrow:hover 
{
  background-color: var(--primary);
  color:var(--white);
  
}
.blog_pagination 
{
  grid-column: 3/4;
  text-align: end;;
}
.vlog_container_mobile
{
  display: none;


}


.vlog_container_mobile h3 
{
  font-size: 15px;;
}

.vlog_container_mobile h5 
{
  font-size: 12px;;
}
.vlog_container
{
  margin:auto;

  display:grid;
  grid-template-columns: 100px auto 100px;
}
.vlog_master{
  position:relative;
}


.vlog_master img 
{
  width:100%;
  height:70%;
  object-fit: cover;
  height: auto;
  z-index: 90;

}
.vlog_container i 
{
  margin:auto;

}
.gallery_list
{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 16px;
  row-gap: 16px;;

}

.gallery_list img 
{
  width: 100%;
  height:300px;
  object-fit: cover;
}

.vlog_alpha 
{
  width:100vw;
  height:100vh;
  background-color: var(--alpha_bg);
  z-index: 100;
  position:fixed;
  top:0px;
  left:0px;
 display:none;

}
.vlog_thumbnail_alpha 
{
  position:absolute;
  top:0px;
  left:0px;
  z-index: 90;;
  width:100%;
  height:100%;
  background-color: var(--alpha_bg);
}

.vlog_player_container 
{
  z-index: 300;
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  position: fixed;
width: 100%;

  height: 100%;
  top:5%;

  display:none;
}
.player_close 
{
  position:relative;
  top:20px;
  margin: auto;
  font-size: 40px;;
 color: var(--dot_background);
  border-radius: 20px;;
}

.player_content 
{

  padding:32px;
  margin:auto;
  text-align: center;
}
.player_content iframe 
{
  border : 5px solid var(--banner_bg);
}

.alpha 
{
  width: 100%;
  height:100%;
  z-index: 100;
  background-color: var(--black);
  opacity: 0.50;
  margin:0px;
  position:fixed;
  top:0;
  left:0;

}

.vlog_info 
{
  position:absolute;
  top:0;
  left:0;
  z-index:110 ;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items:center;
}

.vlog_detail
{
 color:var(--white);

}
.vlog_detail h3 
{
  font-family: karla;
  font-weight:700;
  font-size:36px;
}
.vlog_detail h5 
{
  font-family: karla;
  font-weight:400;
  font-size: 20px;;
}
#play
{
 
  height:48px;
  width:48px;
  
}

.vlog_list 
{
  display:flex;
  justify-content: center;
  overflow: hidden;
}
.vlog_item 
{
  margin:10px;
}
.vlog_item  img
{
  width:80px;
  height:80px;
  object-fit: cover;
}

.gallery_container
{
  display:flex;
  justify-content: center;
  overflow: hidden;

}
.gallery_item 
{

  margin:10px;
}
.gallery_item img 
{
  width:600px;
  height:400px;
  object-fit: cover;
}
.gallery_pagination 
{
  display:flex;
  justify-content: center;
}

/* 
blog page ends  */

/* 
contact us starts  */


.contact_us_hero
{

  align-content: center;
    text-align: center;
    margin: auto;
    top: 15%;
    position: relative;
}
.contact_us_hero h1 
{
  font-family: martel;
  font-weight: 700;
  font-size: 56px;
}
.contact_us_hero h3 
{
  font-family: martel;
  font-weight:700;
  font-size:36px;
}
.contact_us_hero p 
{
  font-family: karla;
  font-weight:400;
  font-size:28px;
}

.contact_form 
{
  display:grid;
  grid-template-columns: 50% auto;
  box-shadow: 20px 20px 40px #00000080 ;
}
.contact_form img 
{
  width: 100%;
  object-fit: cover;
}
.contact_form_content 
{
  text-align: left;
  margin:16px;
}
.row_input 
{
  display:grid;
  grid-template-columns: 1fr 1fr;
}
/* 
contact us ends  */

/* 
contact_success starts  */

.contact_success
{
  text-align: center;
  width:50%;
  margin:auto;

}
.contact_success i 
{
  color:var(--success_color);
  font-size:80px;
}

.contact_success h3
{
  color:var(--success_color);
  font-family: karla;
  font-weight: 700;
  font-size: 36px;;
}
.contact_success h4 
{
  font-family:karla;
  font-weight:700;
  font-size:28px;
}

/* 
contact us ends  */



.posh_services
{

  align-content: center;
    text-align: center;
    margin: auto;
    top: 15%;
    position: relative;
}
.posh_services h1 
{
  font-family: martel;
  font-weight: 700;
  font-size: 56px;
}
.posh_services h3 
{
  font-family: martel;
  font-weight:700;
  font-size:36px;
}
.posh_services p 
{
  font-family: karla;
  font-weight:400;
  font-size:28px;
}
.posh_training
{
  display:grid;
  grid-template-columns: 2fr 1fr;
}
.posh_training_item
{

  background-color: var(--wellness_bg);
  text-align: start;
}

.posh_info p 
{
  font-family: martel;
font-size:18px;
font-weight:700;
}
.posh_training_item img 
{
  height:300px;
  width: 100%;
  object-fit: cover;
}

.posh_container
{
  display:grid;
  grid-template-columns: 1fr 1fr;

}
.posh_item
{
  margin:8px;
  background-color: var(--wellness_bg);
  text-align: start;
}
.posh_item h3 
{
font-family: martel;
font-size:28px;
font-weight:700;
}


.posh_item h3 
{
font-family: martel;
font-size:28px;
font-weight:700;
}

.posh_info 
{
  margin:16px;
}
.posh_item h4 
{
font-family: martel;
font-size:24px;
font-weight:700;
}


.posh_item h5
{
font-family: martel;
font-size:20px;
font-weight:700;
}



.posh_item img 
{
  height:300px;
  width: 100%;
  object-fit: cover;
}

.corporate_hero
{

  align-content: center;
    text-align: center;
    margin: auto;
    top: 15%;
    position: relative;
}
.corporate_hero h1 
{
  font-family: martel;
  font-weight: 700;
  font-size: 56px;
}
.corporate_hero h3 
{
  font-family: martel;
  font-weight:700;
  font-size:36px;
}
.corporate_hero h4 
{
  font-family: karla;
  font-weight:400;
  font-size:28px;
}
.corporate_hero p 
{
  font-family: karla;
  font-weight:400;
  font-size:18px;
}


.corporate_content 
{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:16px;
}
.corporate_item {

  background:  var(--corporate_bg);
 
}
.corporate_item img 
{
  width: 100%;
  height:280px;
  object-fit: cover;
 }
.corporate_item h4 
{
  font-family: karla;
  font-weight:700;
  font-size:24px;
}
.corporate_info 
{
  margin:16px;
  text-align: left;
}
.corporate_item li 
{
font-family: karla;
font-weight:500;
font-size:18px;
}
/* 
corporate ends  */
.footer_list
{
  display:none;
 
}

.footer_info
{
  border-bottom: 1px solid var(--link_bg);
  padding:8px;
}
.footer_title
{
  display:grid;
  grid-template-columns: auto 20px;
}
.settings_row
{
  display:grid;
  grid-template-columns: 1fr 1fr;
  align-items: baseline;
}
.settings_item 
{
  padding:16px;
}
#form_image 
{
  width: 200px;
  height: 200px;
  object-fit: cover;
  border-radius: 100px;
}


.loader_alpha {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.9;
  z-index: 101;
  background-color: #212121;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  margin: 0;
  position: absolute;
  top: 45%;
  left: 45%;
  transform: translateY(-50%);
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.date_filter
{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: baseline;
}
.date_filter_item 
{
  margin:16px;
}
.ks_btn_small 
{
  background-color: var(--secondary);
  padding: 8px;
  font-size: 16px;
  font-weight:500;
  font-family: karla;
  color: var(--para_color);
 text-decoration: none;
 border:none;
 min-width: 150px;
}

.ks_btn_anchor
{
  background-color: var(--secondary);
  padding: 8px;
  font-size: 16px;
  font-weight:500;
  font-family: karla;
  margin:8px;
  border-radius: 5px;
  color: var(--para_color);
 text-decoration: none;
 border:none;
 min-width: 150px;
}

.ks_btn_anchor_deselect
{
  background-color: var(--text_white);
  padding: 8px;
  font-size: 16px;
  font-weight:500;
  font-family: karla;
  margin:8px;
  border-radius: 5px;
  color: var(--para_color);
 text-decoration: none;
 border:none;
 min-width: 150px;
}

.no_data {
  margin: auto;
  width: 350px;
  padding: 10px;
  text-align: center;
}

.no_data_image {
  max-width: 200px;
  max-height: 50px;
  margin: auto;
}

.no_data_title {
  font-size: 20px;
  color: #313131;
  padding: 10px;
}
.posh_reward
{
  
  display: flex;
  justify-content: center; /* Center images horizontally */
  align-items: center; /* Center images vertically */
  gap: 10px; /* Optional, space between images */

}
.posh_reward img 
{
  max-width:100px;
  max-height:100px;
  background-color: var(--white);
  padding:10px;
  border-radius: 5px;;
}
.kcc_banner
{
  display:flex; justify-content:center; align-items:center;gap:10px;
}
.kcc_banner img 
{
  width:70vw;height:600px;object-fit: contain;
}
/* 
mobile ui starts ********************************************************************************************************************************************* */

@media only screen and (max-width: 768px) {
  /* For mobile phones: */

  .kcc_banner
{
  display:grid; justify-content:center; align-items:center;gap:10px; grid-template-rows: 1fr 1fr;
}
.kcc_banner img 
{
  width:80vw;height:auto;object-fit: contain;
}
.filter_container 
{
  display:block;
  justify-content: center;
}
.filter_container div 
{
  margin:0px;

}

.choose_therapist
{
  display:block;
}
.choose_therapist li 
{
  display:block;
  margin-bottom:16px;
}



  .kcc_info
  {
    display:grid;
    text-align: start;
    grid-template-columns: 1fr ;
    column-gap: 20px;;
  }

  .blogs_hero  img 
  {
    max-width:80vw;
    height:auto;
    object-fit: cover;
    border-radius: 20px;;
  }
  .blogs_hero  h2 
  {
    font-size:24px;
  }

  .event_hero img 
  {
    max-width:80vw;
    height:auto;
    object-fit: cover;
    border-radius: 20px;;
  }

  .event_hero h2 
  {
    font-size:24px;
  }
  .gallery_list
{
  display:grid;
  grid-template-columns: 1fr 1fr ;
  column-gap: 16px;
  row-gap: 16px;;

}

.gallery_list img 
{
  width: 100%;
  height:300px;
  object-fit: cover;
}

.therapist_price_info 
{
 
  text-align: center;

  
  
}

  .signature_training
{
  display:grid;
  grid-template-columns: 1fr ;
  column-gap:10px;
}
.signature_programs 
{
  display:grid;
  grid-template-columns: 1fr 1fr ;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  column-gap: 20px;
  row-gap: 20px;
}
.signature_programs li
{
  color:black;
  align-items: center;
  text-align: center;
  font-weight: 200;
  font-family: karla;
  list-style-type: none;
padding:12px;

  
}



  .employee_assistance
{
  display:grid;
  grid-template-columns: 1fr ;
  column-gap:10px;
}


#ks_menu_toggle 
{
  position:absolute;
  right:0px;

}
.ks_hero 
{
  top:0;
}
.posh_training
{
  display:grid;
  grid-template-columns: 1fr;
}

  .ks_header h1 

  {
  
    font-size:28px;
  }

  .ks_header h6 
  {
    font-size:16px;
  }











  .posh_container
  {
    display:grid;
    grid-template-columns: 1fr ;
  
  }
  .posh_item
  {
    margin:8px;
    background-color: var(--wellness_bg);
    text-align: start;
  }
  .posh_item h3 
  {
  font-family: martel;
  font-size:20px;
  font-weight:700;
  }
  
  

  
  .posh_info 
  {
    margin:16px;
  }
  .posh_item h4 
  {
  font-family: martel;
  font-size:16px;
  font-weight:700;
  }
  
  
  .posh_item h5
  {
  font-family: martel;
  font-size:16px;
  font-weight:700;
  }
























  /* .wellness_list li 
{
  width: 40%;
  height: 40%;
}

.wellness_list  img 
{
  width: 58px;
  height: auto;
} */
.mobile_indicator
{
  display: block;
}
.ks_question_item
{
  width: 100%;
  padding:8px;
  left:0px;
  margin:4px;
  height:48px;
  display:grid;
  grid-template-columns: auto 30px;
}
.ks_question_item p 
{
  font-size:12px;
  left:0px;
  top:4px;
}
.ks_question_item img 
{
  width:32px;
  height:32px;
  right:8px;
  top:8px;
}
.ks_header
{
  height:unset;
}






.slideshow-container 
{
  height:70vh;
}

.banner_img 
{
 display:none;
}
.banner_img_mobile 
{
  display:block;
  height:70vh;
  object-fit: cover;

}
.prev 
{
  display:none;
}
.next 
{
  display:none;
}

.banner_info 
{
  top:unset;
  bottom:16px;
  left:8px;
  text-align: center;
}

.banner_info h1 
{
  font-size:28px;
}
.banner_info h2 
{
  font-size:14px;
}

.banner_info h3 
{
  font-size:14px;
}
.banner_info p 
{
  font-size:14px;
}
.talk_to 
{
  text-align: left;
}

.talk_to h1 
{
  margin-top:16px;
  font-size:20px;

}
.talk_to li 
{
  font-size:12px;
  padding:8px;
  float:left;
}
.talk_to ul 
{
  overflow: hidden;
}


.wellness_list 
{
  display:grid;
  grid-template-columns: 1fr 1fr;
  padding:0px;
}

.wellness_list  img 
{
  width:30vw;
}
.wellness_list h4 
{
  font-weight:700;
  font-size:12px;
  margin-top:16px;

}

.posch_element
{
  height:unset;
}
.posch_item
{
  height:unset;
}
.posch_item img 
{
  width: 30vw;
  height:30vw;
}

.posh_ttt
{
  height: unset;
}


#posch_ttt_info
{
  display: none;
}

.posch_ttt_mobile 
{
  display:flex;
  transition: transform 0.3s ease-in-out; 
}
.mobile_item 
{
  flex: 0 0 auto; /* Don't grow or shrink, keep the width based on content */
  width: 95%; /* Adjust width to control item size */
  margin-right: 15px;
}
.posch_ttt 
{
  display:none;
}

.service_item 
{
  width:90%;
  
}

.service_item h3 

{
  width:48px;
  height:48px;
  font-size:28px;
  border-radius: 24px;
  top:-20px;
}

.corporate_services
{
  padding:16px;
}

.corporate_services h2 
{
  font-size:20px;
}

.corporate_services p 
{
font-size:16px;
}


.ks_btn
{
  font-size:14px;
}






.expert_list
{
  display: none;
}

.expert_list_mobile 
{
  display:flex;
  transition: transform 0.3s ease-in-out; 
}
.expert_item_mobile 
{
  flex: 0 0 auto; /* Don't grow or shrink, keep the width based on content */
  width: 90%; /* Adjust width to control item size */
  margin-right: 15px;
}



.footer_content
{
  display:none;
}
.footer_mobile 
{
  display:block;
}




.therapist_form 
{
  width:90%;
  margin:auto;
  border : 1px solid var(--subscription_border);
  padding:16px;
}


.large_list li 
{
  float:unset;
  margin:16px;
  list-style: none;
  min-width: 60vw;
}

.therapy_answers li 
{
  
  float:unset;
  margin:16px;
  list-style: none;
  width:unset;
}
.therapy_answers ul 
{
  padding:unset;
}


.quick_assistance
{
  width:90%;

  padding:8px;

}

.quick_assistance img 
{
  max-width:64vw;
  margin:32px;
}

.quick_assistance h3 
{
  font-size:20px;
}
.quick_assistance p 
{
  font-size:16px;
}

.quick_action 
{
  display:none;
}
.quick_action_mobile 
{
  display:block;
  width: 200px;

}

.all_therapist h2 
{
  font-size:20px;
}

.all_therapist p 
{
  font-size:14px;
  text-align: justify;
}

.therapist_list 
{
  display:unset;
}
.therapist_item 
{
  width:unset;
}
.therapist_info 
{
  display:unset;
  text-align: center;
}

.therapist_info h4 
{
  text-align: center;
}

.therapist_info p 
{
  text-align: center;
}
.therapist_hero  h1 
{
  font-size:28px;

}

.therapist_hero p 
{
  font-size:16px;
}
  .therapist_hero h5 
  {
    font-size:20px;
    width:80%;
  }


  .therapy_subscription
  {
    
    grid-template-columns: unset;
  }
  .subscription_info 
  {
    padding:16px;
    overflow: hidden;
  }


  .therapist_hero h2 
{
 font-size:20px; 
}

.therapist_hero p 
{
 font-size:12px;
}

.subscription_row 
{

  grid-template-columns: unset;
}
.booking_success 
{
  width:80%;
}

.booking_success i 
{
  font-size:40px;
}
.booking_success h3 
{
  font-size:16px;
}

.wellness_home h1 
{
  
  font-size: 28px;
}


.wellness_home p 
{
  
  font-size: 16px;
}

.rrr_home h2
{
  font-size:20px;
}

.rrr_details 
{
  grid-template-columns: unset;
}

.rrr_pricing
{
  display: block;
  margin-left:0px;
}
.rrr_plans_row 
{
  display: block;
  grid-template-columns: unset;
}

.rrr_item
{
  width:100%;
}


.therapy_success
{
  width:90%;
}

.therapy_success h3 
{
  font-size:26px;
}

.delphi_hero h1  
{
  font-size:21px;
}

.delphi_hero p 
{
  font-size:16px;
}

.delphi_list 
{
  width:95%;
  padding:8px;
}

.delphi_question h3 
{
  font-size:20px;
}

.delphi_question p 
{
  font-size:14px;
}

.delphi_form
{
  width:95%;
}

.blog_list 
{
  display:none;
}

.blog_list_mobile 
{
  display:block;
}

.events_grid_mobile 
{
  display:block;
}
.events_grid
{
  display: none;
}


.events_hero h1 
{
font-size:28px;
}
.events_hero h3 
{
  font-size:20px;
}
.events_hero p 
{
  font-size:18px;
}
.events_item 
{

  height:480px;
  display: flex;
}

.event_info
{
  position:absolute;
 margin:8px;
  left:8px;
  top:unset;
  bottom:8px;
  z-index: 100;
  text-align: center;

}

.blog_detail 
{
  display:none;
}

.blog_item
{
  display:grid;

  grid-row:1/4;
  border-radius:10px;
  overflow: hidden;
  margin:16px;
}

.blog_item img 
{
  width:100%;
  height:300px;
  object-fit: cover;
}

.author_info img 
{
  width:50px;
  height:50px;
  border-radius:25px;
  object-fit: cover;
}
.author_info h3 
{
  top:4px;
}
.blog_info h2 
{
  font-size:20px;
}
#blog_all
{
  display:block;
  margin:auto;
  color:var(--psychology_color);
  font-family: karla;
  font-weight:700;
  font-size:16px;
  margin:auto;
}

.vlog_container_mobile
{
  display:block;
}

.vlog_container 
{
  display:none;
}


.contact_us_hero h1 
{
  font-size:28px;
}
.contact_us_hero p 
{
  font-size:16px;
}
.contact_us_hero h3 
{
  font-size:20px;
}
.contact_form
{
  display:unset;
  box-shadow: unset;;
}

.contact_success
{
  width:95%;

}

.contact_success h3 
{
  font-size:20px;
}
.contact_success p 
{
  font-size:14px;
}

.contact_success h4 
{
  font-size:14px;
}

.corporate_hero h1 
{
  font-size:32px;
}
.corporate_hero p 
{
  font-size:20px;
}
.corporate_hero h3 
{
  font-size:20px;
}
.corporate_content
{
  display:unset;
}
.corporate_item h4 
{
  font-size:18px;
}
.corporate_item li 
{
  font-size:14px;
}
.corporate_item 
{
  margin-bottom:128px;
}
}