/*
  Theme Name: OVS Wordpress Theme
  Description: Custom OVS Wordpress
  Theme Author: Community Developments
*/

/*------------------------------------*\ MAIN \*------------------------------------*/

:root {
  --clr-lt-brown: #FFF7F4;
  --clr-drk-blue: #1B1D37;
  --clr-drk-gray: #404042;
  --clr-light-blue: #B3E0F9;
  --clr-light-black: #1C1B1A;
  --clr-white: #ffffff;
  --clr-black: #000000;
}

@font-face {
  font-family: 'DM Serif Display';
  src: url('fonts/DMSerifDisplay-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DM Serif Display';
  src: url('fonts/DMSerifDisplay-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'DM Serif Text';
  src: url('fonts/DMSerifText-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DM Serif Text';
  src: url('fonts/DMSerifText-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}


@font-face {
  font-family: 'DM Sans 36pt';
  src: url('fonts/DMSans_36pt-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'DM Sans 36pt';
  src: url('fonts/DMSans_36pt-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'DM Sans 36pt';
  src: url('fonts/DMSans_36pt-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'DM Sans 36pt';
  src: url('fonts/DMSans_36pt-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'DM Sans 36pt';
  src: url('fonts/DMSans_36pt-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'DM Sans 36pt';
  src: url('fonts/DMSans_36pt-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'DM Sans 36pt';
  src: url('fonts/DMSans_36pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'DM Sans 36pt';
  src: url('fonts/DMSans_36pt-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'DM Sans 36pt';
  src: url('fonts/DMSans_36pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'DM Sans 36pt';
  src: url('fonts/DMSans_36pt-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'DM Sans 36pt';
  src: url('fonts/DMSans_36pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'DM Sans 36pt';
  src: url('fonts/DMSans_36pt-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'DM Sans 36pt';
  src: url('fonts/DMSans_36pt-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'DM Sans 36pt';
  src: url('fonts/DMSans_36pt-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'DM Sans 36pt';
  src: url('fonts/DMSans_36pt-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'DM Sans 36pt';
  src: url('fonts/DMSans_36pt-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'DM Sans 36pt';
  src: url('fonts/DMSans_36pt-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'DM Sans 36pt';
  src: url('fonts/DMSans_36pt-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

.container {
  max-width: 1680px !important;
}

.max_width_530 {
  max-width: 530px;
}
.max_width_576 {
  max-width: 576px;
}
.max_width_666 {
  max-width: 666px;
}
.max_width_802 {
  max-width: 802px;
}
.max_width_394 {
  max-width: 394px;
}

/*Default CSS Starts*/
body {
  font-family: 'DM Sans 36pt';
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
}

h1, .h1-heading {
  font-family: 'DM Serif Text';
  line-height: 1.1;
  font-size: 4.625rem;
}
h2, .h2-heading {
  font-family: 'DM Serif Display';
  line-height: 1.1;
  font-size: 3.5rem;
}
h3, .h3-heading, h4, h5, h6 {
  font-family: 'DM Sans 36pt';
  line-height: 1.2;
  font-weight: 400;
}
.hero-title {
  font-family: 'DM Sans 36pt';
}

h3, .h3-heading {
  font-size: 2.438rem;
}

h4 {
  font-size: 1.688rem;
}
h5 {
  font-size: 1.25rem;
}
h6 {
  font-size: 1rem;
}

.link_hover_underline {
  text-decoration: none;
}
.link_hover_underline:hover {
  text-decoration: underline;
}

.pre_heading {
  font-size: 1rem;
  font-family: 'Raleway';
  text-transform: uppercase;
  font-weight: 600;
}
.clr-lt-brown {
  color: var(--clr-lt-brown);
}

.clr-drk-blue {
  color: var(--clr-drk-blue);
}

.clr-drk-gray {
  color: var(--clr-drk-gray);
}

.clr-light-blue {
  color: var(--clr-light-blue);
}

.clr-light-black {
  color: var(--clr-light-black);
}

.clr-white {
  color: var(--clr-white);
}

.clr-black {
  color: var(--clr-black);
}

.zindex_1 {
  z-index: 1;
}

.dflt_btn {
  font-family: 'DM Sans 36pt';
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2;
  background: var(--clr-light-blue);
  border: 1px solid var(--clr-light-blue);
  color: var(--clr-light-black);
  border-radius: 0;
  padding: 14px 22px 12px;
}

.dflt_white_btn {
  font-family: 'DM Sans 36pt';
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2;
  background: var(--clr-white);
  border: 1px solid var(--clr-white);
  color: var(--clr-light-black) !important;
  border-radius: 0;
  padding: 14px 22px 12px;
}

.dflt_white_btn:hover,
.dflt_white_btn:focus,
.dflt_white_btn:active {
  background: var(--clr-light-black) !important;
  border: 1px solid var(--clr-light-black) !important;
  color: var(--clr-white) !important;
}

.dflt_btn:hover,
.dflt_btn:focus,
.dflt_btn:active {
  background: var(--clr-light-black) !important;
  border: 1px solid var(--clr-light-black) !important;
  color: var(--clr-white) !important;
}

.img_ht_full {
  height: 100%;
  object-fit: cover;
}

header:has(.navbar_dark) + .section_padding {
  padding-top: 10rem !important;
  padding-bottom: 6.25rem;
}

.section_padding {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

/*Default CSS Ends*/

/*Navbar CSS Starts*/
header .container {
  padding-right: calc(3rem * .5);
  padding-left: calc(3rem * .5);
}
nav.navbar {
  padding-top: 37px;
  padding-bottom: 10px;
}

.navbar-brand img {
  max-height: 55px;
}

nav.navbar {
  transition: all .3s;
  z-index: 999;
}

nav.navbar.fixed-navbar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1030;
  background: var(--clr-lt-brown);
  box-shadow: 0 0 10px rgba(0, 0, 0, .5);
  padding-top: 15px;
  padding-bottom: 15px;
}
nav.navbar .navbar-brand img.dark_logo {
  display: none;
}
nav.navbar.fixed-navbar .navbar-brand img.light_logo {
  display: none;
}
nav.navbar.fixed-navbar .navbar-brand img.dark_logo {
  display: block;
}

nav.navbar ul.navbar-nav {
  gap: 4rem;
  border-top: 1px solid var(--clr-white);
    padding-top: .8rem;
}

nav.navbar.navbar_dark ul.navbar-nav {
  border-top: 1px solid var(--clr-black);
}

nav.navbar.fixed-navbar ul.navbar-nav {
  padding-top: 0;
}

nav.navbar.navbar_dark.fixed-navbar ul.navbar-nav {
  border: none;
}

nav.navbar ul.navbar-nav li {
  line-height: 1.2;
}

nav.navbar ul.navbar-nav li a {
  font-family: 'DM Sans 36pt';
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2;
  color: var(--clr-white);
}

nav.navbar.navbar_dark ul.navbar-nav li a {
  color: var(--clr-drk-gray);
}

nav.navbar.fixed-navbar ul.navbar-nav>li>a {
  color: var(--clr-drk-gray);
}

nav.navbar ul.navbar-nav>li>a {
  padding: .75rem 0 .5rem;
}

nav.navbar.fixed-navbar ul.navbar-nav>li>a {
  padding: .5rem 0 .5rem;
}

nav.navbar ul.navbar-nav li.last_menu a {
  padding: .5rem 1rem;
  background: var(--clr-light-blue);
  border: 1px solid var(--clr-light-blue);
  color: var(--clr-light-black);
  border-radius: 0;
  display: inline-block;
}

nav.navbar ul.navbar-nav li.last_menu a:hover {
  background: var(--clr-white);
  border: 1px solid var(--clr-white);
  color: var(--clr-light-black);
}

header:has(.navbar.fixed-navbar)+.home_hero_wrap,
header:has(.navbar.fixed-navbar)+div {
  padding-top: 79px;
}

.navbar-expand-xl .navbar-nav .dropdown-menu {
  left: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: transparent;
  border: 0;
}

.img_menu_item_wrap {
  flex: 1 auto;
}

button.navbar-toggler:hover,
button.navbar-toggler:focus,
button.navbar-toggler:active {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

button.navbar-toggler[aria-expanded=false] .navbar-toggler-icon {
  background-image: url(img/hamburger.svg);
  opacity: 1;
}

button.navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
  background-image: url(img/times.svg);
  width: 1.25em;
  height: 1.25em;
}

nav.navbar.navbar_dark .navbar-brand img.dark_logo,
nav.navbar.fixed-navbar.navbar_dark .navbar-brand img.dark_logo {
  display: block;
}

nav.navbar.navbar_dark.fixed-navbar .navbar-brand img.light_logo, 
nav.navbar.navbar_dark .navbar-brand img.light_logo {
  display: none;
}

/*Navbar CSS Ends*/


/*Home Hero CSS Starts*/
.home_hero_wrap {
  background: var(--clr-drk-orange);
  z-index: -1;
}
.hero_item {
  overflow: hidden;
  /* height: 980px;
  min-height: 980px; */
}
.hero_item > img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  aspect-ratio: 1/.5;
  min-height: 750px;
}
.hero_item_content {
  max-width: 1680px;
  bottom: 150px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.hero_item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: rgba(0, 0, 0, .3);
}
.hero_item_inner {
  padding-right: calc(3rem * .5);
    padding-left: calc(3rem * .5);
}
.hero_cntnt_left {
  max-width: 530px;
}
.hero_cntnt_left h1, .hero_cntnt_left h2 {
  font-family: 'DM Sans 36pt';
  font-weight: 400;
  font-size: 2.438rem;
}

.hero_item_content_second {
  top: 0;
  padding-top: 6rem;
  padding-bottom: 6rem;
  z-index: 1;
  max-width: 1680px;
  left: 50%;
  transform: translateX(-50%);
}
.procedures_hero_cntnt_left .pre_heading {
  border-top: 1px solid var(--clr-white);
}
.procedures_hero_cntnt_left h3 {
  max-width: 394px;
}
.procedures_hero_cntnt_right .procedures_right_inner_cntnt {
  max-width: 1074px;
  border-top: 1px solid var(--clr-white);
}
.procedures_rt_inner_main_cntnt {
  max-width: 721px;
}
.procedures_rt_inner_main_cntnt .procedures_sub_cntnt {
  margin-top: 2rem;
}
.procedures_rt_inner_main_cntnt .procedures_sub_cntnt h4 {
max-width: 408px;
line-height: 1.5;
}
/*Home Hero CSS Ends*/


.home_about_wrap .pre_heading,
.home_surgeons_wrap .pre_heading {
  border-top: 1px solid var(--clr-light-black);
}
.home_surgeons_content, .home_patient_jrney_content, .home_review_content {
  max-width: 394px;
}
.home_surgeons_boxes_wrap, .home_patient_jrney_boxes_wrap {
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}

.procedures_grid_boxes_wrap {
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
}

.about_grid_boxes_wrap {
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.home_review_boxes_wrap {
  grid-template-columns: repeat(1, 1fr);
  gap: 3rem;
}
.home_surgeons_boxes_wrap h4, .about_grid_boxes_wrap h4 {
  border-top: 1px solid var(--clr-light-black);
}
.home_patient_jrney_content .home_surgeons_content_inner {
  border-bottom: 1px solid var(--clr-light-black);
  padding-bottom: 2rem;
}
.home_patient_jrney_box {
  background: var(--clr-light-blue);
}
.hm_patient_jrney_cntnt {
  padding: 2.75rem 2.25rem;
}
.home_review_box {
  border-top: 1px solid var(--clr-light-black);
}
.reviewer_name_stct {
  min-width: 240px;
}
.reviewer_name_stct .short_name {
  background: var(--clr-light-blue);
  width: 100px;
  height: 100px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  font-family: 'DM Serif Display';
  font-weight: 400;
  font-size: 44px;
}
.home_review_name {
  font-family: 'Raleway';
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 600;
}



/*Slick Slider CSS Starts*/
.slider_controls {
  width: 100%;
  max-width: calc(1680px - (6rem * .5));
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100px;
}
.slick-prev,
.slick-next {
  z-index: 1;
  width: 30px;
  height: 18px;
  bottom: 0;
  top: unset;
}

.home_procedures_slider .slick-slide {
	min-height: 700px !important;
}

.home_procedures_slider .slick-prev,
.home_procedures_slider .slick-next {
  bottom: 380px;
}

.slick-prev {
  left: unset;
  right: 140px;
}

.slick-next {
  right: 90px;
}

.slick-prev:before,
.slick-next:before {
  content: "";
  width: 30px;
  height: 18px;
  background-size: cover !important;
  display: flex;
  opacity: 1 !important;
}

.slick-prev:before {
  background: url(img/arrow-left.svg) no-repeat;
}

.slick-next:before {
  background: url(img/arrow-right.svg) no-repeat;
}
.slideNumber {
  position: absolute;
  right: 0;
  color: var(--clr-white);
  font-family: 'Raleway';
  font-weight: 600;
  bottom: 0;
  letter-spacing: 5px;
  line-height: 1;
  height: 26px;
}
/* .home_procedures_slider .slideNumber {
  bottom: 380px;
} */
.home_hero_procedures_wrap .slider_controls {
  bottom: 380px;
}

/*Slick Slider CSS Starts*/


/*Footer CSS Starts*/
footer {
  background: var(--clr-white);
  padding: 3.125rem 0 2rem 0;
}
.foot_map_wrap_outer {
  padding-right: 7.5rem;
}
ul.foot_address {
  padding: 0;
  margin: 0;
  gap: 0 1.5rem;
}
ul.foot_address li {
  list-style: none;
}
ul.foot_address li a {
  font-family: 'DM Sans 36pt';
  text-decoration: none;
  color: var(--clr-drk-gray);
}
ul.foot_address li a:hover {
text-decoration: underline;
}
.foot_right_wrap {
  padding-top: 28px;
  border-top: 1px solid var(--clr-light-black);
}
.foot_right_wrap .foot_col_1 ul,
.foot_right_wrap .foot_col_2 ul {
padding: 0;
margin: 0;
}
.foot_right_wrap .foot_col_1 ul li,
.foot_right_wrap .foot_col_2 ul li {
list-style: none;
}
.foot_right_wrap .foot_col_1 ul li a,
.foot_right_wrap .foot_col_2 ul li a {
font-family: 'Raleway';
text-decoration: none;
color: var(--clr-black);
}
.foot_right_wrap .foot_col_1 ul li a:hover,
.foot_right_wrap .foot_col_2 ul li a:hover {
text-decoration: underline;
}
.foot_right_wrap .foot_col_1 p,
.foot_right_wrap .foot_col_2 p,
.foot_right_wrap .foot_col_3 p {
color: var(--clr-black);
font-size: 1.125rem;
font-weight: 500;
letter-spacing: 1px;
}
.foot_surgical_procedures ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 8rem;
}
/*Footer CSS Ends*/



/*Contact Page CSS Starts*/
.contact_info {
  background: var(--clr-lt-brown);
}
.contact_info h1.h3-heading {
  font-weight: 400;
}
.contact_cntnt_wrap {
  padding-right: 7rem;
}
.contact_cntnt_wrap p.pre_heading {
  border-top: 1px solid var(--clr-drk-blue);
}
.address_box {
  max-width: 200px;
}
/*Contact Page CSS End*/


.guiding_every_step_grids, .about_vision_images {
  margin-top: 6rem;
}

.team_member_photo, .blog_posts_featured_img {
  min-width: 300px;
}

.team_member_details_wrap {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 6.25rem;
}

.blog_posts_wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6.25rem;
}

.ptnt_jrney_rt_inner_main_cntnt {
  max-width: 805px;
}

ul.experience_listing {
  padding-left: 15px;
}
ul.experience_listing li::marker {
  color: var(--clr-light-blue);
  font-size: 20px;
  line-height: 1;
}
.process_box_wrap:not(:last-child) {
  margin-bottom: 6.25rem;
}
.faq_box .accordion-item {
  border: none;
  border-top: 1px solid var(--clr-drk-gray);
  background: none;
  border-radius: 0;
}
.faq_box .accordion-item .accordion-body {
  padding: 0 0 .5rem 0;
}
.faq_box .accordion-item:not(:last-child) {
  margin-bottom: 3.5rem;
}
.procedures_outer_wrap:not(:last-child) {
  margin-bottom: 6.25rem;
}
.procedures_outer_wrap .home_surgeons_content {
  margin-bottom: 0;
}
.blog_detail_content .max_width_802 > *:not(:last-child) {
  margin-bottom: 2rem;
}
.blog_detail_content ol{padding-left:12px}
.blog_detail_content ol li{margin-bottom:12px}
.pagination-wrap {
  display: flex;
  justify-content: center;
  margin-top: 5rem !important;
}
.pagination-wrap ul.page-numbers {
  max-width: 665px;
  display: flex;
  gap:2rem;
}
.pagination-wrap ul.page-numbers li {
  list-style: none;
}
.pagination-wrap ul.page-numbers li a {
  text-decoration: none;
  color: var(--clr-light-black);
}
.pagination-wrap ul.page-numbers li:has(.prev) {
  margin-right: 5rem;
}
.pagination-wrap ul.page-numbers li:has(.next) {
  margin-left: 5rem;
}



/*Modal and Offcanvas CSS Starts*/
.modal.home_modal .modal-body,
.offcanvas.home_offcanvas .offcanvas-body {
  padding: 30px 40px;
}

.modal button.btn-close,
.offcanvas button.btn-close {
  background: none;
  opacity: 1;
  width: auto;
  height: auto;
  padding: 0;
  display: flex;
  justify-self: start;
  text-decoration: none;
  margin-bottom: 1.5rem;
  font-family: 'Raleway';
  font-weight: 600;
}

.modal.home_modal,
.offcanvas.home_offcanvas {
  border-radius: 0;
}

.modal button.btn-close:focus,
.modal button.btn-close:hover,
.offcanvas button.btn-close:focus,
.offcanvas button.btn-close:hover {
  box-shadow: none;
  text-decoration: none;
}

.mdl_uppr_cntnt {
  padding-bottom: 2.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid var(--clr-drk-gray);
}

.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  bottom: 0;
  width: 560px;
}
.offcanvas-body h2 {
  border-top: 1px solid var(--clr-drk-gray);
  padding-top: 1rem;
}
.offcanvas .gform_wrapper form {
  margin-top: 2.5rem;
}
.offcanvas .gform_wrapper .gform-body .gform_fields {
  row-gap: 1rem;
}
.offcanvas .gform_wrapper .gform-body .gform_fields .gfield input:not([type=checkbox]):not([type=file]):not([type=image]):not([type=radio]), .offcanvas .gform_wrapper .gform-body .gform_fields .gfield select {
  border-radius: 0;
}
.offcanvas .gform_wrapper .gform-body .gform_fields .gfield input:not([type=checkbox]):not([type=file]):not([type=image]):not([type=radio]):focus, .offcanvas .gform_wrapper .gform-body .gform_fields .gfield select:focus, .offcanvas .gform_wrapper .gform-footer input[type=submit]:focus {
  outline: none !important;
  box-shadow: none !important;
}
.offcanvas .gform_wrapper .gform-footer {
  justify-content: center;
}
.offcanvas .gform_wrapper .gform-footer input[type=submit] {
  border-radius: 0 !important;
  background: var(--clr-light-blue) !important;
  color: var(--clr-light-black) !important;
  margin-top: 1rem !important;
  transition: all .3s;
}
.offcanvas .gform_wrapper .gform-footer input[type=submit]:hover {
  background: var(--clr-light-black) !important;
  color: var(--clr-white) !important;
}
/*Modal and Offcanvas CSS Ends*/


/*======Responsive Start=======*/

@media(min-width:1680px) {
  .container {
    padding-right: calc(3rem * .5);
    padding-left: calc(3rem * .5);
  }
}

@media(max-width:1680px) {
.slider_controls {
  max-width: calc(100% - (6rem * .5));
}
}

@media(min-width:1601px) {
nav.navbar ul.navbar-nav li.last_menu {
  margin-left: 8vw;
}
}

@media(min-width:1401px) {
  nav.navbar ul.navbar-nav li.last_menu {
    margin-left: 2vw;
  }
}

@media(min-width:1501px) {
  nav.navbar ul.navbar-nav li.last_menu {
    margin-left: 5vw;
  }
}

@media(max-width:1500px) {
  .foot_surgical_procedures ul {
    gap: 0 3rem;
}
}

@media(max-width:1400px) {
  nav.navbar ul.navbar-nav {
    gap: 2rem;
  }
  .foot_map_wrap_outer {
    padding-right: 3.5rem;
}
.reviewer_name_stct {
  min-width: 150px;
}
  /* .hero_item_content_second {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
} */
.blog_posts_wrap {
  gap: 6.25rem 3.125rem;
}
}

@media(max-width:1250px) {
  .foot_map_wrap_outer {
    padding-right: 2.5rem;
}
.foot_surgical_procedures ul {
  grid-template-columns: repeat(1, 1fr);
  gap: 0;
}
.foot_right_wrap {
  gap: 2.5rem !important;
}
}

@media(min-width:1201px) {
.home_hero_wrap,
header+div {
  margin-top: -100px;
}
}

@media(min-width:1200px) {
  .dropdown-hover:hover>.dropdown-menu {
    transition: all .3s;
    display: inline-block;
    padding-top: 1.5rem;
    left: 0;
    background: transparent;
    border: none;
  }

  .dropdown-hover>.dropdown-toggle:active {
    pointer-events: none;
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu>.container-fluid {
    background: var(--clr-lt-brown);
    padding: 30px 32px;
  }

  .dropdown-toggle::after {
    display: none;
  }
}

@media(max-width:1200px) {

  h1,
  .h1-heading {
    font-size: 3.125rem;
  }

  h2,
  .h2-heading {
    font-size: 2rem;
  }

  h3, .h3-heading {
    font-size: 1.5rem;
  }
  h4 {
    font-size: 1.25rem;
  }
  h5 {
  font-size: 1.125rem;
}
h6 {
  font-size: .875rem;
}
  .dropdown-hover>.dropdown-menu {
    padding-top: 0;
  }

  .hero_cntnt_left h1, .hero_cntnt_left h2 {
    font-size: 1.875rem;
  }
  .foot_right_wrap {
    gap: 2rem !important;
  }
  .contact_cntnt_wrap {
    padding-right: 3.5rem;
  }
  nav.navbar ul.navbar-nav li a {
    color: var(--clr-black);
  }
  .hm_patient_jrney_cntnt {
  padding: 1.75rem 1.5rem;
}
  .reviewer_name_stct {
    min-width: 110px;
  }
  header:has(.navbar_dark) + .section_padding {
    padding-top: 8rem !important;
  }
.procedures_grid_boxes_wrap {
  grid-template-columns: repeat(1, 1fr);
  gap: 2.5rem;
}
  /* .hero_item {
    height: 100%;
  min-height: 600px;
} */
.hero_item > img {
  height: 100%;
  min-height: 600px;
}
  .hero_cntnt_right img {
    max-height: 120px;
  }
  .home_hero_procedures_wrap .slider_controls {
    bottom: 320px;
  }
  .procedures_hero_cntnt_left h3 {
    max-width: 75%;
  }
}

@media(max-width:1199px) {
  .dropdown-hover.dropdown-hover-active>.dropdown-menu {
    transition: all .3s;
    display: inline-block;
  }

  div#navbarMain {
    max-height: calc(100vh - 90px);
    overflow-y: auto;
  }

  #mainNavbar {
    background: var(--clr-lt-brown);
  }

  #mainNavbar .navbar-brand img.light_logo {
    display: none;
  }

  #mainNavbar .navbar-brand img.dark_logo {
    display: block;
  }
  header+div>.row {
    padding-top: 3.125rem !important;
  }
nav.navbar ul.navbar-nav {
  gap: 0;
}
nav.navbar ul.navbar-nav li.last_menu {
  margin-top: .75rem;
}
}

@media(max-width:1024px) {
  .modal.home_modal .modal-body,
  .offcanvas.home_offcanvas .offcanvas-body {
    padding: 24px 30px;
  }
  header + div > .row {
    padding-top:5rem !important;
  }
  .section_padding {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
  header:has(.navbar_dark) + .section_padding {
    padding-bottom: 3.25rem;
}
.foot_map_wrap_outer {
  width: 100% !important;
}
.footer_top > .row {
  flex-direction: column;
}
.foot_map_wrap_outer {
  padding-right: calc(var(--bs-gutter-x) * .5);
}
.foot_links_wrap_outer {
  margin-top: 3rem;
  width: 100%;
}
.procedures_rt_inner_main_cntnt .procedures_sub_cntnt {
  margin-top: 1rem;
}
.guiding_every_step_grids, .about_vision_images {
  margin-top: 3.125rem;
}
.team_member_details_wrap {
  gap: 3.125rem;
}
.blog_posts_wrap {
  gap: 3.125rem;
}
.process_box_wrap:not(:last-child) {
  margin-bottom: 3.125rem;
}
.procedures_outer_wrap:not(:last-child) {
  margin-bottom: 3.125rem;
}
.home_hero_procedures_wrap .slider_controls {
  bottom: 30px;
}
.home_hero_procedures_wrap .slick-prev {
  left: 0px;
  right: 0;
}
.home_hero_procedures_wrap .slick-next {
  right: 0;
}
.home_hero_procedures_wrap .slideNumber {
  left: 0;
  right: 0;
  text-align: center;
}
.hero_item_content_second {
  padding: 100px 0 130px 0;
}
  .procedures_hero_cntnt_left {
    margin-bottom: 3.125rem;
  }
  .procedures_hero_cntnt_left h3 {
    max-width: 100%;
  }
}

@media(min-width:992px) {
  .modal.home_modal {
    --bs-modal-width: 680px
  }
}

@media(max-width:991px) {
  .home_about_wrap .max_width_530 {
    max-width: 100%;
    margin-top: 1rem;
  }
.home_surgeons_content, .home_patient_jrney_content, .home_review_content {
    max-width: 100%;
    margin-bottom: 2.5rem;
  }
.reviewer_name_stct {
    min-width: 100px;
  }
.reviewer_name_stct .short_name {
  font-size: 32px;
  width: 80px;
  height: 80px;
  padding: 1rem;
}
.home_review_boxes_wrap {
  gap: 2rem;
}
.about_grid_boxes_wrap {
  grid-template-columns: repeat(2, 1fr);
}
.max_width_666 {
  max-width: 100%;
}
.team_member_details_wrap {
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem 2rem;
}
.blog_posts_wrap {
  gap: 2.5rem 2rem;
}
.team_member_details {
  margin-bottom: 0;
}
.member_name_and_info, .team_member_info {
  height: 100%;
}
.team_member_info {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.team_member_info .btn {
  margin-top: auto;
}
.faq_box .accordion-item:not(:last-child) {
  margin-bottom: 2.5rem;
}
.blog_detail_content .max_width_802 {
  max-width: 100%;
}
.slider_controls {
  bottom: 30px;
}
.slick-prev {
  left: 0px;
  right: 0;
}
.slick-next {
  right: 0;
}
.slideNumber {
  left: 0;
  right: 0;
  text-align: center;
}
.hero_item > img {
    position: absolute;
    z-index: -1;
  }
  .hero_item_content, .hero_item_content_second {
  transform: none;
  z-index: 1;
  position: static !important;
  padding: 100px 0;
}
.hero_item::after {
  z-index: -1;
}
.procedures_rt_inner_main_cntnt, .procedures_rt_inner_main_cntnt .procedures_sub_cntnt h4 {
  max-width: 100%;
}
}

@media (max-width: 767px) {
  .offcanvas.offcanvas-end {
    width: calc(100% - 20px);
  }

  header:has(.navbar_dark) + .section_padding{padding-top: 6rem !important;}
      header:has(.navbar_dark) + .section_padding {
        padding-bottom: 1rem;
    }

  h1,
  .h1-heading {
    font-size: 2.75rem;
  }

  h2,
  .h2-heading {
    font-size: 1.785rem;
  }
  .hero_cntnt_left h1, .hero_cntnt_left h2 {
    font-size: 1.625rem;
  }
  .hero_cntnt_right img {
    max-height: 100px;
  }
  .contact_cntnt_wrap {
    padding-right: calc(var(--bs-gutter-x) * .5);
  }
.home_patient_jrney_boxes_wrap {
  grid-template-columns: repeat(1, 1fr);
}
.team_member_details_wrap {
  grid-template-columns: repeat(1, 1fr);
  gap: 2.5rem;
}
.blog_posts_wrap {
  grid-template-columns: repeat(1, 1fr);
  gap: 2.5rem;
}
.team_member_details .max_width_394 {
  max-width: 530px;
}
.procedures_outer_wrap .home_surgeons_content img {
  max-height: 400px;
  object-fit: cover;
}
  .procedures_grid_boxes_wrap {
    gap: 2rem;
  }
  .blog_posts_featured_img img {
    max-height: 550px;
  }
  .navbar-brand img, .foot_logo a img {
    max-height: 30px;
  }
      .process_box_wrap:not(:last-child) {margin-bottom: 1.125rem;}
      .section_padding{padding-top: 1.125rem !important;}
          .home_surgeons_content, .home_patient_jrney_content, .home_review_content {margin-bottom: 1rem !important;}
          .dflt_btn{padding: 14px 15px 12px;}
              .hm_patient_jrney_cntnt {
        padding: 1rem 1rem;
    }
    
}

@media(max-width: 675px) {
.foot_right_wrap {
  flex-wrap: wrap;
}
.foot_right_wrap .foot_col_1 {
  width: 40%;
  order: 1;
}
.foot_right_wrap .foot_col_2 {
  width: 100%;
  order: 3;
}
.foot_right_wrap .foot_col_2 ul {
  grid-template-columns: repeat(2, 1fr);
  gap: 0 2rem;
}
.foot_right_wrap .foot_col_3 {
  width: 53%;
  order: 2;
}
.home_surgeons_boxes_wrap, .about_grid_boxes_wrap {
  grid-template-columns: repeat(1, 1fr);
}
.home_surgeons_wrap .home_contact_text h3, .home_surgeons_wrap .pre_heading{margin-bottom: 10px !important;}

}

@media(max-width: 500px) {
  .foot_right_wrap .foot_col_1 {
    width: 100%;
    order: 1;
  }
  .foot_right_wrap .foot_col_2 {
    width: 100%;
    order: 2;
  }
  .foot_right_wrap .foot_col_2 ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
  .foot_right_wrap .foot_col_3 {
    width: 100%;
    order: 3;
  }
}


.not_found_cont{display:flex;justify-content: center;padding:5vw 0}
.not_found_cont a.btn.dflt_btn{width:auto;}
.faq-hidden { display: none !important;}
.hm_patient_jrney_img img{max-height:22vw;object-fit: cover;object-position: top;}
.single-post .blog_detail_content h2{font-size: 24px;}
.single-post .blog_detail_content h3{font-size: 21px;}
.offMap{margin-top:20px}
.page-template-page-template .home_surgeons_wrap{padding-top: 0 !important;padding-bottom: 4vw !important;}
.page-template-page-template .home_surgeons_wrap video{height: 58vw !important;}
.page-template-page-template .home_about_wrap{padding-bottom: 3vw !important;}

@media(min-width: 2000px) {
  .hm_patient_jrney_img img{max-height: 17vw;}
}

@media(max-width: 767px) {
  .hm_patient_jrney_img img{max-height: 75vw;}
  .single-post .blog_detail_content h2{font-size: 20px !important;line-height: 27px}
  .blog_detail_content .max_width_802 > *:not(:last-child){margin-bottom: 1rem;}
  .single-post .blog_detail_content h3{font-size: 18px;}
  header:has(.navbar.fixed-navbar)+.home_hero_wrap, header:has(.navbar.fixed-navbar)+div{padding-top: 70px;}
}