@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Schibsted+Grotesk:ital,wght@0,400..900;1,400..900&display=swap');

/* CSS Document © 2024 Prowebprism.com */

::-moz-selection{ background:#7b7d7f; color:#ffffff; text-shadow:none;}
::selection { background:#7b7d7f; color:#ffffff; text-shadow:none;}
*,
*:before, *:after{-webkit-box-sizing:  border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, textarea, input { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; outline:none; font-family:"Schibsted Grotesk", sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {color:#000000; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow:hidden;}
:root { overflow-y: scroll;--primary: #06268b; --secondary:#1b99fe;}
a { text-decoration:none; transition:all 0.25s ease-out 0s;color: var(--primary);}
h1, h2, h3 , h4, h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{font-family: "Philosopher", sans-serif;}
p, p span { font-family:"Schibsted Grotesk", sans-serif;}
img { border:0px;}
ol, ul, li{ list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
* {-webkit-appearance: none;}
::-webkit-input-placeholder {
  color:#000000;
}
::-moz-placeholder { 
  color:#000000;
}
:-ms-input-placeholder {
  color:#000000;
}
:-moz-placeholder {
  color:#000000;
}

section, header, footer {width: 100%; float: left;}

img{max-width: 100%; display: block;}

.error-page-row {
  max-width: 800px;
  margin: 50px auto;
}
.error-page-col1 h1 {
  font-size: 40px;
}

.error-page-col1 h2 {
  font-size: 40px;
  font-weight: 700;
  margin: 0 0 20px;
  color: var(--primary);
}
.error-page-col1 p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.67;
  margin: 0 0 22px;
}

.search-form {
  width: 100%;
  display: flex;
  align-items: center;
}
.search-form input {
  width: 197px;
  height: 45px;
  border: 1px solid var(--primary);
  margin: 0 7px 0 0;
  padding: 0 10px;
  color: #000;
  outline: none;
  box-shadow: none;
  display: inline-block;
}
.search-form .search-submit {
  width: auto;
  height: 45px;
  display: inline-block;
  padding: 0 13px;
  color: #ffff;
  border: 1px solid var(--primary);
  background: var(--primary);
  transition: all 0.25s ease-in-out;
}
.search-form .search-submit .screen-reader-text {
  position: relative !important;
  display: block;
  height: auto;
  width: auto;
  color: #ffff;
  clip-path: none;
  transition: all 0.25s ease-in-out;
}
.search-page-section {
  padding: 80px 0px;
}
.search-page-row {
  max-width: 1320px;
  margin: 0 auto;
}
.search-page-row .page-header .page-title {
  font-size: 38px;
  margin: 0 0 35px;
  display: flex;
}
.search-page-card {
  margin: 0 0 50px;
}
.search-page-content {
  padding: 0;
  max-width: inherit;
  width: 100%;
  text-align: left;
  flex: 1 0 0;
}
.search-page-content h3 {
  font-size: 32px;
  color: var(--primary);
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--primary);
}
.search-page-content p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.67;
  margin: 0 0 22px;
}
.search-btn1 {
  padding: 12px 24px;
  background-color: var(--primary);
  border-radius: 6px;
  color: #ffffff;
  border: 1px solid var(--primary);
  transition: 0.3s all ease-in-out;
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  margin: 10px auto 0;
}
.search-btn1:hover {
  background-color: #ffffff;
  color: var(--primary);
}
.content-wrap .content-row {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
.content-wrap{
  margin: 30px 0px;
}
.content-wrap h2 {
  font-size: 35px;
  font-weight: 600;
  margin: 0 0 20px;
}

.content-wrap h4 {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 18px;
  line-height: 1.46;
  color: #1c1c1c;
}

.content-wrap .date {
  font-size: 14px;
  color: #919191;
  font-weight: 600;
  display: block;
  margin: 0 0 20px;
}

.content-wrap .content-img {
  width: 100%;
  margin: 0 0 27px;
}

.content-wrap p {
  font-size: 16px;
  line-height: 1.67;
  color: #7b7d7f;
  margin: 0 0 22px;
}

.content-wrap img {
  width: auto;
  height: auto;
}

.content-wrap a {
  color: var(--primary);
}

.content-wrap a:hover {
  color: #000;
}

.content-wrap ul {
  width: 100%;
  float: none;
  margin: 0 auto 28px;
  padding-left: 0;
}

.content-wrap ul li {
  font-size: 16px;
  line-height: 1.67;
  position: relative;
  margin: 0;
  padding: 0 0 0 15px;
  color: #7b7d7f;
}

.content-wrap ul li:before {
  content: "•";
  position: absolute;
  left: -1px;
  color: #000;
  font-size: 12px;
  top: 7px;
  line-height: normal;
}

.content-wrap ol {
  width: 100%;
  float: none;
  counter-reset: my-awesome-counter;
  margin: 0 auto 28px;
  position: relative;
}

.content-wrap ol li {
  font-size: 16px;
  line-height: 1.67;
  position: relative;
  margin: 0;
  padding: 0 0 0 4px;
  counter-increment: step-counter;
  color: #7b7d7f;
}

.content-wrap ol li:before {
  content: counter(step-counter) ".";
  margin-right: 0;
  position: relative;
  left: -4px;
  color: #000;
  top: 0;
}

.content-wrap h3 {
  color: #000;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 20px;
}
.program-section h2{font-size: 50px !important;font-weight: 500; color: var(--primary);margin: 0 0 20px;}
.program-section h4{font-size: 35px !important; font-weight: 500;color: var(--primary);margin: 0 0 20px;}
.program-section h5{font-size: 23px !important; font-weight: 500;color: var(--primary);margin: 0 0 20px;}
.program-section ul li strong{font-weight: 600;}
/* ------header-wrapp----- */
.top-header {width: 100%;float: left; background: var(--primary); padding: 10px 0;}
.top-header .top-header-row { width: 100%; display: flex; flex-wrap: wrap;justify-content: space-between;}
.top-header .contact-item { width: auto; margin: 0 10px 0 0;}
.top-header .contact-item:last-child {margin-right: 0;}
.top-header .contact-item a {font-size: 14px;color: #fff; display: inline-block;}
.top-header .contact-item .icon { display: inline-block; width: 20px; height: 20px; margin: 0 10px -6px 0;}
.top-header .contact-item a:hover { color: var(--secondary);}
.top-header .contact-item.item2 a { margin: 0 25px 0 0;}
.top-header .contact-item.item2 a .icon { width: 18px; height: 18px; margin: 0 10px -4px 0;}
.top-header .contact-item .social-icon { display: inline-block; width: 20px; height: 20px; position: relative;}
.top-header .contact-item .social-icon img {width: 100%; height: 100%; transition: all .25s ease-in-out;}
.top-header .contact-item .social-icon .hover-icon { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: all .25s ease-in-out;}
.top-header .contact-item.item3 a { margin: 0 12px 0 0;}
.top-header .contact-item.item3 a:last-child { margin-right: 0;}
.top-header .contact-item.item3 a:hover .social-icon .hover-icon {opacity: 1;}
.top-header .contact-item.item3 a:hover .social-icon > img {opacity: 0;}

header .header-row {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center;}
header .header-row .header-logo { width: 80px;}
header .header-row .header-nav { width: auto;}
header .header-row .header-nav .header-links {width: 100%;display: flex;align-items: center;}
header .header-row .header-nav .header-links .header-link {display: inline-block;}
header .header-row .header-nav .header-links .header-link a {display: block;padding: 10px 15px;font-size: 16px;color: var(--primary); font-family: Philosopher,sans-serif;}
header .header-row .header-nav .header-links .header-link a:hover {color: var(--secondary);}
header .header-row  .header-right { width: auto;}
header .header-btn {display: inline-block; width: auto; background: var(--secondary);color: #fff;padding: 14px 28px;font-size: 16px; font-family: Philosopher,sans-serif;}
header .header-btn span {font-size: 16px; font-family: Philosopher, sans-serif;position: relative;display: block;}


/* ----banner-wrapp---- */
.banner-wrapp {position: relative;}
.banner-wrapp .banner-swiper {width: 100%;position: relative;}
.banner-wrapp .banner-swiper img { width: 100%;}
.banner-wrapp .banner-content {width: 100%; position: absolute; left: 0;top: 50%;transform: translateY(-50%); text-align: center;z-index: 9;}
.banner-wrapp h1 { font-size: 65px;color: #fff; margin: 0 0 24px;}
.banner-wrapp p {font-size: 20px;color: #ffff; margin: 0 0 24px;}
.banner-wrapp .banner-btn {font-size: 16px;}
.banner-wrapp .banner-swiper::after{z-index: 1;position: absolute;top: 0;left: 0;background-color: #000;opacity: 0.5;content: "";width: 100%; height: 100%;}

/* -----abouts-wrapp------ */
.abouts-wrapp {padding: 140px 0 50px; position: relative;}
.abouts-wrapp .abouts-row {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row-reverse;}
.abouts-wrapp .abouts-col1 {width: 48%;}
.abouts-wrapp .abouts-col1 img {width: 100%;display: block; border-radius: 0 50px 0 50px;}
.abouts-wrapp .abouts-col2 {width: 46%; position: relative; padding: 5% 0 0;}
.abouts-wrapp h2 {font-size: 40px;color: var(--primary); margin: 0 0 20px;}
.abouts-wrapp p {font-size: 18px;line-height: 1.56;font-weight: 400; color: #000; margin: 0 0 22px;}
.abouts-wrapp h3 {font-size: 123px; color: var(--secondary); opacity: .5;position: absolute; top: -18%; right: -33%;}
.abouts-wrapp .abouts-btn {font-size: 18px;}

/* --------treatments-wrapp--------- */
.treatments-wrapp {padding: 40px 0 100px;}
.treatments-wrapp .treatments-row { width: 100%; display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: space-between;align-items: center;}
.treatments-wrapp .treatments-col1 {width: 30%; position: relative;}
.treatments-wrapp .treatments-col2 { width: 66%;}
.treatments-wrapp h2 { font-size: 40px; color: var(--primary); margin: 0 0 20px;}
.treatments-wrapp  h3 {font-size: 123px;color: var(--secondary); opacity: .5; margin: 0 0 11px; position: absolute; top: -76%; left: -75%; z-index: 2;}
.treatments-wrapp p { font-size: 18px; line-height: 1.56; font-weight: 400; color: #000; margin: 0 0 22px;}
.treatments-wrapp .treatments-col3 { position: relative; overflow: hidden; cursor: pointer;}
.treatments-wrapp .treatments-col3 img { width: 100%; display: block;}
.treatments-wrapp .treatments-col3 .treatments-col4 { position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); text-align: center; padding: 0 20px; z-index: 1;}
.treatments-wrapp .treatments-col3 h2 { font-size: 22px; color: #ffff;}
.treatments-wrapp .treatments-col3 .img-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: var(--primary); padding: 20px; display: flex;  flex-direction: column; justify-content: center; align-items: center; text-align: center; transform: translateY(100%); transition: transform 0.4s cubic-bezier(0.7, 0, 0.2, 1); z-index: 2;}
.treatments-wrapp .treatments-col3 .img-overlay .arrow { display: inline-block; width: 32px;}
.treatments-wrapp .treatments-col3:hover .img-overlay {transform: translateY(0);}
.treatments-wrapp .treatments-col3:after {content: "";position: absolute;width: 100%; height: 100%;background: rgb(0 0 0 / 48%);top: 0;left: 0;}

/* ------team-wrapp------- */
.team-wrapp {padding: 94px 0 100px;position: relative;}
.team-wrapp .container {position: relative;}
.team-wrapp h3 {font-size: 123px;color: var(--secondary);opacity: .5;margin: 0 0 0;position: absolute; left: -20%; top: -31%; z-index: 2;}
.team-wrapp h2 {font-size: 40px; color: var(--primary); margin: 0 0 20px;}
.team-wrapp .team-row {width: 100%;}
.team-wrapp .team-col1 {background: #f2f2f2; padding: 30px;}
.team-wrapp .team-col1 .team-img { width: 160px; height: 160px; clip-path: circle(50%); margin: 0 0 24px;}
.team-wrapp .team-col1 .team-img img { width: 100%; height: 100%; object-fit: cover;}
.team-wrapp .team-col1 h2 { font-size: 26px; margin: 0 0 10px;}
.team-wrapp .team-col1 h4 {font-size: 14px;font-weight: 600; color: #000; font-family: "Schibsted Grotesk", sans-serif;}

/* --------testiomonial-wrapp------- */
.testiomonial-wrapp {background: url(../images/abouts-img.jpg) no-repeat center / cover;padding: 100px 0; text-align: center; position: relative;}
.testiomonial-wrapp .container { position: relative; z-index: 1;}
.testiomonial-wrapp:after {content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgb(0 0 0 / 70%);}
.testiomonial-wrapp h2 {font-size: 40px;color: #fff; margin: 0 0 20px;}
.testiomonial-wrapp .testiomonial-row { max-width: 900px; width: 100%; margin: 0 auto;}
.testiomonial-wrapp .testiomonial-col1 { width: 100%; margin: 0 0 35px;}
.testiomonial-wrapp p {font-size: 18px; color: #fff; line-height: 1.56; margin: 0 0 20px;}
.testiomonial-wrapp h3 {font-size: 22px; color: #fff; font-family: "Schibsted Grotesk", sans-serif; font-weight: 500;}
.testiomonial-wrapp .testiomonial-col2 { width: 100%; max-width: 600px; margin: 0 auto;}
.testiomonial-wrapp .testiomonial-col2 .youtube-video-box img { width: 100%; display: block;  border-radius: 10px;}
.testiomonial-wrapp .testiomonial-col2 .youtube-video-box { width: 100%; position: relative;}

#html5box-html5-lightbox #html5-lightbox-box .html5-elem-box {max-height: 75% !important;}
#html5box-html5-lightbox #html5-lightbox-box #html5lightbox-watermark {display: none !important;}
#html5box-html5-lightbox #html5-lightbox-box .html5-elem-box .html5-elem-data-box {display: none !important;}

/* ------contact-wrapp------- */
.contact-wrapp {padding: 100px 0;}
.contact-wrapp .contact-row {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.contact-wrapp .contact-col1 { width: 46%;}
.contact-wrapp .map-wrap { width: 100%; margin: 0 0 40px;}
.contact-wrapp .map-wrap iframe { width: 100%; height: 300px; border-radius: 10px;}
.contact-wrapp .contact-col1 .contact-col3 { width: 100%;}
.contact-wrapp .contact-col1 .contact-col3 li {font-size: 18px; line-height: 1.4; color: #000; padding-left: 35px; position: relative; margin: 0 20px 15px 0; display: inline-block;}
.contact-wrapp .contact-col1 .contact-col3 li:first-child {display: block; margin-right: 0;}
.contact-wrapp .contact-col1 .contact-col3 li:nth-child(2) {display: block; margin-right: 0;}
.contact-wrapp .contact-col1 .contact-col3 li .icon { display: inline-block; width: 18px; position: absolute; left: 0; top: 4px;}
.contact-wrapp .contact-col1 .contact-col3 li a { color: #000;}
.contact-wrapp .contact-col1 .contact-col3 li a:hover { color: var(--secondary);}
.contact-wrapp .contact-col2 { width: 42%; position: relative; padding-top: 8%;}
.contact-wrapp  h3 { font-size: 123px; color: var(--secondary); opacity: .5; margin: 0 0 11px; position: absolute; top: -12%; left: -63%; z-index: 2;}
.contact-wrapp .contact-form { width: 100%;}
.contact-wrapp .contact-form .text-fields { width: 100%;}
.contact-wrapp .contact-form .text-fields .text-field { width: 100%; margin: 0 0 20px;}
.contact-wrapp .contact-form input::placeholder {color:#000;opacity:1;}
.contact-wrapp .contact-form input { width: 100%; height: 62px; border: none; border-bottom: 1px solid var(--secondary); color:#000;padding-left: 0;}
.contact-wrapp .contact-form textarea { width: 100%; height: 130px; border: none; border-bottom: 1px solid var(--secondary); padding: 19px 0 0;  resize: none;}
.contact-wrapp .contact-form .submit-btn { margin: 30px 0 0;}

/* ------footer-wrapp------ */
.footer-wrapp { background: var(--primary); padding: 70px 0 30px;}
.footer-wrapp .footer-row {width: 100%;display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.footer-wrapp .footer-logo { width: 80px;}
.footer-wrapp .footer-nav {width: auto;}
.footer-wrapp .footer-nav ul { width: 100%;}
.footer-wrapp .footer-nav ul li { display: inline-block;}
.footer-wrapp .footer-nav ul li a { display: block; padding: 10px 15px; font-size: 16px; color: #fff; font-family: Philosopher, sans-serif;}
.footer-wrapp .footer-nav ul li a:hover { color: var(--secondary);}
.footer-wrapp .footer-social { width: auto;}
.footer-wrapp .footer-social a { display: inline-block; margin: 0 12px 0 0;}
.footer-wrapp .footer-social a:last-child { margin-right: 0;}
.footer-wrapp .footer-social .social-icon { display: inline-block; width: 20px; height: 20px; position: relative;}
.footer-wrapp .footer-social .social-icon img { width: 100%; height: 100%; transition: all .25s ease-in-out;}
.footer-wrapp .footer-social .social-icon .hover-icon { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: all .25s ease-in-out;}
.footer-wrapp .footer-social a:hover .social-icon  .hover-icon { opacity: 1;}
.footer-wrapp .footer-social a:hover .social-icon > img { opacity: 0;}
.footer-wrapp  .footer-row1 {width: 100%;display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 0 0; margin: 40px 0 0; border-top: 1px solid var(--secondary);}
.footer-wrapp .footer-row1 p {font-size: 16px; color: #ffffff;}
.footer-wrapp .footer-row1 p a { color: #ffffff; font-weight: 500;}
.footer-wrapp .footer-row1 p a:hover { color: var(--secondary);}
.whatsup-icon { position: fixed; bottom: 20px; right: 20px; z-index: 999; }
.whatsup-icon img { width: 50px; height: 50px; }

/* --------inner-banner-------- */
.inner-banner {position: relative;}
.inner-banner .bg-img { width: 100%;position: relative;}
.inner-banner .bg-img::after{position: absolute;background-color: #000;opacity: 0.4;content: "";width: 100%; height: 100%; top: 0;left: 0;}
.inner-banner img { width: 100%; max-height: 460px; object-fit: cover;}
.inner-banner .inner-content { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; text-align: center; z-index: 1;}
.inner-banner h2 {font-size: 52px; color: #fff; font-weight: 500;}

/* -------about-wrapp-------- */
.about-wrapp {position: relative; padding: 100px 0 140px;}
.about-wrapp h3 { font-size: 123px; color: var(--secondary); opacity: .5; margin: 0 0 0; position: absolute; right: 14%; top: -2.5%; z-index: 2;}
.about-wrapp .container { position: relative;}
.about-wrapp .about-row { width: 100%;}
.about-wrapp .about-row1 { width: 100%; position: relative; margin: 0 0 100px; display: flex; flex-wrap: wrap;}
.about-wrapp .about-row1:nth-child(2n) { flex-direction: row-reverse;}
.about-wrapp .about-row1:nth-child(2n) .about-col2 {right: inherit; left: 0;}
.about-wrapp .about-row1 .about-col1 { width: 54%; position: relative;}
.about-wrapp .about-row1 .about-col1 img { width: 100%; display: block;}
.about-wrapp .about-row1  .about-col2 { width: 50%; position: absolute; top: 50%; transform: translateY(-50%); right: 0;  background: #f2f2f2; padding: 6.4% 5% 6.4%;}
.about-wrapp .about-row1 .about-col2 p { font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.about-wrapp .about-row1 .about-col2 h4 { font-size: 20px; font-weight: 600; color: var(--primary);}
/* .about-wrapp .about-row1.right .about-col1 .video-play-button {top: inherit; transform: none; right: 30px; top: 30px; width: 65px; height: 65px; left: auto;} */
.video-play-button span { margin: 20px 25px;}
.about-wrapp .about-row1 .about-col1 .video-play-button:before { width: 70px; height: 70px;}
.about-wrapp .about-row1 .about-col1 .video-play-button:after { width: 75px; height: 75px;}
.about-wrapp .about-row1:last-child { margin: 0;}
em{font-style: italic;font-size: 14px;}

/* ------vission-wrapp------ */
.vission-wrapp { padding: 0 0 100px;}
.vission-wrapp .vission-row {width: 100%;display: flex; flex-wrap: wrap; justify-content: space-between;}
.vission-wrapp  .vission-col1 {width: 32%; background: var(--primary); padding: 50px 50px 30px;}
.vission-wrapp .vission-col1 .icon {width: 40px;margin: 0 0 20px;}
.vission-wrapp .vission-col1 h3 {font-size: 36px; color: #fff; margin: 0 0 20px;}
.vission-wrapp .vission-col1 p { font-size: 16px; line-height: 1.56; color: #fff; margin: 0 0 20px;}
.vission-wrapp .vission-col1 ul li{margin-bottom:10px;color: #fff}
.vission-wrapp .vission-col1 ul li strong{font-weight: 700;}

/* ------journey-wrapp------ */
.journey-wrapp { padding: 0 0 100px;}
.journey-wrapp .journey-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.journey-wrapp .journey-col1 {width: 48%;}
.journey-wrapp .journey-col1 .journey-img {width: 560px; height: 560px; position: relative; padding: 65px;}
.journey-wrapp .journey-col1 .journey-img img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover;}
.journey-wrapp .journey-col1 .journey-img:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 13px dotted var(--secondary); border-radius: 50%; opacity: .5;}
.journey-wrapp .journey-col1 .journey-img:after { content: ""; width: 90%; height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 16px dotted var( --secondary); border-radius: 50%;  opacity: .5;}
.journey-wrapp .journey-col1 .journey-img .circle-1 { display: flex; width: 200px;  height: 200px; background: var(--secondary);  border-radius: 50%; padding: 13px; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; top: 10px;  left: 10px;  border: 15px solid #ffff; font-size: 30px; font-family: "Philosopher", sans-serif;  font-weight: 700;  text-align: center;  z-index: 1;  color: #ffff;}
.journey-wrapp .journey-col1 .journey-img  .circle-2 { display: flex; width: 200px; height: 200px; background: var(--primary); border-radius: 50%; padding: 13px; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; bottom: 10px; right: 10px; border: 15px solid #ffff; font-size: 30px; font-family: "Philosopher", sans-serif; font-weight: 700; text-align: center; z-index: 1; color: #ffff;}
.journey-wrapp .journey-col2 { width: 48%;}
.journey-wrapp h2 {font-size: 40px;color: var(--primary); margin: 0 0 20px;}
.journey-wrapp p {font-size: 18px; line-height: 1.56; margin: 0 0 20px;}

/* ------directors------ */
.former-director-sec{padding: 50px 0px 140px;position: relative;}
.director-head{position: relative;}
.director-head h3{font-size: 123px; color: var(--secondary); opacity: .5; margin: 0 0 0; position: absolute; left: 0; top: -90px; z-index: 2;text-transform: capitalize;}
.director-row{display: flex;align-items: center;flex-wrap: wrap;justify-content:center;}
.director-card{width: 30%; position: relative;margin-right:20px;margin-bottom: 20px;-webkit-box-shadow: 0px 0px 12px 0px rgba(157, 157, 157, 1);-moz-box-shadow: 0px 0px 12px 0px rgba(157, 157, 157, 1); box-shadow: 0px 0px 12px 0px rgba(157, 157, 157, 1);}
.dire-content{background-color:var(--primary);position: absolute;bottom: 0;left: 0;padding:15px;color: #fff;backdrop-filter: blur(10px);width: 90%; margin: 15px;transition: 0.3s all ease-in-out; border: 1px solid transparent;}
.director-card:hover .dire-content{background-color: #fff; color: var(--primary);border: 1px solid var(--primary);}
.dire-content h4{font-size: 25px;font-weight: 600;text-transform: capitalize;}
.dire-content p{font-size: 20px;}
.dire-img img{width: 100%; height: 100%; object-fit: cover;}

/* ------treatment-wrapp-------- */
.treatment-wrapp {padding: 80px 0;}
.treatment-wrapp .treatment-row {width: 100%;display: flex; flex-wrap: wrap;}
.treatment-wrapp .treatment-row .treatment-col3 {width: 22.8%;margin: 0 1.6% 1.6% 0;position: relative; overflow: hidden; cursor: pointer;}
.treatment-wrapp .treatment-row .treatment-col3 img {width: 100%;}
.treatment-wrapp .treatment-row .treatment-col3 .treatment-col4 {position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); text-align: center; padding: 0 20px; z-index: 1;}
.treatment-wrapp .treatment-row .treatment-col3  h2 {font-size: 22px; color: #ffff; margin: 0 0 20px;}
.treatment-wrapp .treatment-row .treatment-col3 .img-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: var(--primary); padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;transform: translateY(100%); transition: transform 0.4s cubic-bezier(0.7, 0, 0.2, 1); z-index: 2;}
.treatment-wrapp .treatment-row .treatment-col3 .img-overlay .arrow {display: inline-block; width: 32px;}
.treatment-wrapp .treatment-row .treatment-col3:hover .img-overlay { transform: translateY(0);}
.treatment-wrapp .treatment-row .treatment-col3:after { content: ""; position: absolute; width: 100%; height: 100%; background: rgb(0 0 0 / 40%); top: 0;left: 0;}
.treatment-wrapp .treatment-row .treatment-col3:last-child{margin-right: 0;}
.treatment-wrapp .treatment-row .treatment-row-conten{margin-bottom: 50px;}
.treatment-wrapp .treatment-row .treatment-row-conten h2{font-size: 40px;color: var(--primary);margin: 0 0 20px;}
.treatment-wrapp .treatment-row .treatment-row-conten p{font-size: 18px;line-height: 1.56;font-weight: 400;color: #000;margin: 0 0 22px;}
.treatment-cards .treatment-row-conten h2{font-size: 40px;color: var(--primary);margin: 0 0 20px;}
.treatment-cards .treatment-row-conten p{font-size: 18px;line-height: 1.56;font-weight: 400;color: #000;margin: 0 0 22px;}
/* -------gallery-wrapp-------- */
.gallery-wrapp { padding: 80px 0;}
.gallery-wrapp .gallery-row { width: 100%;}
.gallery-wrapp .tab-content {width: 100%;}
.gallery-wrapp .tab-pane { width: 100%;}
.gallery-wrapp .gallery-row1 { width: 100%; display: flex; flex-wrap: wrap;}
.gallery-wrapp .gallery-col1 { width: 23.8%; margin: 0 1.6% 1.6% 0; position: relative;}
.gallery-wrapp .gallery-col1:nth-child(4n) { margin-right: 0;}
.gallery-wrapp .nav-tabs { justify-content: center; margin: 0 0 40px; border: none;}
.gallery-wrapp .nav-tabs .nav-item { margin: 0 25px 0 0;}
.gallery-wrapp .nav-tabs .nav-item .nav-link { border: none; font-size: 18px; font-weight: 600; color: #000; position: relative; padding: 10px 0;}
.gallery-wrapp .nav-tabs .nav-item .nav-link.active { color: var(--secondary);}
.gallery-wrapp .nav-tabs .nav-item .nav-link:after { content: ""; position: absolute; width: 100%; height: 2px; background: var(--secondary); bottom: 0; left: 0; opacity: 0; transition: all .25s ease-in-out;}
.gallery-wrapp .nav-tabs .nav-item:last-child { margin-right: 0;}
.gallery-wrapp .nav-tabs .nav-item .nav-link:hover { color: var(--secondary);}
.gallery-wrapp .nav-tabs .nav-item .nav-link.active:after { opacity: 1;}
.gallery-wrapp .nav-tabs .nav-item .nav-link:hover:after { opacity: 1;}
.html5-prev, .html5-next{display: block !important;}
.mh-icon-right {background: #000000 url(../images/chevron-right-solid.svg) no-repeat center / 12px;}
.mh-icon-left {background: #000000 url(../images/chevron-left-solid.svg) no-repeat center / 12px;}

/* -----content-wrapp------ */
.content-wrapp { padding: 80px 0;}
.content-wrapp .content-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.content-wrapp .content-col1 { width: 68%;}
.content-wrapp  .content-col2 { width: 27%;}
.content-wrapp h2 { font-size: 40px; color: var(--primary); margin: 0 0 20px;}
.content-wrapp p {  font-size: 16px; line-height: 1.56; font-weight: 400; color: #000; margin: 0 0 22px;}
.content-wrapp h3 { font-size: 32px; color: var(--primary); margin: 0 0 20px;}
.content-wrapp h4 { font-size: 25px; color: var(--primary); margin: 0 0 20px;}
.content-wrapp ul { width: 100%; margin: 0 0 22px;}
.content-wrapp ul li { font-size: 16px; line-height: 1.56; font-weight: 400; color: #000; padding-left: 16px; position: relative;margin-bottom: 10px;}
.content-wrapp ul li:before { content: "\2022"; position: absolute; left: 0; top: 0;}
.content-wrapp ol { width: 100%; float: none; counter-reset: my-awesome-counter; margin: 0 auto 28px; position: relative;}
.content-wrapp ol li { font-size: 16px; color: #000; line-height: 1.56; counter-increment: step-counter; padding-left: 4px; width: auto; margin: 0 auto; position: relative; margin-bottom: 10px;}
.content-wrapp ol li:before { content: counter(step-counter) '.'; margin-right: 0px; position: relative; left: -4px; color: #525252; top: 0;font-weight: 600;}
.other-treatments { width: 100%; background: #f2f2f2; padding: 25px 20px;}
.other-treatments .other-treatments-col1 { width: 100%; display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid var(--secondary); padding: 0 0 20px; margin: 0 0 20px;}
.other-treatments .other-treatments-col1 .other-treatments-img { width: 90px; margin: 0 15px 0 0;}
.other-treatments .other-treatments-col1 h4 { font-size: 20px; color: var(--primary) !important; flex: 1 0 0;}
.other-treatments .other-treatments-col1:last-child { border: none; padding: 0; margin: 0;}
.content-wrapp strong{font-weight: 600;}

/* program-wrap */
.treatement-program-wrap {padding: 100px 0 100px; position: relative;}
.treatement-program-wrap .program-row {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row-reverse;}
.treatement-program-wrap .program-col1 {width: 48%;}
.treatement-program-wrap .program-col1 img {width: 100%;display: block; border-radius: 0 50px 0 50px;}
.treatement-program-wrap .program-col2 {width: 46%; position: relative; padding: 8% 0 0;}
.treatement-program-wrap .program-col3{margin: 80px 0px;}
.treatement-program-wrap h2 {font-size: 40px;color: var(--primary); margin: 0 0 20px;}
.treatement-program-wrap p {font-size: 18px;line-height: 2;font-weight: 400; color: #000; margin: 0 0 22px;}
.treatement-program-wrap h3 {font-size: 123px; color: var(--secondary); opacity: .5; position: absolute; top: -19%; right: -80%;}
.treatement-program-wrap .abouts-btn {font-size: 18px;}
.treatement-program-wrap ul{margin: 30px 0px;}
.treatement-program-wrap ul li{position: relative;font-size:16px; margin: 10px 0px;position: relative; padding-left: 35px;line-height: 2;font-weight: 500;color: #000;}
.treatement-program-wrap ol ul li{font-size:16px; margin: 10px 0px;position: relative; padding-left: 35px;line-height: 2;font-weight: 400;color: #000;} 
.treatement-program-wrap ul li::before{position: absolute;content: "";top: 0;left: 0;width: 20px; height: 20px; background: url("../images/feather-solid.svg"); background-size: cover;}
.treatement-program-wrap ol li{font-size: 20px;font-weight: 500;color: var(--primary);}
.treatment-steps-wrap{position: relative;padding: 30px 0px;}
.treatment-steps{position: relative;display: flex;align-items: center;justify-content: space-between;width: 100%; margin: 80px 0px;}
.treatment-step-col1{width:35%;}
.treatment-step-col2{width: 65%;text-align: left;}
.treatment-step-des h2{font-size: 40px;color: var(--primary); margin: 0 0 20px;}
.treatment-step-des p{font-size: 18px;line-height: 1.56;font-weight: 400; color: #000; margin: 0 0 22px;}
.treatment-step-des ul li{font-size: 16px;font-weight: 400;}
.treatment-steps-wrap .treatment-step-col1 .treatment-step-image {width: 400px; height: 400px; position: relative; padding: 20px;}
.treatment-steps-wrap .treatment-step-col1 .treatment-step-image img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover;}
.treatment-steps-wrap .treatment-step-col1 .treatment-step-image:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 5px dotted var(--secondary); border-radius: 50%; opacity: .5;}
.treatment-steps:first-child{margin-top: 0;}
.treatment-steps:last-child{margin-bottom: 0;}
.treatment-steps::before{content:none;position: absolute;bottom: -25%;left: 50%;transform: translateY(-50%);background-image: url("../images/transfer.svg");width: 100px; height: 100px;background-repeat: no-repeat;}
.treatment-steps:first-child::before{content: none;}


@media(max-width:1900px) {
.team-wrapp h3 {left: -7%;}
}

@media(max-width:1500px){
  .team-wrapp h3 {left: 0%;}
  .treatement-program-wrap h3{right: -100%;}
}

@media(max-width:1400px){
  .container{max-width: 95%;}
  .director-head h3{top: -160px;}
}

@media(max-width:1366px){
  .team-wrapp h3{left: 0%;}
  .abouts-wrapp h3,.treatments-wrapp h3,.team-wrapp h3,.contact-wrapp h3{font-size: 100px;}
  .treatments-wrapp h3{top:-43%;}
  .abouts-wrapp h3{top: -23%;}
  .contact-wrapp h3{top: -17%;}
  .abouts-wrapp .abouts-col2{padding: 3% 0 0;}
  .about-wrapp h3{font-size: 100px;right:23%;top: -3%;}
  .treatment-step-col2{width: 60%;}
  .other-treatments .other-treatments-col1 h4{font-size:18px};
  .director-head h3{font-size: 100px;}
  .team-wrapp .team-col1 h2{font-size: 24px;}
  .team-wrapp h3{top: -40%;}
}

@media(max-width:1200px){
  .abouts-wrapp h3, .treatments-wrapp h3, .team-wrapp h3, .contact-wrapp h3{font-size: 70px;}
  .team-wrapp .team-col1 h2{font-size: 21px;}
  .about-wrapp h3{font-size: 70px;left: 50%;top: -4%;transform: translateX(-50%);right: 0;}
  .journey-wrapp .journey-col1 .journey-img .circle-1,.journey-wrapp .journey-col1 .journey-img .circle-2{font-size: 18px; width: 150px;height: 150px;border: 10px solid #fff;}
  .journey-wrapp .journey-col1 .journey-img{width: 450px; height: 450px;padding: 40px;}
  .journey-wrapp .journey-col1 .journey-img::before{content:none;}
  .journey-wrapp .journey-col1 .journey-img:after{border:10px dotted var( --secondary);}
  .journey-wrapp .journey-col2{width: 50%;}
  .treatement-program-wrap h3{font-size: 70px;right: -70%;top: -23%;}
  .treatement-program-wrap .program-col2{padding: 3% 0 0;}
  .treatment-steps-wrap .treatment-step-col1 .treatment-step-image{width: 300px;height: 300px;}
  .content-wrapp h3{font-size: 28px;}
  .content-wrapp h4{font-size: 22px;}
  .content-wrapp .content-col2{width: 32%;}
  .abouts-wrapp .abouts-row{align-items: center;}
  .dire-content h4{font-size: 20px;}
  .director-head h3{font-size: 70px; top: -110px;}
  .vission-wrapp .vission-col1 ul li{line-height: 1.5;}
  .treatement-program-wrap h2{font-size: 30px;}
  .program-section{padding: 50px 0px;}
  
}

@media(min-width:991px){
 .mobile-header-menu{
  display: none;
 }
}

@media(max-width:991px){
  .top-header{display: none;}
  .header-nav{display: none;}
  .header-right{display: none;}
  header .header-row{padding: 10px;}
  .banner-wrapp h1{font-size: 50px;}
  .abouts-wrapp .abouts-row{align-items: center;}
  .abouts-wrapp .abouts-col2{padding: 0% 0% 0%;}
  .abouts-wrapp h3{right:-50%;top: -15%;}
  .treatments-wrapp .treatments-col2{width: 55%;}
  .treatments-wrapp .treatments-col1{width:40%;}
  .treatments-wrapp h3{top: -50%;left: -80%;}
  .team-wrapp h3{left: 0%;}
  .footer-wrapp .footer-nav ul li a{padding: 10px;}
  .treatments-wrapp .treatments-col3 h2{font-size: 18px;}
  .about-wrapp .about-row1{margin: 200px 0 !important;}
  .about-wrapp .about-row1 .about-col1{width: 40%;z-index: 55;}
  .about-wrapp .about-row1 .about-col2{width: 62%;}
  .about-wrapp{padding: 200px 0px;}
  .about-wrapp h3{left: 45%;transform: translateX(-45%);top: -14%;}
  .journey-wrapp .journey-col1{width: 100%;}
  .journey-wrapp .journey-col1 .journey-img{margin: 0 auto;}
  .journey-wrapp .journey-col2{width: 100%;}
  .vission-wrapp .vission-col1{padding: 30px;margin-bottom: 20px;width: 49%;}
  .treatment-wrapp .treatment-row .treatment-col3{width: 31%;}
  .treatment-wrapp .treatment-row .treatment-col3:nth-child(4n){margin: 0 1.6% 20px 0;}
  .treatment-wrapp .treatment-row .treatment-col3 h2{font-size: 20px;}
  .gallery-wrapp .gallery-col1{width: 32.2%;}
  .gallery-wrapp .gallery-col1:nth-child(4n){margin: 0 1.6% 1.6% 0;}
  .gallery-wrapp .gallery-col1:nth-child(3n){margin-right: 0;}
  .treatement-program-wrap h3{right: -85%;}
  .treatement-program-wrap .program-col2{padding: 0;}
  .treatement-program-wrap .program-row{align-items: center;}
  .treatment-step-col2{width: 50%;}
  .treatment-steps::before{content: none;}
  .treatement-program-wrap{padding: 140px 0px 50px;}
  .treatment-step-col1{width: 100%; margin-bottom: 30px;}
  .treatment-step-col2{width: 100%;}
  .treatment-steps{flex-wrap: wrap;}
  .treatement-program-wrap h3{right: -100%;}
  .content-wrapp .content-col1{width: 60%;}
  .content-wrapp .content-col2{width: 38%;}
  .overlay-btn {
    width: 30px;
    height: 30px;
    position: fixed;
    right: 5%;
    top: 35px;
    padding: 0;
    z-index: 10000;
    display: block;
  }
  .overlay-btn .line {
    width: 100%;
    display: inline-block;
    height: 3px;
    background-color:var(--primary);
    transition: all 0.25s ease-in-out;
    position: relative;
  }
  .overlay-btn .line:before {
    content: "";
    position: absolute;
    width: 100%;
    background-color:var(--primary);
    top: -10px;
    left: 0;
    height: 3px;
    transition: all 0.25s ease-in-out;
  }
  .overlay-btn .line:after {
    content: "";
    position: absolute;
    width: 100%;
    background-color:var(--primary);
    top: 10px;
    left: 0;
    height: 3px;
    transition: all 0.25s ease-in-out;
  }
  .overlay {
    position: fixed;
    top: 0;
    left: -300px;
    width: 260px;
    height: 100vh;
    background:var(--primary);
    z-index: 9999;
    padding: 60px 10px 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.25s ease-in-out;
    display: block;
  }
  .overlay .overlay-menu {
    width: 100%;
    height: 100%;
    overflow-y: auto;
  }
  .overlay .overlay-menu ul {
    display: block;
  }
  .overlay .overlay-menu ul li {
    display: block;
    position: relative;
  }
  .overlay .overlay-menu ul li a {
    display: block;
    color: #fff;
    padding: 15px 10px;
    border-bottom: 1px solid rgb(255 255 255 / 30%);
    border-radius: 0;
    font-size: 16px;
  }
  .overlay .overlay-menu ul li a:hover {
    color: var(--secondary) !important;
  }
  .overlay.show {
    left: 0;
    opacity: 1;
    z-index: 100000;
  }
  .overlay-btn .active .line {
    background: transparent;
  }
  .overlay-btn .active .line:before {
    transform: rotate(-45deg);
    top: 0;
  }
  .overlay-btn .active .line:after {
    transform: rotate(45deg);
    top: 0;
  }
  .mobile-menu-items .sub-menu{
    position: relative;
    width: 100%;
    background-color: #000;
  }
  .overlay .overlay-menu ul li.has-sub::after {
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    bottom: auto;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .overlay .overlay-menu ul li.has-sub ul li {
    padding: 0;
    padding-left: 20px;
  }
  .overlay .overlay-menu ul li.has-sub ul li a {
    font-size: 13px !important;
  }
  .mobile-social{
    display: flex;
    align-items: center;
    margin: 20px 0px;
  }
  .mobile-btn{
    margin-top: 20px;
  }
  .mobile-social a{
    display: block;
    width: 25px;
    margin-right: 20px;
  }
  .director-head h3{top: -100px;}
  .director-card{width: 48%;}
  .director-card:nth-child(2n){margin-right: 0;}
  .about-wrapp{padding: 20px 0px 80px;}
  .about-wrapp .about-row1:last-child{margin: 300px 0 200px !important;}
  .program-section{padding: 50px 0px;}
}

@media(max-width:767px){
  .abouts-wrapp .abouts-row{flex-direction: column-reverse;}
  .abouts-wrapp .abouts-col1{width: 100%;}
  .abouts-wrapp .abouts-col2{width: 100%; margin-bottom: 50px}
  .abouts-wrapp h3{top: -20%; left: 0%; right: auto;}
  .abouts-wrapp h3, .treatments-wrapp h3, .team-wrapp h3, .contact-wrapp h3{font-size: 50px; opacity: 0.7;}
  .abouts-wrapp h2{font-size: 30px;}
  .treatments-wrapp h3{margin: 0 0 0;top: -50%;left: 0;}
  .treatments-wrapp .treatments-col1{width: 100%;}
  .treatments-wrapp .treatments-col2{width: 100%;}
  .treatments-wrapp h2{font-size: 30px;}
  .contact-wrapp .contact-col1{width: 100%;margin-top: 60px;}
  .contact-wrapp .contact-col2{width: 100%;}
  .contact-wrapp .contact-row{flex-direction: column-reverse;}
  .contact-wrapp h3{left: 0;top:-6%;}
  .footer-wrapp .footer-row{justify-content: center;}
  .footer-wrapp .footer-logo{width: 100%;margin-bottom: 20px;display: flex;justify-content: center;}
  .footer-wrapp .footer-nav{width: 100%;}
  .footer-wrapp .footer-nav ul{text-align: center;}
  .footer-wrapp .footer-nav{margin-bottom: 20px;}
  .about-wrapp .about-row1 .about-col2 p{font-size: 16px;width: 100%;}
  .about-wrapp .about-row1 .about-col1{width: 100%;position: relative;}
  .about-wrapp .about-row1 .about-col2{width: 100%;position: relative; top: auto;transform: none;}
  .about-wrapp{padding: 0 0 80px;}
  .about-wrapp .about-row1 .about-col1 img{height: 400px;object-fit: cover;object-position: 20% 10%;}
  .about-wrapp h3{top: -3%;left: 40%;right:-13%; transform: translateX(-50%);}
  .about-wrapp .about-row1:first-child{margin-top: 150px !important;}
  .about-wrapp .about-row1{margin: 0 0 80px !important;}
  .vission-wrapp .vission-col1{width: 100%; margin-bottom:30px;}
  .journey-wrapp p{font-size: 16px;}
  .treatement-program-wrap .program-col1{width: 100%;}
  .treatement-program-wrap .program-col2{width: 100%;}
  .treatement-program-wrap .program-row{flex-direction: column-reverse;}
  .program-section .program-row{flex-direction: column;}
  .treatement-program-wrap h3{left: 0;right: 0;top: -30%;font-size: 50px;}
  .content-wrapp .content-col1{width: 100%;}
  .content-wrapp .content-col2{width: 100%;}
  .team-wrapp .team-col1 h2{font-size: 18px;}
  .about-wrapp .about-row1:last-child{margin: 80px 0 40px !important;}
  .treatment-wrapp .treatment-row .treatment-row-conten h2{font-size: 30px;}
  .treatment-cards .treatment-row-conten h2{font-size: 30px;}

}

@media(max-width:576px){
  .banner-wrapp h1{font-size: 30px; margin: 0 0 15px;}
  .banner-wrapp p{font-size: 14px;}
  .abouts-wrapp{padding: 80px 0px 50px;}
  .abouts-wrapp h3, .treatments-wrapp h3, .team-wrapp h3, .contact-wrapp h3{font-size: 30px;}
  .abouts-wrapp h3{top: -13%;}
  .abouts-wrapp h2,.treatments-wrapp h2{font-size: 22px;}
  .abouts-wrapp p,.treatments-wrapp p,.testiomonial-wrapp p{font-size: 14px;}
  .treatments-wrapp h3{top: -30%;}
  .treatments-wrapp{padding: 50px 0px 50px;}
  .team-wrapp{padding: 50px 0px;}
  .team-wrapp h3{top: -20%;}
  .testiomonial-wrapp h2{font-size: 35px;}
  .testiomonial-wrapp{padding: 50px 0px;}
  .contact-wrapp{padding: 50px 0px;}
  .contact-wrapp h3{top: -3%;}
  .contact-wrapp .contact-form textarea{height: 100px;}
  .contact-wrapp .contact-col1 .contact-col3 li{font-size: 14px;}
  .footer-wrapp{padding: 50px 0 30px;}
  .banner-wrapp .banner-swiper img{min-height: 350px; height: 100%; object-fit: cover;}
  .global-btn{padding: 12px 30px;}
  .team-wrapp .team-col1 .team-img{margin: 20px auto;}
  .team-wrapp .team-col1{text-align: center;}
  .contact-wrapp .contact-form input{font-size: 14px;}
  .footer-wrapp .footer-row1{justify-content: center;}
  .footer-wrapp .footer-row1 p{font-size: 13px;}
  .footer-wrapp .footer-row1 .footer-col1{margin-bottom: 10px;}
  .contact-wrapp .contact-form .text-fields .text-field{margin: 0 0 10px;}
  .contact-wrapp .contact-form textarea{font-size: 14px;}
  .inner-banner h2{font-size: 30px;}
  .about-wrapp h3{font-size: 30px;}
  .about-wrapp{padding: 80px 0px 50px;}
  .about-wrapp h3{transform: none;left: auto;top: -2%;right:auto;}
  .about-wrapp .about-row1 .about-col1 img{height: 280px;}
  .about-wrapp .about-row1 .about-col2 p{font-size: 14px;}
  .about-wrapp .about-row1 .about-col2 h4{font-size: 16px;}
  .about-wrapp .about-row1{margin: 0 0 50px;}
  .vission-wrapp .vission-col1 h3{font-size: 30px;}
  .vission-wrapp .vission-col1 p{font-size: 14px;}
  .vission-wrapp .vission-col1 ul li{color: #fff;margin-bottom: 10px;font-size: 14px;}
  .journey-wrapp .journey-col1 .journey-img .circle-1, .journey-wrapp .journey-col1 .journey-img .circle-2{display: none;}
  .vission-wrapp{padding: 0 0 0px;}
  .journey-wrapp .journey-col1 .journey-img{padding: 0;width: 250px; height: 250px;}
  .journey-wrapp .journey-col1 .journey-img:after{content: none;}
  .journey-wrapp{padding: 30px 0px;}
  .journey-wrapp .journey-col2{margin-top: 20px;}
  .vission-wrapp .vission-col1{padding: 20px;}
  .journey-wrapp h2{font-size: 30px;}
  .journey-wrapp p{font-size: 14px;}
  .treatment-wrapp .treatment-row .treatment-col3{width: 49.2%;}
  .treatment-wrapp .treatment-row .treatment-col3:nth-child(3n){margin: 0 1.6% 20px 0;}
  .treatment-wrapp .treatment-row .treatment-col3:nth-child(2n){margin-right: 0;}
  .treatment-wrapp .treatment-row .treatment-col3 h2{font-size: 16px;}
  .treatment-wrapp{padding: 50px 0px;}
  .treatment-wrapp .treatment-row .treatment-col3 .treatment-col4{padding: 0px 10px;}
  .treatment-wrapp .treatment-row .treatment-col3 .img-overlay{padding: 0px 10px;}
  .gallery-wrapp{padding: 50px 0px;}
  .gallery-wrapp .gallery-col1{width: 48.5%;}
  .gallery-wrapp .gallery-col1:nth-child(3n){margin: 0 1.6% 1.6% 0;}
  .gallery-wrapp .gallery-col1:nth-child(2n){margin-right: 0;}
  .treatement-program-wrap{padding:80px 0px;}
  .treatement-program-wrap h3{top: -16%;}
  .treatement-program-wrap p{font-size: 14px;}
  .treatement-program-wrap h3{font-size: 30px;}
  .treatement-program-wrap ul li{font-size: 14px;margin: 16px 0px;}
  .treatment-step-des h2{font-size: 22px;}
  .treatment-step-des p{font-size: 14px;}
  .treatment-steps{margin: 20px 0px;}
  .treatment-steps-wrap .treatment-step-col1 .treatment-step-image{width: 260px; height: 260px;padding: 10px;}
  .content-wrapp{padding: 50px 0px;}
  .content-wrapp h2,.content-wrapp h3{font-size: 22px;}
  .content-wrapp h3{font-size: 18px;}
  .content-wrapp p,.content-wrapp ul li,.content-wrapp ol li{font-size: 14px;}
  .other-treatments .other-treatments-col1 h4{font-size: 16px;}
  .other-treatments .other-treatments-col1 .other-treatments-img{width: 70px;}
  .abouts-wrapp .abouts-btn{font-size: 16px;}
  .director-card{width: 100%;margin-right: 0px}
  .about-wrapp .about-row1:first-child{margin-top: 0 !important;}
  .abouts-wrapp .abouts-col2{margin-bottom: 10px;}
  .dire-content h4{font-size: 18px;}
  .director-head h3{font-size: 30px; top: -60px;}
  .former-director-sec{padding: 50px 0px;}
  .about-wrapp .about-row1{margin: 0 0 40px !important;}
  .treatement-program-wrap h2{font-size: 25px;}
  .treatement-program-wrap ol ul li{font-size: 14px;}
  .treatment-wrapp .treatment-row .treatment-row-conten h2{font-size: 22px;}
  .treatment-wrapp .treatment-row .treatment-row-conten p{font-size: 14px;}
  .treatment-cards .treatment-row-conten p{font-size: 14px;}
  .treatment-cards .treatment-row-conten h2{font-size: 22px;}
  .program-section h2{font-size: 40px !important;font-weight: 500; color: var(--primary);margin: 0 0 20px;}
  .program-section h4{font-size: 25px !important; font-weight: 500;color: var(--primary);margin: 0 0 20px;}
  .program-section h5{font-size: 20px !important; font-weight: 500;color: var(--primary);margin: 0 0 20px;}
}