/* 16, 18, 22, 36, 42, 48, */

body, html {
    font-family: "Instrument Sans", sans-serif;
    background: linear-gradient(180deg, rgba(102, 174, 255, 0) 0%, rgb(140 206 255 / 4%) 18.75%, rgba(168, 230, 255, 0.12) 45.48%, rgba(159, 222, 255, 0.1) 62.98%, rgba(173, 234, 255, 0.08) 77.88%, rgba(175, 236, 255, 0.06) 87.5%, rgba(178, 238, 255, 0) 100%); 
    overflow-x: hidden;
    scroll-behavior: smooth;
}

a:hover,
a { text-decoration: none; }

/* Icons */
i.phone-ico { background: url(/assets/img/694f156a636a1c0ccc65.svg); display: block; width: 16px; height: 16px; }
i.play-ico { background: url(/assets/img/72ac450b4b77e06b22d9.svg); display: block; width: 32px; height: 32px; }
i.footer-phone-ico { background: url(/assets/img/d319a4b89770ccdd01fa.svg); display: block; width: 23px; height: 23px; }
i.footer-mail-ico { background: url(/assets/img/9937a37e0df52935fbd6.svg); display: block; width: 23px; height: 23px; }
i.footer-address-ico { background: url(/assets/img/327b6086d2811e18e7ee.svg); display: block; width: 23px; height: 31px; }
i.instagram-ico { background: url(/assets/img/a687e1fe3975b4fc2bd1.svg); display: block; width: 19.5px; height: 19.5px; }
i.meta-ico { background: url(/assets/img/232302351aa03fa5865e.svg); display: block; width: 21px; height: 15px; }
i.youtube-ico { background: url(/assets/img/156a662b8492336fbc6e.svg); display: block; width: 22px; height: 16.5px; }
i.send-ico { background: url(/assets/img/71bfa29d1ecfa379f2ee.svg); display: block; width: 17px; height: 17px; }
i.slider-arrow-right { background: url(/assets/img/aea61231c541f2255841.svg); display: block; width: 28px; height: 28px; }
i.slider-arrow-left { background: url(/assets/img/aea61231c541f2255841.svg); display: block; width: 28px; height: 28px; transform: rotate(180deg); }
i.people-ico { background: url(/assets/img/41ca804feafdf2814a70.svg); display: block; width: 36px; height: 28px; }
i.search-ico { background: url(/assets/img/b77602f24609d99d423f.svg); display: block; width: 19px; height: 19px; }
/* Buttons */
.btn { border-radius: 30px; padding: 14px 20px; display: inline-block; text-decoration: none; }
.btn.primary { background-color: #113064; color: #fff; transition: all .2s ease-in-out; border: 1px solid transparent }
.btn.btn.primary { text-decoration: none; }
.btn.primary:hover:not(.noHover) { background-color: #fff; color: #113064; border: 1px solid #113064; }
.btn.primary.withIcon span { margin-left: 10px; }
.btn.videoLink { background-color: #F6F6F6; color: #404040; }
.btn.cardBtn { border: 1px solid #E3E3E3; font-size: 14px; font-weight: 500; font-family: "Instrument Sans", sans-serif; color: #363636; transition: .2s all ease-in-out; }
.btn.cardBtn:hover { border: 1px solid #113064; background-color: #fff; text-decoration: none; }
.btn.formBtn { background-color: #113064; color: #fff; padding-inline: 35px; cursor: pointer; }
.btn.btnOther { border: 1px solid #fff; border-radius: 30px; background-color: #FFFFFF; color: #0B234D; text-decoration: none; transition: .2s all ease-in-out; cursor: pointer; }
.btn.btnOther:hover { background-color: #0B234D; color: #fff; }
.btn.btnBorder { border: 1px solid #fff; background-color: transparent; color: #fff; text-decoration: none; }
.btn.btnBorder:hover { background-color: #113064; }
.opacity-0 { opacity: 0; }

.lang { margin-left: 15px; cursor: pointer; font-family: "Instrument Serif", sans-serif; }
.customContainer { max-width: 100%; margin: 0 100px; }
.customContainer-nav { max-width: 100%; margin: 0 92px; }

div.mobile { margin-left: 15px; margin-top: 0; }
div.mobile span { font-size: 28px;cursor: pointer; display: none; }
#menu > div { background-color: #fff; display: flex; flex-direction: column; height: 100%; justify-content: space-between; }
#menu > div img { max-width: 110px; }
#menu > div > .list { flex: 1; display: flex; align-items: center; }
#menu ul { list-style-type: none; margin: 0; padding: 0; width: 100%;  }
#menu ul li { border-bottom: 1px solid #172D52; padding: 15px 0px; }
#menu ul li:last-child {  border: 0;}
#menu ul li a { color: #172D52; font-size: 2rem; }
.isOpened div.nav { left: 350px; }

/* forms */
div.inputButton { border: 1px solid #BDBDBD; border-radius: 10px; display: flex; justify-content: center; max-width: 294px; padding-right: 22px; }
div.inputButton input { border: 0; height: 40px; margin: 2px; flex: 1; outline: 0; padding-left: 22px; }
div.inputButton input::placeholder, 
div.inputButton input { font-family: 'Instrument Serif', sans-serif; font-size: 18px; }
form button { outline: none; background-color: transparent; border: 0; padding: 0; }
select.primary,
input.primary { border-radius: 30px; height: 48px; border: 1px solid #172D52; font-size: 18px; font-family: "Instrument Sans"; padding-left: 35px; box-sizing: border-box; outline: 0; background-color: #fff; color: #6A6A6A; max-width: 226px; }
select.primary { padding-left: 25px; width: 226px; padding-right: 20px; appearance: none; }
input.primary::placeholder { font-size: 18px; font-family: "Instrument Sans"; }
input.other { background-color: transparent; }

div.inputControls textarea::placeholder,
div.contactPage div.inputControls select,
div.inputControls input[type="text"]::placeholder { font-size: 18px; font-family: "Instrument Serif", sans-serif; }
div.inputControls textarea { display: block; appearance: none; border-radius: 10px; outline: 0; width: 100%; resize: none; border-color: #BDBDBD; height: 143px; padding-left: 12px; padding-top: 20px; font-family: "Instrument Serif", sans-serif; font-size: 18px; box-sizing: border-box; }
div.inputControls input[type="text"] { display: block; font-size: 18px; border-radius: 10px; outline: 0; border: 1px solid #BDBDBD; padding: 12px 20px; box-sizing: border-box; width: 100%; }
div.contactPage div.inputControls select { display: block;  width: 100%; outline: none; padding: 10px 20px; border-radius: 10px; border: 1px solid #BDBDBD; box-sizing: border-box; font-size: 18px; color: #666; }

div.nav { border-radius: 20px; background-color: #F4F4F3E5; padding: 10px 0; margin: 8px; left: 8px; position: relative; transition: left .3s ease-out;  }
div.nav button { border: 0; margin-right: 15px; padding: 0; font-family: "Instrument Serif", sans-serif; }
div.nav .uk-drop { padding: 15px!important; min-width: 100px }
div.nav::after { content: ""; filter: blur(5px); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background-color: rgba(255,255,255, 0.5); overflow: hidden; }
div.nav ul { list-style-type: none; margin: 0; padding: 0; display: flex; }
div.nav ul li { margin-right: 22px; }
div.nav ul li:last-child { margin-right: 0; }
div.nav ul li a { color: #0B234D; text-decoration: none; }
div.nav .contactBtn { color: inherit; text-decoration: none; }
div.nav img { width: 130px; }
div.nav .noHover:hover { font-weight: 500; background-color: #113064; }

.homepage.promo { margin-top: 5px; text-align: center; padding-inline: 8px; margin-top: 8px; }
.homepage.promo picture { position: relative; display: block; border-radius: 30px; }
.homepage.promo picture::after { content: ""; background: linear-gradient(to right, #2A2A2A, #00000000); position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 30px; }
.homepage.promo h1 { color: #F5F5F4; font-size: 48px; font-family: "Instrument Serif"; text-align: left; max-width: 65%; }
.homepage.promo p { color: #F5F5F4; max-width: 65%; }
.homepage.promo div.buttons a { margin-right: 15px; }
.homepage.promo .position { position: absolute; left: 0; right: 0; top:50%; transform:translateY(-50%); }

.imageCard { margin: 65px 0; }
.imageCard span.title { font-size: 42px; font-family: "Instrument Serif", sans-serif; color: #031432; display: block; }
.imageCard span.subtitle { font-size: 28px; font-family: "Instrument Serif", sans-serif; color: #000; } 
.imageCard p { font-size: 16px;  font-family: "Instrument Sans", sans-serif; color: #172D52; }
.imageCard ul li { color: #172D52 }

.smallImageCard { background-color: #fff; border-radius: 20px; padding: 13px 9px; margin-top: 21px; }
.smallImageCard div.content { padding: 0 20px; }
.smallImageCard.event div.content { padding: 0 12px; }
.smallImageCard.team { text-align: center; margin-top: 0; }
.smallImageCard.blog { display: flex; justify-content: center; flex-direction: row-reverse; background-color: #FAFAFA; }
.smallImageCard.blog div { flex: 1; }
.smallImageCard span.title { font-family: "Instrument Serif", sans-serif; font-size: 24px; text-decoration: underline; margin-top: 25px; display: block; color: #031432; }
.smallImageCard.team span.title { margin-top: 5px; font-size: 24px; }
.doctorsWrapper .slick-slide img { width: 100%; border-radius: 30px; object-fit: cover; }
.smallImageCard p { margin-top: 15px; color: #172D52; min-height: 96px; }
.smallImageCard.team p { margin: 0; }
.smallImageCard.event p { margin-top: 0; }
.smallImageCard img { width: 100%; border-radius: 20px; }
.smallImageCard div.date { font-size: 22px; font-family: "Instrument Serif", sans-serif; padding-right: 20px; margin-right: 20px; position: relative; margin-top: 30px; width: 46px; color: #444444; }
.smallImageCard div.date::after { width: 1px; height: 46px; background-color: #17E172; content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
/* .smallImageCard .btn { margin-bottom: 20px; } */

.sectionTitle h2 { font-family: "Instrument Serif", sans-serif; font-size: 42px; font-weight: 400; }
.sectionTitle p { font-size: 16px; color: #031432; }

ul.verticalMenu { display: flex; list-style-type: none; margin: 0; padding: 0; }
ul.verticalMenu li { margin-right: 15px; }
ul.verticalMenu li:last-child { margin-right: 0; }
ul.verticalMenu li a { color: #172D52; }

ul.socialList { display: flex; justify-content: center; list-style-type: none; margin: 0; padding: 0; }
ul.socialList li { margin-right: 15px; }
ul.socialList li:last-child { margin-right: 0; }

ul.footerMenu { margin: 0;  padding: 0; list-style-type: none; margin-top: 21px; margin-right: 10px; min-width: 236px; width: 100%; }
ul.footerMenu li { margin-bottom: 5px; }
ul.footerMenu li a { color: #172D52; font-size: 14px; }

div.promoOther { width: calc(100% - 16px); margin: 8px; margin-top: 16px; background: linear-gradient(266.91deg, #E3F1FF 49.19%, #7E9ED4 98.09%); border-radius: 20px; padding: 43px 0; position: relative; }
div.promoOther h1 { font-size: 44px; font-family: "Instrument Serif", sans-serif; margin-bottom: 15px; color: #113064; }
div.promoOther p { font-family: "Instrument Sans", sans-serif; font-weight: 500; margin: 0; max-width: 555px; margin-bottom: 30px; color: #1C4874; }
div.promoOther.spacer { padding: 90px 0; }

ul.switcher { display: flex; list-style-type: none; flex-wrap: nowrap; margin: 0; padding: 0; margin-top: 15px; overflow: scroll; padding-right: 15px; }
ul.switcher::-webkit-scrollbar { display: none; }
ul.switcher li { margin-right: 10px; flex-shrink: 0; }
ul.switcher li.uk-active .btn.cardBtn { border: 1px solid #113064; background-color: #fff; text-decoration: none; }

ul.info { list-style-type: none; margin: 0; padding: 0; }
ul.info li { margin-bottom: 18px; }
ul.info li span,
ul.info li a { color: #172D52; font-size: 22px; font-family: "Instrument Serif", sans-serif; display: inline-block; }
ul.info li span,
ul.info li a span { margin-left: 15px; display: block; max-width: 420px; }

.form { margin-top: -25%; background-color: #F8F7F6F9; border-radius: 20px; padding: 39px 20px; position: relative; }
.form span.title { font-size: 38px; font-family: "Instrument Serif", sans-serif; }

div.contact { background-color: #D7EBFF; padding: 0 13px; border-radius: 50px; padding: 50px 0; margin-bottom: 70px; text-align: center; margin: 8px;; }
div.contact h2 { font-size: 36px; font-family: "Instrument Serif", sans-serif; color: #172D52 }
div.contact p { max-width: 523px; margin: 0 auto; color: #173974; }

div.blog { margin-top: 70px; }
div.blog .maxWidth { max-width: 400px; margin-right: 20px; }
div.blog div.sliderWrapper { width: 1920px; margin-bottom: 70px; }
div.blog button.customArrow { border: 0; background-color: transparent; cursor: pointer; transition: .2 all ease-in-out; }
div.blog button.customArrow:hover { opacity: .5; }

div.doctors div.doctorsWrapper { padding: 15px; border-radius: 20px; background-color: #fff; position: relative; }
div.doctors div.doctorsWrapper .slick-next,
div.doctors div.doctorsWrapper .slick-prev { display: none!important; }
div.doctors span.title { font-family: "Instrument Serif", sans-serif; font-size: 42px; color: #302E2E; }
div.doctors p { font-family: "Instrument Sans", sans-serif; color: #172D52;  }
div.doctors div.wrapper { position: relative; overflow: hidden; height: 100%; }
div.doctors .slick-slide > div {
  height: 100% !important;
}

div.doctors .slick-slider {
  height: 100% !important;
}


div.doctors div.sliderNav { height: 100%; }
div.doctors div.sliderNav div.item {  box-sizing: border-box; border: 1px solid #172D52; border-radius: 40px; margin-right: 5px; padding: 9px; margin-bottom: 15px; cursor: pointer; background-color: #fff; transition: all .2s ease-in-out; }
div.doctors div.sliderNav div.item span { display: block; margin-left: 10px; }
div.doctors div.sliderNav div.item span.title { font-size: 20px; font-family: "Instrument Serif", sans-serif; transition: all .2s ease-in-out; line-height: normal; }
div.doctors div.sliderNav div.item span.subtitle { font-size: 14px; font-family: "Instrument Serif", sans-serif; }
div.doctors .sliderNav .slick-slide img { border-radius: 50%; }
div.doctors div.sliderNav .slick-current div.item {
    background-color: #172D52;
    
}
div.doctors div.sliderNav .slick-current div.item span.title {
    background-color: #172D52;
    color: #fff;
}


div.contact form { margin: 0 auto; }
div.contact form .vertical {  margin: 30px auto 16px; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.special-label { display: none!important; }
.react-tel-input .form-control { background-color: #fff!important; border-radius: 30px!important; margin: 0 15px; height: 48px; max-width: 226px; border-color: #172D52!important; }
.react-tel-input .flag-dropdown { left: 20px; }

div.treatments { margin-top: 70px; }
div.treatmentsPage input.other { margin-top: 15px; background-color: transparent; border: 1px solid #172D52; }
div.treatmentsPage .inputControls .input { display: flex; align-items: center; border: 1px solid #172D52; border-radius: 30px; flex-direction: row-reverse; }
div.treatmentsPage .inputControls .input i { margin-right: 15px; }
div.treatmentsPage .inputControls .input input { border: 0; margin-top: 0; max-width: 180px; }
div.contactPage ul.info { margin-top: 50px; }

div.teamsPage span.title { font-family: "Instrument Serif", sans-serif; font-size: 32px; color: #031432; margin-bottom: 10px; display: block; }
div.teamsPage p { font-weight: 400; color: #113064; }
div.teamsPage .box { position: relative; margin-top: 30px; }
div.teamsPage .box::after { content:""; position: absolute; left: 0; top: 50%; max-width: 100%; width: 600px; height: 332px; background-color: #fff; border-radius: 20px; z-index: -1; transform: translateY(-50%); }
div.teamsPage .smallImageCard img { width: 100%; min-height: 320px; object-fit: cover; }

div.detailPage img { border-radius: 20px; }
div.detailPage .box { background-color: #fff; border-radius: 20px; width: 100%; padding: 22px 24px; z-index: 0; }
div.detailPage .box span.title { font-size: 26px; font-family: "Instrument Serif", sans-serif; margin-bottom: 5px; margin-top: 30px; display: block; color: #172D52 }
div.detailPage .box p { margin: 0; margin-bottom: 28px; color: #172D52 }
div.detailPage .box form div.inputControls { margin-top: 15px; }
div.detailPage .box form div.inputControls input { width: 100%; max-width: 100%; }
div.detailPage .box form div.inputControls button { display: block; width: 100%; }
div.detailPage div.content h2 { color: #031432 }
div.detailPage div.content span.title { font-size: 32px; font-family: "Instrument Serif", sans-serif; color: #000000; margin-top: 25px; }
div.detailPage div.content .subtitle { color: #031432; }
div.detailPage div.content p {color:#172D52; margin-top: 10px; }
div.detailPage .promoOther { margin-bottom: 50px; }
div.detailPage .blog .smallImageCard { min-height: calc(100% - 47px); }
div.detailPage .blog .smallImageCard span.title { font-size: 26px; }
div.detailPage .uk-table tr { border-color: #172D52; }
div.detailPage .uk-table th,
div.detailPage .uk-table td { color: #172D52; }

div.detailPage ul.titleList { z-index: 0; list-style-type: none; position: relative; }
div.detailPage ul.titleList::before { content: ""; position: absolute; left: 15px; top: 0; bottom: 0; width: 1px; background-color: #C5C5C5; }
div.detailPage ul.titleList li { margin-bottom: 10px; }
div.detailPage ul.titleList li a { color: #172D52; }
div.detailPage ul.titleList li span.title { font-size: 26px; font-family: "Instrument Serif"; color: #172D52; }

div.footer {  margin-top: 70px; }
div.footer .mr { margin-right: 39px; }
div.footer p { font-size: 32px; font-family: "Instrument Serif", sans-serif; margin: 0; margin-top: 30px; color: #172D52 }
div.footer span { color: #172D52; }
div.footer div.inputButton { margin-top: 10px; background-color: #fff; border-color: #172D52; }
div.footer div.inputButton input::placeholder { color: #172D52; }
div.footer ul.socialList,
div.footer ul.verticalMenu { margin-top: 15px; }
div.footer hr { margin-top: 53px; margin-bottom: 30px; }
div.footer p.logo { font-size: 22px; line-height: normal; max-width: 295px; margin-bottom: 80px; }
div.footer span.title { font-size: 24px; font-family: "Instrument Serif", sans-serif; color: #172D52 }
div.footer img { max-width: 130px; }
div.copyright { background-color: #172D52; padding: 21px 0; }
div.copyright ul { margin:0; padding: 0; list-style-type: none; display: flex; align-items: center; justify-content: flex-end; }
div.copyright ul li { margin-right: 15px; }
div.copyright ul li:last-child { margin-right: 0; }
div.copyright ul li a { color: #fff; font-weight: 500; font-family: "Instrument Sans"; }

div.centerPage .imageCard { margin-top: 120px; }
div.contact { margin-top: 30px; }

div.about div.promoOther img { border-radius: 20px; max-height: 400px; }

div.treatments .uk-text-right,
div.blog .uk-text-right,
div.doctors .uk-text-right { text-align: left!important; }

div.footer .footerMenuWrapper { display: flex; flex-wrap: wrap; }

ul.listCenter { margin: 0; padding: 0; list-style-type: none; }
ul.listCenter li { border-bottom: 1px solid #EFEFEF; padding: 20px 0; margin-right: 30px; }
ul.listCenter li:last-child { border: 0; }

@media screen and (min-width: 1920px){

     .customContainer { max-width: 1440px; margin: 0 auto; }
     .customContainer-nav { max-width: 1440px; margin: 0 auto; }

}
@media screen and (max-width: 1400px) {
    .customContainer { max-width: 1288px; margin: 0; }
}

@media screen and (max-width: 1600) {

}

@media screen and (max-width: 1200px) {

  .homepage.promo h1 { font-size: 32px; }
  
}

@media screen and (max-width: 960px) {

  .homepage.promo h1 { font-size: 26px; }
  div.doctors div.sliderNav { margin-top: 30px; }
  div.centerPage .imageCard { margin-top: 0; }
  div.contact form .vertical { justify-content: center; }
  div.contact form .vertical .inputControls { margin-top: 15px; }
  div.teamsPage .smallImageCard.team { margin-top: 15px; }
  .opacity-0 { opacity: 1; margin-top: 15px; }
  .promoOther .uk-position-center-right { display: none; }
  div.detailPage .box { margin-top: 30px; }
  .form { margin-top: 15px; }
  div.doctors span.title { font-size: 26px; }
  .sectionTitle h2 { font-size: 32px; }
  .imageCard span.title { font-size: 32px; }
  div.doctors p { margin-top: 5px; }
  div.doctors div.doctorsWrapper { margin-top: 15px; padding: 10px; }
  .customContainer-nav { margin: 0; }
  div.contact p { padding: 0 15px; }
  .inputControls { width: 100%; }
  .react-tel-input .form-control,
  div.contact
  select.primary,
  div.contact input.primary { max-width: 300px; width: 100%; }
}

@media screen and (max-width: 800px) {
    div.nav ul { display: none; }
    div.mobile span { display: block; }
  ul.verticalMenu { flex-direction: column; }
}

@media screen and (max-width: 640px) {
  .isOpened div.nav { left: 270px }
  div.footer .footerMenuWrapper { align-items: center; flex-wrap: wrap; }
  div.footer .footerMenuWrapper > div { flex: 1 50%; } 
}

/* custom css */

.footer ul.info li span, ul.info li a {
  color: #161616;
  cursor: pointer;
  transition: all .3s ease;
}


.footer ul.info li span:hover, ul.info li a:hover {
  color: #98cbff;
}

.smallImageCard.blog { 
  margin-top: 40px;
}

.homepage.promo {
  min-height: 500px;
}

.custom_thumb {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}

.custom_thumb img {
  transition: all .5s ease;
  will-change: transform;
}

.smallImageCard:hover .custom_thumb img {
  transform: scale(120%);
  filter: brightness(85%);
}

.homepage.promo picture img {
  min-height: 500px;
  object-fit: cover;
  border-radius: 30px;
}

div.copyright ul {
  justify-content: center;
}

div.blog div.sliderWrapper {
  margin-bottom: 0;
}

.slick-slide > div { margin: 0 8px; }

.custom_header .customContainer-nav, 
.custom_header .customContainer-nav .uk-grid, 
.custom_header .custom_header_inner,
.custom_header .custom_header_inner .logo-brand-thumb {
  height: 100%;
}

.custom_section_title {
  display: flex;
  justify-content: space-between;
  width: 100%;
} 

.switcherSlider .slick-slide {
  display: inline-block;
  white-space: nowrap;
}

.homepage.promo picture::after {
  display: none;
}

.blogsPage .customContainer .switcher {
  flex-wrap: wrap; 
  gap: 10px 0;
}
 
.switcherSlider .switcher {
  display: flex!important;
}

.custom_sm_mobile {
  display: none;
  margin-top: 30px;
}

.custom_sm_mobile .socialList {
    justify-content: start;
}

.treatment_search .inputControls {
  display: flex;
  justify-content: end;
}

.treatment_search .inputControls .input {
  width: fit-content;
}

.treatment_search {
  margin-bottom: 30px;
}

.custom_button_feature {
  border: 1px solid #113064;
}

.inputControls .input {
    display: flex;
    align-items: center;
    border: 1px solid #172D52;
    border-radius: 30px;
    flex-direction: row-reverse;
    padding: 0 30px 0 0;
}

ul.verticalMenu li a {
    color: #636e81;
}

ul.verticalMenu li a:hover {
    color: #172D52;
}

ul.footerMenu li a { 
  color: #636e81;
 }

 ul.footerMenu li a:hover { 
  color: #172D52;
 } 
 
.input_container_custom input {
  border: none;
}
 div.detailPage .promoOther { 
    padding: 35px 0;
 }

 /* ------------------------- */

 
.custom_team_banner {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: inherit;
}

.custom_team_avatar_thumb {
  position: relative;
  width: 500px;
  display: flex;
  flex-shrink: 0;
}

 .promoOther .custom_team_banner p  {
  max-width: none;
 }

.custom_team_avatar {
  width: 500px;
  height: 500px;
  border: 15px solid white; 
  object-fit: cover;
  max-height: none!important;
  position: absolute;
  top: 0;
  left: 0;
}

.custom_about {
  display: flex;
  margin-top: 50px; 
  color: #113064;
}

.custom_about .custom_header { 
  font-family: "Instrument Serif", sans-serif;
  color: #113064;
}

.left-side {
  width: 500px;
  display: flex;
  flex-shrink: 0;
  margin-right: 50px;
}

.right-side {
  width: 100%;
}

.custom_about .custom_list {
  list-style: none;
  padding-left: 0;
}

.custom_grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;  
}

@media (min-width: 768px) {
  .custom_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 1200px) {
   .custom_team_banner {
     flex-direction: column;
  } 
  .custom_team_avatar {
    position: static;
    width: 300px;
    height: 300px;
    margin-bottom: 40px!important;
  }
  .left-side {
    display: none;
  }
  .promoOther .custom_team_banner p {
      max-width: 95%;
  }
}

@media screen and (max-width: 960px) {
  .contact .react-tel-input { 
    width: 300px;
    margin: auto;
  }
  .contact .react-tel-input .form-control {
    margin: 0;
  }
  .custom_footer_inner {
    flex-direction: column;
  }
  div.footer p.logo { 
    max-width: none; 
  }
  .custom_footer_nav {
    padding-bottom: 20px;
  }
  .custom_content_map {
    width: 100%;
  }
  .custom_sm_computer {
    display: none;
  }
  .custom_sm_mobile {
    display: block;
  }
} 

@media screen and (max-width: 800px) {
  .custom_footer_inner .mr {
    margin-right: 0;
    width: 100%;
  } 

  .custom_footer_inner ul.verticalMenu {
    flex-direction: row;
    flex-wrap: wrap;
  }
}


@media screen and (max-width: 768px) {
  .homepage.promo h1,
  .homepage.promo p {
    max-width: none;
  } 
  .custom_blog_filters {
    flex-direction: column;
    align-items: start;
    gap: 30px;
  }

  .input_container_custom {
    width: 100%;
  }

  .custom_blog_filters input {
    max-width: none;
    width: 100%;
  }
}

@media screen and (max-width: 500px) {
  .blogsPage .customContainer .switcher li a {
    border-radius: 20px;
    padding: 5px 10px;
  }
  .treatment_search .inputControls .input {
  width: 100%;
  } 
  .smallImageCard.blog {
    flex-direction: column !important;
  }

  .custom_section_title {
    flex-direction: column;
    align-items: start;
  }
div.treatmentsPage .inputControls .input {
  flex-direction: row;
  padding: 0 15px;
}

div.treatmentsPage .inputControls .input input {
  max-width: none;
  width: 100%;
  padding-left: 0;
}

  .homepage.promo picture img,
  .homepage.promo {
    min-height: 370px; 
  }

  .homepage.promo p {
    font-size: 14px;
  } 
  .homepage.promo .customContainer-nav .buttons .btn {
    border-radius: 10px;
    padding: 7px 10px;
    font-size: 13px;
  }

  .custom_header {
    height: 80px;
  }
  .custom_header .logo-brand {
    height: 100%;
    width: auto;
  }

  .custom_header .custom-header-link a {
    border-radius: 20px!important;
    padding: 9px 13px!important;
    font-size: 14px!important;
  }
  div.mobile { 
    margin-top: 0;
  }
  div.blog .maxWidth {
    max-width: 300px;
    margin-right: 10px;
  }
  .copyright .customContainer .uk-grid ul a {
    font-size: 13px!important;
  }
}