@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body { font-family: "Open Sans", sans-serif; }
:root { --bs-primary: #25235D; --bs-primary-hover: #CA5E41; --bs-secondary: #3BBEB1; --bs-secondary-hover: #2D2C6C; --bs-light: #FFFFFF; --bs-dark: #222222; --bs-gray: #515151; }
html { scroll-behavior: smooth !important; }
a { text-decoration: none; }
h1, h2, h3, h4, h5 { font-family: "Open Sans", sans-serif; }
h2 { font-size: 2.1rem;}
h3 { font-size: 1.4rem; }
p { font-size: 1rem; }
.py-8 { padding: 8rem 0; }
.br-20 { border-radius: 20px; }
.primary { background: var(--bs-primary) 0% 0% no-repeat padding-box; color: var(--bs-light); }
.primary:hover { background: var(--bs-primary-hover) 0% 0% no-repeat padding-box; color: var(--bs-light); }
.secondary { background-color: var(--bs-secondary); color: var(--bs-light); }
.secondary:hover { background-color: var(--bs-primary); color: var(--bs-light); }
.primary-text-color {
  color: var(--bs-primary) !important;
}

.secondary-text-color {
  color: var(--bs-secondary) !important;
}
.para-lead {
  color: var(--bs-gray);
}


.overlay-dark2 {
  background: #3f357bdc;
}
/* ==============================================================
                        CTA BUTTON 
================================================================= */
.custom-btn { border-radius: 25px; padding: 12px 20px; box-shadow: 0px 10px 40px #2BABA012; font-size: 14px; font-weight: 600; white-space: nowrap; flex-shrink: 0; }

/* ---------------- CTA Buttons ------------ */
.cta-btn-primary {border: 1px solid transparent; border-radius: 25px; padding: 10px 22px; background-color: var(--bs-primary); color: var(--bs-light); font-weight: 600; white-space: nowrap; }
.cta-btn-primary:hover {border: 1px solid var(--bs-white); background-color: var(--bs-primary-hover); color: var(--bs-light); }
.cta-btn-secondary { border-radius: 25px; padding: 10px 22px; background-color: var(--bs-secondary); color: var(--bs-light); border: none; font-weight: 600; white-space: nowrap; }
.cta-btn-secondary:hover { background-color: var(--bs-primary); }

.top-strip{background: var(--bs-primary); color: #fff; padding: 0.25rem 1rem; text-align: center;}
.top-strip a{color: var(--bs-secondary);}
.right-nav{display: flex; position:absolute; right:0.5rem; top: 1rem; z-index: 99;}
.right-nav a:hover{color: var(--bs-primary-hover);}
.social-share{display: flex; justify-content: space-between;}
.social-share a{display: inline-block; margin: 0 0.4rem; color:var(--bs-secondary)}
.call-btn{color: var(--bs-primary); text-decoration:none; margin-right: 0.7rem; padding-right: 1rem; border-right: 1px solid #ccc;}
.call-btn i{color: var(--bs-secondary);}
/* Menu css */
nav .navbar-brand { position: relative; display: block; }
nav .navbar-brand::before { content: ''; position: absolute; width: 180px; height: 90px; background-image: url('../images/shape-29.png'); background-repeat: no-repeat; background-size: contain; bottom: -30px; left: 0; z-index: 3; }
nav .navbar-brand img { width: 150px; padding-left: 0; position: relative; z-index: 5; transition: 0.3s; }
.navbar-expand-lg .navbar-nav .nav-item { margin: 0 1rem; }
.navbar-expand-lg .navbar-nav .nav-link { font-size: 1rem; }
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu>li.has-children>a:before { content: '' !important; }

/* .site-navigation { padding: 0 !important; } */
.sticky-wrapper { height: auto !important; }
.site-navbar { left: 0; right: 0; margin: auto; width: 100% !important; }
.site-navbar .site-navigation { transition: 0.4s; padding: 0.2rem 0; }
.sticky-wrapper.is-sticky .site-navbar { z-index: 99 !important; width: 100% !important; padding: 0; background-color: #F4FCFA; }
.sticky-wrapper.is-sticky .site-navbar .site-navigation { transition: 0.4s; padding: 0.1rem 0; }
.sticky-wrapper.is-sticky .site-navbar .navbar .navbar-brand img { width: 100px; transition: 0.3s;}
.sticky-wrapper.is-sticky .right-nav { top:0.3rem}
.sticky-wrapper.is-sticky .main-nav { margin-top: 1rem;}
.main-nav { margin-top: 1.5rem;}
.site-navbar .site-navigation .site-menu>li { padding: 0; margin: 0; position: relative; }
.site-navbar .site-navigation .site-menu>li.has-children li a::before { content: none; }
.site-navbar .site-navigation .site-menu>li>a { position: relative; text-transform: capitalize; font-size: 1rem; color: #000; padding: 0 0.8rem; line-height: 46px; }
.site-navbar .site-navigation .site-menu>li>a::after, .site-navbar .site-navigation .site-menu>li>a:hover::after { content: ''; display: block; margin: auto; height: 3px; width: 0; background: 0 0; transition: width .5s ease, background-color .5s ease; border: none; position: absolute; left: 0; bottom: -26px }
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu>li>a::after, .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu>li>a:hover::after { bottom: -22px }
.site-navbar .site-navigation .site-menu>li.active>a::after, .site-navbar .site-navigation .site-menu>li>a:hover::after { width: 100%; background: none; }
.site-navbar .site-navigation .site-menu .has-children:hover>.dropdown-menu, .site-navbar .site-navigation .site-menu .has-children:focus>.dropdown-menu, .site-navbar .site-navigation .site-menu .has-children:active>.dropdown-menu { display: block; animation: fade-up 0.5s; }
.site-navbar .site-navigation .site-menu .has-children:not(:hover) .dropdown-menu { animation: fade-down 0.5s; display: block; }
.sticky-wrapper .site-navbar ul li.active>a, .sticky-wrapper .site-navbar ul li a:hover, .site-navbar .site-navigation .site-menu .has-children .dropdown-menu a.active { transition: .2s ease; }
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu li.active>a, .site-navbar .site-navigation .site-menu .has-children .dropdown-menu>li.has-children:hover>a { background-color: var(--bs-primary); }
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu { border-radius: 0; border: 0; min-width: 16rem; background: rgba(255, 255, 255, 1); padding-bottom: 0; }
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu>li>a { color: #000000; text-decoration: none; border-radius: 0 !important; padding: 9px 15px; }
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu a { font-size: 1rem; color: #000000; }
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu li.current-menu-item > a, .site-navbar .site-navigation .site-menu .has-children .dropdown-menu > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown-menu>li>a:hover { color: #fff !important; background: var(--bs-primary); }
.site-navbar .site-navigation .site-menu>li>a i { position: relative; top: 1px; }
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu>li:last-child>a { padding-right: 20px; }
.sticky-wrapper.is-sticky .site-navbar .container-fluid { padding: 0; transition: 0.4s; }
.sticky-wrapper.is-sticky .site-navbar .site-navigation { transition: 0.4s; border-radius: 0; border: 0; margin: 0; }
.sticky-wrapper .site-navbar ul li.current-menu-item > a, .sticky-wrapper .site-navbar ul li.current-menu-ancestor > a, .site-navbar .site-navigation .site-menu .has-children:hover > a, .sticky-wrapper .site-navbar ul li a:hover, .site-navbar .site-navigation .site-menu .has-children .dropdown-menu a.active{color: var(--bs-secondary);}
.side-toggle { position: absolute; right: 0; top: 25px; margin: auto; color: #0d6efd; font-size: 1.25rem; }
.site-navbar .site-navigation .site-menu .has-children.mega-menu ul{width: 540px; display: grid !important; grid-template-columns:1fr 1fr;}
.green-light-bg{background: #F4FCFA; padding: 0.8rem; border-radius: 1rem; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); margin-bottom:1.5rem}
.green-light-bg h4{font-size: 1.25rem;}
@keyframes fade-up {
  from { opacity: 0; margin-top: 2rem; }
  to { opacity: 1; margin-top: 0; }
}
@keyframes fade-down {
  from { opacity: 1; margin-top: 0; }
  to { opacity: 0; margin-top: 4rem; }
}
.top-contact { display: flex; align-items: center; }
.top-contact a.call-btn { display: flex; text-decoration: none; align-items: center; color: #000; line-height: 18px; font-size: 15px; }
.top-contact a.call-btn i { font-size: 1.7rem; margin-right: 8px; color: #024F9D; }
.custom-header-color {
    background-color: #F4FCFA;
}
.breadcrumb-item a{color: var(--bs-secondary);}

@media (max-width:1200px) {
  .navbar .nav-link { font-size: 15px; padding: 0.5rem 0.6rem; }
}

/* ==============================================================
                        HERO SECTION 
================================================================= */
.hero-section { color: var(--bs-light); overflow: hidden; }
.hero-card {padding: 2rem; background-color: rgba(196, 99, 67, 0.9); border-radius: 40px;  /* background-color: rgba(61, 61, 61, 0.562); */  /* backdrop-filter: blur(4px); */ }
.hero-card h1 { color: var(--bs-light); }
.hero-card p { color: #f2f2f2; }

/* ==============================================================
                        SERVICES SECTION 
================================================================= */
.services-bg { position: relative; background: url('../images/services-bg.jpg') center / cover no-repeat; }
.services-bg::before { content: ""; position: absolute; inset: 0; background-color: rgba(28, 26, 64, 0.9); z-index: 0; }
.services-bg>.container { position: relative; z-index: 1; }

/* ------------ Title ------------ */
.service-title { text-transform: uppercase; font-size: 1.1rem; font-weight: 600; color: var(--bs-dark); }
.services-bg h2 { color: var(--bs-white); font-weight: 700; }

/* ---------- Cards --------------- */
.card-fixed { transition: all 0.3s ease; overflow: hidden; }
.card-fixed p { color: var(--bs-gray); }
.card-fixed h3 { color: var(--bs-dark); font-weight: 700; }
.card-fixed:hover { background-color: var(--bs-primary); }
.card-fixed:hover h3, .card-fixed:hover p, .card-fixed:hover .card-btn, .card-fixed:hover i { color: #fff; }
.card-btn, .fa-arrow-right-long { color: var(--bs-secondary); transition: all 0.3s ease; }
.card-link:hover .fa-arrow-right-long { transform: translateX(8px); }
.service-content h2 {color: var(--bs-primary);font-weight: 700;}
.service-content h3 {font-weight: 600; margin-bottom: 20px;}

/* ==============================================================
                        ABOUT US SECTION 
================================================================= */
.about-content h2 { color: var(--bs-primary); font-weight: 700; }
.about-content .tag { color: var(--bs-secondary); font-weight: 500; }
.about-info { font-size: clamp(1rem, 1.1rem, 1.3rem); color: var(--bs-gray); }

/* ------------- Image wrapper ----------- */
.media-img { position: relative; max-width: 500px; margin-inline: auto; }
.media-img img { border-top-left-radius: 100px; border-bottom-right-radius: 100px; }
@media (max-width:576px) {
  .media-img img { border-top-left-radius: 50px; border-bottom-right-radius: 50px; }
}

/* ----------- Background block ----------- */
.media-img::after { content: ""; position: absolute; inset: 12% -8% -8% 12%; background: var(--bs-secondary); z-index: -1; }

/* --------------- Play button ------------- */
.icon-circle { width: 5.5rem; height: 5.5rem; cursor: pointer; border-radius: 50%; background-color: var(--bs-secondary); display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: -12%; transform: translateY(-50%); box-shadow: 10px 20px 40px rgba(0, 0, 0, 0.25); transition: all 0.3s ease; }
.icon-circle i { font-size: 32px; color: var(--bs-white); }
.icon-circle:hover { background-color: var(--bs-primary); transform: translateY(-50%) scale(1.1); }
.icon-circle:hover i { color: #fff; }
@media (max-width:576px) {
  .icon-circle { width: 4.5rem; height: 4.5rem; }
}
.doctor-content h1{font-weight: 700; color: var(--bs-primary);}
.doctor-content h3{font-weight: 700; color: var(--bs-secondary);}
/* ==============================================================
                        FEEDBACK SECTION 
================================================================= */
.feedback-section-title { color: var(--bs-primary); font-weight: 700; }
.feedback-info h3 { font-size: 1.2rem; font-weight: 600; }
.feedback-info .fa-star, .fa-star-half { color: #F7AB1E; font-size: 1.2rem; margin-bottom: 1.5rem; margin-right: 0.5rem; }
.feedback-card { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 24px; background-color: var(--bs-light); }
.feedback-card p { font-size: 1rem; }
@media (max-width:576px) {
  .feedback-card { box-shadow: 0px 2px 10px #4754533e; }
  .feedback-info .fa-star, .fa-star-half { font-size: 1rem; }
}

.offer-modal.modal .btn-close {
    position: absolute;
    right: -1rem;
    top: -1rem;
    width: 40px;
    height: 40px;
    opacity: 1;
    border-radius: 50px;
    background: var(--bs-primary);
    color: var(--bs-white);
}
.offer-modal h2{font-weight: 700;}
.offer-modal h4{font-weight: 700; color: var(--bs-secondary);}
/* ==============================================================
                        WHY CHOOSE US SECTION 
================================================================= */
.why-choose-img { max-width: 500px; margin-inline: auto; overflow: hidden; border-top-left-radius: 100px; border-bottom-right-radius: 100px; }
.why-choose-img img { width: 100%; height: auto; display: block; }

/* ==============================================================
                        BLOG-ARTICLE SECTION 
================================================================= */
.article-section-title { color: var(--bs-primary); font-weight: 700; }
.article-card { border-radius: 20px; }
.article-timeline { font-size: 0.9rem; color: var(--bs-gray); }
.article-timeline span { border-right: 2px solid #C9CED3; }
.article-timeline span:last-child { border-right: none; }

/* ==============================================================
                        ACHIEVEMENT SECTION 
================================================================= */
.achievements-section { background-color: var(--bs-primary-hover);
position: relative; }
.achievements-swiper .swiper-wrapper { align-items: center; }
.achievements-swiper .swiper-slide img { max-width: 180px; width: 100%; height: auto; margin: 0 auto; }

/* -------- Swiper Control Button -------------  */
.swiper-arrow .swiper-button-prev, .swiper-arrow .swiper-button-next { color: var(--bs-white); width: 5rem; height: 2rem; font-size: 18px; font-weight: 900; }
.swiper-button-next { right: 3rem; }
.swiper-button-prev { left: 3rem; }
.achievements-swiper .swiper-slide{background: var(--bs-white); border-radius: 25px 0 25px 0; box-shadow:0 4px 10px rgba(0, 0, 0, 0.3); padding:0.75rem; margin:0 0.5rem 1rem 0}

/* ==============================================================
                        CONTACT FORM SECTION 
================================================================= */
.contact-form-section { min-height: 100vh; position: relative; }
/* .overlay-dark { background: rgba(0, 0, 0, 0.539); } */

/* --------- Form card --------------- */
.form-card { border-radius: 40px;background: rgba(24, 26, 64, 0.9);}

/* ------------- Inputs --------------- */
.form-control, .form-select, .datepicker select { background-color: rgba(255, 255, 255, 0.9); border: none !important; border-radius: 30px !important; padding: 0.6rem 1.2rem !important; }
.form-control::placeholder { color: var(--bs-gray); }

/* ------------- Submit button ---------------- */
.form-btn { border-radius: 25px; padding: 12px 20px; background-color: var(--bs-secondary); color: var(--bs-light); border: none; }
.form-btn:hover { background-color: var(--bs-primary-hover); }
@media (max-width:576px) {
  .form-card { border-radius: 20px; }
}
.image-position{position: sticky; top:4rem}
#CollaborativeVideo .btn-close{position: absolute; top:-1rem; right:-1rem; opacity: 1; width:40px; height: 40px; color:#fff; background:var(--bs-primary); border-radius: 50%;}
.iframe-video{width: 100%; height:500px; float: left;}
/* ==============================================================
                        CONTACT INFO SECTION 
================================================================= */
.map { height: 300px; border-top-left-radius: 50px; border-bottom-right-radius: 50px;  margin-bottom: 2rem;}
.contact-icon-box { width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--bs-primary); color: var(--bs-light); }
.contact-icon-box:hover { background-color: var(--bs-primary-hover); transition: 0.4s ease-in-out all; transform: scale(1.05); transform: rotate(360deg); }
.contact-info { padding: 2rem; background-color: var(--bs-primary-hover); border-top-right-radius: 40px; border-bottom-left-radius: 40px; }
.contact-info h3 { font-weight: 700; font-size: 1.15rem; margin-bottom: 1rem; }
@media (max-width:576px) {
  .map { border-top-left-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 40px; border-bottom-left-radius: 40px; }
}

/* ==============================================================
                        FOOTER SECTION 
================================================================= */
footer{background: var(--bs-secondary); padding-top: 4rem; color: var(--bs-white);}
footer .about-info{color: var(--bs-white);}
.contact-information a{color: var(--bs-white); text-decoration: none;}
.footer-section { position: relative; background: url("../images/footer-bg.jpg") center/cover no-repeat; overflow: hidden; }
.footer-section::before { content: ""; position: absolute; inset: 0; background: #000000d7; z-index: 0; }
.footer-section>* { position: relative; z-index: 1; }
.footer-icon { width: 30px; height: 30px; border-radius: 50%; background-color: var(--bs-primary-hover); color: #fff; display: inline-flex; justify-content: center; align-items: center; font-size: 14px; transition: background-color 0.3s ease; }
.footer-icon:hover { background-color: var(--bs-primary); color: var(--bs-white); }
.contact-section-title { color: var(--bs-white); font-weight: 700; }
.footer-section .nav-link { color: var(--bs-white); font-weight: 500; }
.footer-section .nav-link:hover { color: var(--bs-secondary) !important; }
.footer-nav{padding-left: 0;}
.footer-nav li{display: block;}
.footer-nav li a{display: block; color: var(--bs-white); text-decoration:none; padding:0.2rem 0;}
.footer-nav li a:hover{color: var(--bs-primary);}
.shaped-img{border-radius: 50px 0;}
.holidays li, .service-content li, .benefits-content li, .doctor-content li{display: block; margin-bottom: 0.5rem; position: relative;}
.holidays li::before, .service-content li::before, .benefits-content li::before, .doctor-content li::before{content: '\f058'; font-family: "Font Awesome 7 Free"; font-weight: 900; color: #2d2c6c; position: absolute; left:-1.8rem}
.team-block{transition: 0.3s; overflow: hidden; text-decoration: none; background-color: #F4FCFA; color: #000; min-height:300px; display:block}
.team-block h4{color: var(--bs-secondary);  transition: 0.3s;}
.team-block:hover h4{color: var(--bs-primary); transition: 0.3s;}
.team-block:hover{transform: scale(1.05); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); transition: 0.3s;}
.team-block img{width: 100%;}
.team-block .team-info{ padding: 1rem; }
.review-grid{display: grid; grid-template-columns:1fr 1fr; gap:1.5rem}
.review-grid .feedback-card{padding: 1.5rem;}
.accordion-item:first-of-type, .accordion-item:last-of-type{border-radius: 0;}
.accordion-button:not(.collapsed){background: var(--bs-secondary); color:#fff; font-size: 1.2rem;}
.accordion-button:not(.collapsed)::after{filter: invert(1) brightness(100);}

.benefits-content img{max-width: 40%;}
.benefits-content h3{color: var(--bs-secondary); font-size: 1.6rem; margin-bottom: 1rem;}

.counseling_area {padding: 3rem;background: #F1D6CF;border-radius: 30px;box-shadow: 0px 0px 26px -7px #0000002e;}
.grid-service div {background: #fff;padding: 2rem;border-radius: 20px;min-height: 284px;}
.grid-service {margin-bottom: 24px;}
.counseling_area h2, .benefits-content h2 {
    color: var(--bs-primary);
    font-weight: 700;
}
.spacer {
    display: inline-block;
}
.trauma-grid {
    padding: 0;
    background: transparent;
    box-shadow: none;
}
.trauma-grid .grid-service div {
    background: #f7f7f7;
}
/* pricing page */
.th-bg{ background: var(--bs-primary) !important;color: #fff !important;}
.blockContainer h2{font-size: 1.7rem; margin-top:1.7rem}
.blockContainer p{margin-bottom: 0;}

.blog-card { background-color: var(--bs-white); }
.blog-card .card-img { position: relative; }
.blog-card .card-img .blog-date { position: absolute; bottom: 0; left: 0; text-align: center; width: 80px; height: 55px; background: var(--bs-secondary); color: var(--bs-white); }
.blog-card .card-img .blog-date strong { display: block; font-size: 1.2rem; }
.blog-card .blog-content { border: 1px solid #eee; padding: 1rem; min-height: 150px;}
.blog-card .blog-content h3 { font-size: 1.4rem; margin-top: 1rem; }
.blog-card .blog-content a { text-decoration: none; color: var(--bs-primary) }
.blog-card .blog-content a:hover { color: var(--bs-secondary) }
.blog-detail h1{font-size: 2rem; margin-bottom: 1rem;}
.blog-sidebar ul{padding: 0;}
.blog-sidebar ul li{display: block;}
.blog-sidebar a{text-decoration: none; color:var(--bs-primary);}
.blog-sidebar a:hover{color:var(--bs-secondary);}
.blog-sidebar .bg-light{background:var(--bs-primary) !important;}
.blog-sidebar .bg-light h4, .blog-sidebar .bg-light a{color: var(--bs-white);}
.blog-sidebar .bg-light a:hover{color: var(--bs-secondary);}

@media (max-width:1300px) {
  .site-navbar .site-navigation .site-menu>li>a { padding: 0 5px; font-size: 0.9rem }
  /*.site-navbar .site-navigation .site-menu .has-children.mega-menu ul { width: 85%; }*/
}
@media (max-width:1200px) {
  .site-navbar .site-navigation .site-menu>li>a { font-size: 0.85rem; padding: 0 4px; }
  .site-navbar .site-navigation .site-menu>li a::before { font-size: 1rem; }
  .site-navbar .site-navigation .site-menu>li>a::after, .site-navbar .site-navigation .site-menu>li>a:hover::after { bottom: -16px; }
  .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu>li>a::after, .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu>li>a:hover::after { bottom: -12px; }

  /* .width-full {
    max-width: 100% !important;
  } */
  nav .navbar-brand img { padding-left: 0.5rem; width: 135px; }
  nav .navbar-brand::before { width: 140px; }
}
@media (max-width:1100px) {
  .site-navbar .site-navigation { margin: 0.3rem 0; padding: 0rem; }
  nav .navbar-brand img, .sticky-wrapper.is-sticky .site-navbar .navbar .navbar-brand img { width: 100px; }
  .site-navbar .site-navigation .site-menu>li>a { padding: 0 7px; }
  .top-contact a.site-btn { font-size: 15px; }
  .sticky-wrapper .site-navbar ul li.active>a, .sticky-wrapper .site-navbar ul li a:hover, .site-navbar .site-navigation .site-menu .has-children .dropdown-menu a.active { background: transparent; color: var(--bs-primary) !important; font-weight: 700; }
  .side-navigation button.accordion-button { font-size: 1.2rem; }
}
@media (max-width:1024px) {
.about-content {margin-top: 60px;}
}
@media (max-width:990px) {
  .top-contact { display: none; }
  .site-navbar .site-navigation { padding: 0rem; }
  .site-menu-toggle { color: #ffffff; font-size: 1.3rem; display: inline-block; text-align: center; padding-top: 6px; width: 50px; height: 45px; border-radius: 6px; background: var(--bs-primary); }
  .site-mobile-menu-body li.has-children i { display: none; }
  h1{font-size: 2.2rem;}
  .right-nav{top: 2rem; right: 4.5rem;}
}
@media (max-width:767px) {
  .sticky-wrapper { position: inherit; }
  h2{margin-top: 1.25rem; font-size: 1.8rem;}
  .social-share a{margin: 0 0.2rem;}
  .benefits-content img{max-width: 100%; margin: 0 0 1.3rem !important;}
}
@media (max-width:600px) {
  .right-nav{position: initial; padding-top:1rem}
  .site-navbar .site-navigation { margin: 0; border-radius: 0; border: 0; }
  .sticky-wrapper .site-navbar .container-fluid { padding: 0; }

  /*   .top-contact .site-btn { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 9999; border-radius: 0 } */
  .site-mobile-menu .site-nav-wrap>li>ul>li>a img { display: none; }
  .counseling_area {padding: 2rem;}
}