/*UI14041994*/
header {
  position: fixed;
  width: 100%;
  transition: 0.5s ease-in-out;
  z-index: 999;
  
}

header::before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 7, 35, 1) 50%, rgba(255, 255, 255, 0) 100%);
  content: "";
  z-index: -1;
}

header .navbar-brand .main_logo {
  width: 31.5rem;
  height: 100%;
  transition: 1s ease-in-out;
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -ms-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  background: var(--color_blue);
  display: flex;
  align-items: center;
}

header.sticky {
  padding-block: 0rem;
  background: var(--color_white);
  top: -6.7rem;
  transition: .5s ease-in-out;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -ms-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  box-shadow: 0 4px 4px rgba(0,0,0,0.10);
}

header.sticky::before {
  display: none;
}

header.sticky .great_place {
  display: none;
}

header .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}

header .great_place {
  position: absolute;
  right: -12.5rem;
  top: -6.4rem;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
}

header .navbar_nav {
  width: calc(100% - 31.5rem);
  background: var(--color_white);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  padding: 2rem 2.4rem;
  gap: 2.5rem;
}

header .navbar_nav li a {
  font: var(--font18);
  color: var(--color343);
  font-weight: 600;
}

header .navbar_nav li a:hover {
  color: var(--color94);
}

header .navbar_nav li a svg {
  stroke: var(--color056);
  margin-left: .7rem;
}

header .navbar_nav li a:hover svg {
  stroke: var(--color94);
}

header .navbar_nav li .btn_hovefct {
  padding: 2rem 4.2rem;
  background: var(--color_blue);
  color: var(--color_white);
  height: auto;
  border-radius: 20rem;
  font-weight: 400;
}

header .navbar_nav li .btn_hovefct:hover {
  color: var(--color_white);
}

header .navbar_nav li:first-child {
  width: 12.2rem;
  margin-right: auto;
}

header .top_header {
  padding-block: 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

header .top_header .phone_num {
  display: flex;
  flex-wrap: wrap;
  gap: 1.4rem;
}
.top_left{ display: flex; align-items: center; gap: 2rem;}
header .top_header .phone_num svg {
  fill: var(--color94);
}

header .top_header .phone_num a {
  font: var(--font16);
  font-family: var(--manrope);
  color: var(--color_white);
  font-weight: var(--font_normal);
}

header .top_header .social_icon {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 2.1rem;
}

/*-=======-UI1404194--Css-end-======--*/

.mega_menu {
  position: absolute;
  top: 100%;
  background: rgb(46 46 46 / 95%);
  left: 0;
  width: 100%;
  display: none;
  opacity: 0;
  height: 100vh;

}

.nav-item.has_megamenu:hover>a::after {
  width: 100%;
  height: 20rem;
  background: transparent;
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
}

.has_megamenu:hover .mega_menu {
  display: block;
  opacity: 1;
}

.has_megamenu:hover .nav-link {
  color: var(--color_red);
}

.mega_menu .mega_inner {
  background: var(--color_white);
  padding-block: 11rem 6.1rem;
  width: 100%;
  height: auto;
}

.mega_menu .mega_inner .mgbox_wrap blockquote {
  border-bottom: .2rem solid rgb(209 33 36 / 53%);
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  font: var(--font18);
  font-weight: 500;
  color: var(--color_black);
}

.mega_menu .mega_inner .row {
  --bs-gutter-x: 6.8rem
}

.mega_menu .mega_inner .mgbox_wrap ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.mega_menu .mega_inner .mgbox_wrap ul li {
  width: 50%;
}

.mega_menu .mega_inner .mgbox_wrap ul li a {
  font: var(--font12);
  color: var(--color27);
}

.mega_menu .mega_inner .mgbox_wrap ul li a:hover {
  color: var(--color_red);
}

.mega_menu .mega_inner .mgbox_wrap ul li:not(:last-child) a {
  margin-bottom: 2rem;
}

/* .mega_menu .mega_fact {} */
.mega_menu .mega_fact ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: var(--color_red);
  max-width: 100%;
  margin-left: auto;
}

.mega_menu .mega_fact .col-lg-9.offset-lg-3.position-relative::before {
  background: var(--color_red);
  width: 100vw;
  position: absolute;
  right: 0;
  height: 100%;
  content: "";
  left: 100%;
}


.mega_menu .mega_fact ul li {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  padding: 2.8rem 0 3.5rem 4rem;
}

.mega_menu .mega_fact ul li:not(:first-child) {
  padding-left: 3rem;
  border-left: .1rem solid rgb(255 255 255 / 32%)
}

.mega_menu .mega_fact ul li blockquote {
  font: var(--font30);
  color: var(--color_white);
  font-weight: 500;
}

.mega_menu .mega_fact ul li p {
  font: var(--font12);
  color: var(--color_white);
  font-weight: 300;
  line-height: 1.3;
}

.mega_menu .mega_fact ul li p span {
  display: block;
}

body.header-sticky header .mega_menu .mega_inner {
  padding-block: 9rem 4.1rem;
}

body.header-sticky header .mega_menu .mega_fact ul li {
  padding: 3rem 0 3rem 5rem;
}

.specialities_mgwrapper .mgbox_wrap ul li {
  width: 100% !important;
}

.mega_menu .mega_inner .specialities_mgwrapper .mgbox_wrap ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.specialities_mgwrapper figure {
  height: auto;
}

.specialities_mgwrapper .container-fluid {
  padding-left: 8rem;
}

/*-=======-Mega Menu-Css-end-======--*/


.hembugrside_menu {
  width: 59.5%;
  height: auto;
  position: fixed;
  right: 0;
  top: 100%;
  z-index: 99;
  opacity: 1;
  background: var(--color_red);
  padding-top: 4.1rem;
  transition: .5s ease-in-out;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -ms-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  border-top: .5rem solid var(--maroon);
}

.hembugrside_menu .close_icon {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding-right: 0;
  max-width: 93%;
  margin-right: auto;
}

.hembugrside_menu .close_icon svg {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}

.hembugrside_menu .close_icon:hover svg {
  stroke: var(--color_blue);
}

.hembugrside_menu .close_icon svg {
  stroke: var(--color_white);
}

.hembugrside_menu.open-slide {
  opacity: 1;
  top: 4.3rem;
}

.no-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
  padding-right: 1rem;
}

body::before {
  width: 100%;
  height: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  background: rgb(46 46 46 / 95%);
  content: "";
  z-index: 2;
  transition: .5s ease-in-out;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -ms-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
}

body.no-scroll::before {
  width: 100%;
  height: 100vh;
  opacity: 1;
  top: 0;
}

.hmtop_menu {
  padding: 0 13.3rem 4.4rem 9rem;
}

.hmtop_menu .row {
  --bs-gutter-x: 7.7rem
}

.hmtop_menu .topmenu_box blockquote {
  font: var(--font18);
  color: var(--color_white);
  font-weight: normal;
  padding-bottom: 1.8rem;
  margin-bottom: 2rem;
  border-bottom: .1rem solid rgb(255 255 255 / 30%);
}

.hmtop_menu .topmenu_box ul li:not(:last-child) a {
  margin-bottom: .6rem;
}

.hmtop_menu .topmenu_box ul li a {
  font: var(--font12);
  color: var(--color_white);
  font-weight: normal;
  opacity: .9;
}

.hmtop_menu .topmenu_box ul li a:hover {
  color: var(--color_blue);
}

.hmtop_menu .topmenu_box ul:has(+ blockquote) {
  margin-bottom: 4rem;
}

.hmtop_menu .topmenu_box .hbmain_link {
  margin-top: 7.6rem;
}

.hmtop_menu .topmenu_box .hbmain_link li a {
  padding-block: 1.6rem;
  font: var(--font18);
  color: var(--color_white);
  font-weight: normal;
  margin: 0;
}

.hmtop_menu .topmenu_box .hbmain_link li:not(:last-child) a {
  border-bottom: .1rem solid rgb(255 255 255 / 30%);
  margin: 0;
}

.hmbottom_menu {
  padding: 4.9rem 13.3rem 4.9rem 9rem;
  background: var(--color_white);
}

.hmbottom_menu .app_info blockquote,
.hmbottom_menu .hmsocial_media blockquote {
  font: var(--font18);
  color: var(--color27);
  font-weight: normal;
  margin-bottom: 2.6rem;
}

.hmbottom_menu .app_info ul {
  display: flex;
  gap: 2rem;
}

.hmbottom_menu .app_info ul li a {
  margin-bottom: 0;
}

.hmbottom_menu .hmsocial_media ul {
  display: flex;
  flex-wrap: wrap;
}

.hmbottom_menu .hmsocial_media ul li a {
  box-shadow: .2rem .2rem .5rem #d7d2d2;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.hmbottom_menu .hmsocial_media ul li a:hover {
  box-shadow: .2rem .2rem .5rem var(--color_red);
}

.hmbottom_menu .hmsocial_media ul li:not(:last-child) a {
  margin-right: .5rem;
}

/*-=======-hembugrside_menu-Css-end-======--*/

/*-------inner-header-css-start--------*/


.appointment_btn {
  display: flex;
  gap: .5rem;
  justify-content: flex-end;
}

.appointment_btn .container-fluid {
  background: transparent;
}

.appointment_btn li a {
  display: flex;
  font: var(--font15);
  line-height: var(--line-height-24);
}

.appointment_btn li a blockquote {
  font: var(--font15);
  color: var(--color_white);
}

.appointment_btn li {
  display: flex;
  background-color: #4c4c4c;
  color: var(--color_white);
  font: var(--font15);
  line-height: var(--line-height-24);
  padding: .5rem 1.7rem;
  position: relative;
  z-index: 1;
  transition: ease-out .4s;
  -webkit-transition: ease-out .4s;
  -moz-transition: ease-out .4s;
  -ms-transition: ease-out .4s;
  -o-transition: ease-out .4s;
}

.appointment_btn li::before {
  width: .3rem;
  height: 100%;
  background: var(--color_yellow);
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  z-index: -1;
  transition: .5s ease-out;
  -webkit-transition: .5s ease-out;
  -moz-transition: .5s ease-out;
  -ms-transition: .5s ease-out;
  -o-transition: .5s ease-out;
}

.appointment_btn li:nth-of-type(2)::before {
  background: var(--color_red);
}

.appointment_btn li:nth-of-type(3)::before {
  background: var(--color_skyblue);
}

.appointment_btn li:hover::before {
  width: 100%;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  animation-duration: .1;
}

.appointment_btn figure {
  filter: brightness(0) invert(1);
  padding-right: 1.4rem;
}

.appointment_btn figure img {
  height: 2rem;
}

body.header-sticky .appointment_btn li {
  padding: .5rem 1.7rem;
}

body.header-sticky .appointment_btn {
  gap: .5rem;
}

.find_doctor .container-fluid {
  max-width: 1920px;
  margin-inline: auto;
}

/*-------inner-header-css-end--------*/



@media (min-width:1801px) {
  /* .navbar-expand-lg .navbar-nav .nav-item:not(:last-child) {
    margin-right: 1.6rem;
  }*/

  header.sticky .dropdown-content {
    top: 6rem;
  }

  .dropdown>a::after {
    top: 4rem;
  }

  header .top_header ul li .icon_wrap img {
    width: 1.2rem;
  }

  .mega_menu .mega_inner .row {
    --bs-gutter-x: 7.8rem
  }

  .mega_menu .mega_inner .mgbox_wrap .view_allbtn {
    margin-top: 1rem;
  }

  .mega_menu .mega_fact ul li {
    padding: 3rem 0 4rem 5rem;
  }

  .mega_menu .mega_fact ul li:not(:first-child) {
    padding-left: 4rem;
  }

  .hembugrside_menu .close_icon svg {
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
  }

  .hmbottom_menu .app_info ul li img {
    width: 16rem;
  }

  .hmbottom_menu .hmsocial_media ul li a img {
    width: 4rem;
    height: auto;
  }

  .appointment_btn li {
    padding: 1rem 2rem;
  }

  .appointment_btn li::before {
    width: .5rem;
  }

  .appointment_btn {
    gap: 0.8rem;
  }

  .appointment_btn figure img {
    height: 2.8rem;
  }
}

/*-1921-css-end--*/



/* @media (max-width: 1440px) {
  header .need_helpbtn {right: 2.5rem;}
} */

/*--1440-end--*/


@media (max-width: 1399px) {
  header {
    padding-top: .5rem;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-inline: 0rem;
  }

  header .need_helpbtn {
    margin-right: 0;
  }

  .navbar-expand-lg .navbar-nav {
    gap: 1.5rem;
  }

  header .navbar-brand .main_logo img {
    width: 23rem;
    height: auto;
  }
}

/*--1399-end--*/

@media (max-width: 1280px) {}

/*--1280-end--*/

@media (max-width: 1200px) {
  .hembugrside_menu {
    width: 72%;
  }

  .mega_menu .mega_inner .row {
    --bs-gutter-x: 2rem;
  }

  .specialities_mgwrapper .col-lg-4:first-child ul {
    padding-left: 3rem;
  }

  .mega_fact .col-lg-9.offset-lg-3.pe-lg-0.position-relative {
    padding-left: 2rem;
  }

}

@media (max-width: 1199px) {

  header .navbar-brand .main_logo img,
  header .navbar-brand .main_logo {
    width: 20rem;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding: .5rem;
    font-size: 1.4rem;
  }

  .navbar-expand-lg .navbar-nav {
    gap: 1rem;
  }

}

/*--1199-end--*/
/* @media (max-width: 1050px) {header::after, header.inner-header::after {width: 68rem;}} */
.logo_mobile {
  display: none;
}

.navbar-expand-lg .navbar-nav a.nav-link.active {
  font-weight: bold;
  background: var(--color80);
  padding: .6rem 1.8rem;
}

header .play_applebtn {
  display: none;
}

@media (max-width: 991px) {
  header {
    padding: 1.6rem;
    background: var(--color_white);
  }

  header .need_helpbtn {
    display: none;
  }

  header .navbar-brand .main_logo img,
  header .navbar-brand .main_logo {
    width: 16rem;
  }

  header .play_applebtn {
    display: flex;
    flex-wrap: wrap;
  }

  header .play_applebtn li {
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    box-shadow: 0px 3px 6px #00000029;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  header .play_applebtn li:not(:last-child) {
    margin-right: 1.5rem;
  }

}

/*--991-end--*/

@media (max-width:767px) {}

/*--1767-end--*/

@media (max-width:575px) {
  nav.navbar.navbar-expand-lg.navbar-light {
    padding: 0;
  }

  header {
    padding: 1.2rem 1.6rem;
  }
}

/*--575-end--*/


@media (max-width:650px) {}

@media (max-width:320px) {}

/*--320-end--*/

/* header css starts here */
header .navbar-brand .main_logo {
  justify-content: center;
  position: relative;
}

.logo-border {
  width: 1px;
  height: 43px;
  background-color: var(--color94);
  position: absolute;
  left: auto;
  right: .6rem;
  z-index: 1;
  display: none;
}

.navbar_nav li {
  position: relative;
}
.navbar_nav>li:last-child{ margin-left: 1rem;}

header .navbar_nav li>ul {
  position: absolute;
  background: var(--color94);
  padding:1.5rem 0rem 1rem;
  width: 265px;
  left: 0;
  top: 6.3rem;
  display: none;
  box-shadow: 0px 3px 6px #00000029;
border-radius: 0px 0px 15px 15px;
}

header .navbar_nav li>ul>li {
  display: block;
  width: 100%;
}

header .navbar_nav li>ul>li>a {
  display: block;
  width: 100%;
  /* border-bottom: 1px solid #dedede; */
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  font: var(--font16);
  font-weight: 400;
  color: var(--color_white);
  border-left: 4px solid transparent;
  padding-left: 1.5rem;
}
header .navbar_nav li>ul>li>a:hover{
  color: #FFBB00;
  font-weight: 600;
  border-left: 4px solid #FFBB00;
}
header .navbar_nav li a:hover::after {
  content: "";
  width: auto;
  height: 5rem;
  padding-bottom: 0;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}


header .navbar_nav li .submenu li {
  width: 100%;
}

header .navbar_nav li:hover>ul {
  display: block;
}

.desktop-humburger-menu {
  position: fixed;
  height: 100%;
  top: 0;
  right: -100%;
  width: 100%;
  transition: .5s linear;
  background: rgb(18 18 18 / 90%);
  display: flex;
  z-index: 999;
  visibility: hidden;
  display: flex;
  backdrop-filter: blur(5px);
}

.desktop-humburger-menu.show {
  overflow-y: scroll;
  transition: .5s linear;
  visibility: visible;
  opacity: 1;
  right: 0;
}

.mega_header {
  width: 504px;
  margin-left: auto;
  row-gap: 0;
  height: 100%;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  background: #fff;
  overflow-y: auto;
}

.hambmenu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-block: 11.2rem 4.5rem;
  padding-inline: 5.5rem;
}

.hamb_panel {
  margin-top: 0;
  padding-inline: 5.5rem 4rem;
  padding-block: 0 8rem;
}

.ham_close {
  right: 15px;
  top: 15px;
  position: absolute;
  z-index: 30;
}

.ham_close img {
  width: 31px;
  border: 1px solid #E2E2E2;
  border-radius: 50%;
  padding: 3px;
}

.hambmenu>ul>li>a {
  font: var(--font30);
  color: var(--colore72);
  display: block;
  padding-bottom: 1.8rem;
  line-height: 3.6rem;
  font-weight: 700;
}

.hambmenu>ul>li:last-child>a {
  padding-bottom: 2rem;
}

.hamb_panel .abt-why {
  display: flex;
  flex-direction: row;
  text-align: start;
  margin-bottom: 3rem;
}

.hamb_panel .abt-why-icon {
  display: inline-flex;
  flex: 0 0 auto;
  margin-bottom: unset;
  margin-left: 0;
  margin-right: 2.5rem;
}

.hamb_panel .abt-why-icon figure {
  line-height: 1;
  transition: all .3s;
  padding: 2.9rem 2.4rem;
  background-color: var(--color94);
  fill: var(--color_white);
  color: var(--color_white);
  width: 78px;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hamb_panel .abt-why-cont {
  flex-grow: 1;
}

.hamb_panel .abt-why-ttl {
  font: var(--font21);
  color: var(--colore52);
  margin-block: 0 .5rem;
  line-height: 3rem;
}

.hamb_panel .abt-why-choose p {
  max-width: 100%;
  font: var(--font21);
  color: var(--colore72);
  margin-right: 2rem;
  font-weight: 400;
  line-height: 1.4;
}

.hamb_panel .abt-why-choose p a {
  font: var(--font21);
  font-weight: 400;
}

.hamb_panel .abt-why-icon figure img {
  width: 30px;
  height: 30px;
}

.hambmenu>ul>li>a:hover,
.hamb_panel .abt-why-choose p a:hover {
  color: var(--color94);
}

header .navbar-brand .main_logo img {
  width: 250px;
}

header .top_header .social_icon {
  gap: 2.3rem;
  margin-right: .8rem;
}

header .great_place {
  right: -13.5rem;
  top: -6.5rem;
}

header .top_header .phone_num a {
  font-weight: normal;
}

header .top_header {
  padding-block: 1.4rem 1.3rem;
}

.home_header .navbar_nav>li:last-child>a svg {
  margin-left: 0;
  margin-top: .5rem;
}

header .navbar_nav li .btn_hovefct {
  padding: 1.3rem 2.1rem 1.5rem;
}

header .navbar_nav li a svg {
  margin-left: .5rem;
}

.hambmenu>ul {
  position: relative;
  border: none;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #707070;
}

/* .hambmenu > ul:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  background-image: url(../images/bottom-border-line-slide.svg);
  height: 1px;
} */
.main-img {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  z-index: -9;
  height: 100%;
  padding: 0;
}

.desktop-humburger-menu::-webkit-scrollbar {
  width: 0;
}

.hamb_panel .abt-why-choose {
  margin: 0;
}

@media (max-width: 1780px) {
  header .navbar-brand .main_logo img {
    width: 200px;
  }

  header .navbar-brand .main_logo {
    width: 24.5rem;
  }

  header .navbar_nav {
    width: calc(100% - 24.5rem);
  }
}



@media (max-width: 1649px) {
  header .navbar_nav {
    gap: 1.5rem;
  }

  /* header .navbar_nav li a{
            font: var(--font17);
        font-weight: normal;
  } */
  header .navbar_nav li .btn_hovefct {
    padding: 1.2rem 2rem;
  }

  header .navbar_nav li a svg {
    margin-left: .2rem;
  }

  /* header {padding-top: 1rem;} */
  header .need_helpbtn {
    margin-top: -1.5rem;
  }

  .navbar-expand-lg .navbar-nav .nav-item:not(:last-child) {
    margin-right: 0;
  }

  header .need_helpbtn {
    margin-right: 0;
  }

  header .great_place {
    right: -12.3rem;
  }

  .hamb_panel .abt-why-cont {
    max-width: 70%;
  }

}


@media screen and (max-width: 1755px) and (min-width: 1650px) {
  .great_place img {
    width: 83px;
  }

  header .great_place {
    right: -8rem;
    top: -6.5rem;
  }
}

@media screen and (max-width: 1480px) and (min-width: 1366px) {
  .great_place img {
    width: 101px;
  }

  header .great_place {
    right: -11rem;
    top: -6.5rem;
  }

}

@media screen and (max-width: 1365px) and (min-width: 1281px) {

  header .great_place {
    right: -8.5rem;
    top: -6.5rem;
  }

  .great_place img {
    width: 89px;
  }

  header .great_place {
    right: -11.3rem;
  }
}

@media screen and (max-width: 1280px) and (min-width: 1199px) {
  .great_place img {
    width: 50px;
  }

  header .great_place {
    right: -4.5rem;
    top: -6.5rem;
  }

  header .great_place {
    right: -8.5rem;
    top: -6.5rem;
  }

  .great_place img {
    width: 85px;
    margin-right: 0rem;
  }
}







@media (max-width: 1399px) {
  header {
    padding-top: 0;
  }
}

@media (max-width: 1366px) {
  header .navbar-brand .main_logo img {
    width: 178px;
  }

  header .navbar-brand .main_logo {
    width: 21.5rem;
  }

  header .navbar_nav {
    width: calc(100% - 21.5rem);
  }

  header .navbar_nav li .btn_hovefct {
    padding: 1rem 1.5rem;
  }

  header .navbar_nav {
    gap: 1rem;
    padding: 1.5rem 2.4rem;
  }

  header .navbar_nav li:first-child {
    width: 10rem;
  }
}

@media (max-width: 1199px) {
  header .navbar-brand .main_logo img {
    width: 140px;
  }

  header .navbar-brand .main_logo {
    width: 17.5rem;
  }

  header .navbar_nav {
    width: calc(100% - 17.5rem);
  }

  header .navbar_nav li .btn_hovefct {
    padding: .8rem 1.2rem;
  }

  .home_header .navbar_nav>li:last-child>a svg {
    width: 22px;
  }

  header .navbar_nav li a {
    font: var(--font14);
    font-weight: 400;
  }

  header .navbar_nav li a svg {
    width: 9px;
  }

  header .great_place img {
    width: 76px;
  }

      header .great_place {
        right: -5.8rem;
        top: -6.5rem;
    }
  header .great_place img {
        width: 62px;
    }

}

@media (min-width: 992px) {
  .navbar_nav.navbar_nav_mobile {
    display: none;
  }
}

@media (max-width: 991px) {
  header .great_place {
    display: none;
  }

  .navbar_nav.navbar_nav_desktop {
    display: none;
  }

  header {
    background-color: transparent;
  }

  header .top_header {
    display: none;
  }

  .navbar_nav li:last-child {
    display: none;
  }

  header .navbar-brand .main_logo {
    width: 100%;
    margin: 0 auto;
  }

  .navbar-brand {
    width: 70%;
    background: var(--color_blue);
  }

  header .navbar_nav {
    width: 30%;
  }

  header .navbar-brand .main_logo img {
    width: 250px;
  }

  header .navbar_nav li:first-child {
    width: 12.2rem;
  }

  header {
    padding: 3rem 0;
  }

  header.sticky {
    top: 0;
  }
}

@media (min-width: 768px) {
  .header-top-border {
    display: none;
  }
}

@media (max-width: 767px) {
  header .navbar_nav {
    padding: 1rem 1.2rem;
  }

  header .navbar-brand .main_logo img {
    width: 200px;
  }

  header .navbar-brand .main_logo {
    padding: 1.5rem 0;
  }

  header {
    border-top: 3px solid #076A94;
    width: 100%;
  }

  header:after {
    content: "";
    position: absolute;
    top: -3px;
    left: auto;
    right: 0;
    border-top: 3px solid red;
    width: 30%;
  }

  header.home_header.sticky {
    border: none;
  }

  header.home_header.sticky:after {
    display: none;
  }
}

@media (max-width: 575px) {
  header:after {
    width: 22%;
  }
}

/* header css ends here */

/* search css starts here */

.head_search svg{stroke:#fff;}
.search{align-items:center;background:var(--color_blue);height:0;display:flex;justify-content:center;opacity:0;position:fixed;transition:all 0.5s;width:100vw;will-change:transform,opacity;z-index:-1;}
.search.open{opacity:1;height:100%;z-index:9999;}
.close-btn{display:none;color:#fff;font-size:2rem;position:absolute;top:0.5rem;right:2rem;}
.search.open a.close-btn{opacity:1;z-index:999999;visibility:visible;display:block;right:5rem;top:3rem;}
.close-btn img{width:2.5rem;cursor:pointer;}
.search-name{display:flex;width:100rem;justify-content:center;align-items:center;}
.search-name div{width:100%;display:flex;align-items:center;}
.searchbox{background:transparent;border-width:0 0 1px 0;color:#fff;flex:1 0 auto;font-size:2rem;height:2rem;max-width:100%;outline:0;padding:2rem 3rem 2rem 0rem;width:100%;border-bottom:1px solid #fff;}
.search-name a{margin-left:-2rem;}
.searchbox::placeholder{color:#ffffff;}
.searchbox::-ms-input-placeholder{color:#ffffff;}

/* search css ends here */