:root {
--accent: #3e93b9 !important;
--primary: #235c75 !important;
--secondary: #67797e !important;
--primary-font: Google Sans, sans-serif;
--secondary-font: Google Sans, sans-serif;
}

body{font-family: var(--primary-font);}
h1,h2,h3{font-weight:300 !important;}
.cs_team.cs_style_3 .cs_team_member_name {
    color: #155e85;
}
.cs_team.cs_style_3 .cs_team_member.cs_hero.cs_style_5_designation {
    border-color: hsla(0, 0%, 100%, .3);
    color: #167370;
}
.cs_site_header.cs_style_1 .cs_main_header_in, .cs_site_header.cs_style_2 .cs_main_header_in {
    height: 60px;
}
@media (max-width: 1550px) {
    .cs_fs_120 {
        font-size: 70px;
    }
}
.cs_hero.cs_style_5 {
background: linear-gradient(45deg, #daf0f5, #fffffff5);
    min-height: 70vh;

    position: relative;

    position: relative;
}
@media (max-width: 1550px) {
    .cs_fs_120 {
        font-size: 70px;
    }
}
.cs_hero_review_right{max-width: 50%;}

.cs_site_branding {
    display: inline-block;
    max-width: 120px;
}

.cs_nav_list>li>a {font-size:15px;}

.hero{
  position: relative;
  overflow: hidden;
}

.hero__content{
  position: relative;
  z-index: 2;
}
.cs_fs_120 {
    font-size: 70px; }


    .cs_nav .cs_nav_list>li>a {
        align-items: center;
        display: inline-flex;
        height: inherit;
        padding: 10px 0;
        position: relative;
        font-size: 15px;
    
}
.reabbg{    background: linear-gradient(180deg, #ffffff, #e0f9ff, #ffffffee) !important; }

.cs_card.cs_style_2 {
    padding: 25px;
    backdrop-filter: blur(10px);
    border-radius: 8px;
    /* background: none; */
    /* padding: 0; */
    background: linear-gradient(199deg, #dbf5ff94, #ffffff);
}

.cs_card.cs_style_2 .cs_card_thumb img {
 
    border-radius: 20px;
}
    
  .reabfeat{    background: linear-gradient(45deg, #eff1f3, transparent);
 
    border-radius: 10px;}
.cs_site_header.cs_style_1.cs_sticky_active, .cs_site_header.cs_style_2.cs_sticky_active {
background-color: rgb(255 255 255 / 88%);    box-shadow: none;
    backdrop-filter: blur(11px);
}

.cs_testimonial_text {font-size:20px;}

.cs_footer_main{    background: linear-gradient(358deg, #09646c, #072225);}

.cs_bottom_footer_wrap{    background: #004b51;}

.cs_team.cs_style_3 .cs_team_info {
    align-items: flex-end;
    background: linear-gradient(183deg, rgb(255 255 255 / 0%), #ffffff);
    bottom: 0;
    display: flex;
    height: 31%;
    left: 0;
    padding: 30px;
    position: absolute;
    transition: all .4s ease-in-out;
    width: 100%;
}

.cs_team.cs_style_3 .cs_team_member_name {
    color: #155e85;
    font-size: 20px;
    
}


.cs_team_member_thumb {
    width: 100%;

}

.cs_team.cs_style_3 .cs_team_member_name {
    color: #155e85;
    font-size: 20px;
    font-weight: 500;
}

.cs_team.cs_style_3 .cs_team_member_designation {
    border-color: transparent;
    color: #0e404f;
    padding: 0;
}

.cs_team.cs_style_3 .cs_team_info {
    align-items: flex-end;
    background: linear-gradient(183deg, rgb(255 255 255 / 37%), #ffffff);
    bottom: 0;
    display: flex;
    height: 31%;
    left: 0;
    padding: 20px;
    position: absolute;
    transition: all .4s ease-in-out;
    width: 100%;
    opacity: 0;
    backdrop-filter: blur(7px);
    border-radius: 30px;
}


.cs_card.cs_style_5 {border-radius:20px;}

@media (max-width: 950px) { 

.cs_fs_120 {
    font-size: 40px;
}
}

.cs_counter_1_wrap .cs_counter.cs_style_1:not(:nth-child(4n+0)):before {
        background-color: #e2e6e6;}
        
        .main-block_seo {
    text-align: left;
    overflow: hidden;
    position: relative;
    margin: 0 0 40px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    text-align: justify;
    font-size: 20px;
    line-height: 32px;
    max-height: 675px;
    overflow: hidden;
    transition: max-height 0.9s;
    -webkit-transition: max-height 0.9s;
    -moz-transition: max-height 0.9s;
    -o-transition: max-height 0.9s;
    -ms-transition: max-height 0.9s;
}


.cs_shining{background:#fff;
   padding: 35px 30px 30px 30px;
    border-radius: 20px;}
    
    .cs_card.cs_style_1 .cs_card_img img, .cs_card.cs_style_4 .cs_card_img img {
    width: 100%;
    max-width: 100px;
}

.cs_text_widget img {
    margin-top: 5px;
    max-width: 150px;
}
.seo-text{max-width: 900px;
    margin: 0 auto;}
.seo-text__content {
  max-height: 180px; /* сколько видно в свернутом виде */
  overflow: hidden;
  position: relative;
  transition: max-height 0.4s ease;
}

.seo-text__content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
}

.seo-text__content.open {
  max-height: 3000px; /* с запасом */
}

.seo-text__content.open::after {
  display: none;
}

.seo-text__toggle {
  margin-top: 12px;
  background: none;
  border: none;
  color: #2563eb;
  cursor: pointer;
  font-weight: 500;
}
.cons{font-size: 16px;
    /* border: solid 2px; */
    border-radius: 30px;
    padding: 14px 30px;
    background: linear-gradient(200deg, #57c4ad, #09565d);
    color: #fff;
    /* box-shadow: 0 8px 20px rgba(9, 86, 93, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.15); */
    font-weight: 400;}
    
    
    .cs_hero.cs_style_4 {
    height: 80vh;
    max-height: 702px;
    min-height: 500px;
    padding: 165px 0 100px;
}
.cs_hero.cs_style_4 .cs_hero_subtitle {
    display: inline-block;
    margin-bottom: 26px;
    padding: 0 22px;
    position: relative;
    color: #fff;
    max-width: 900px;
}

.darkbggradient{    background: linear-gradient(180deg, #0d4958, transparent) !important;}

.cs_card.cs_style_5:nth-child(3) {
    background-color: #2f474e;
}

.cs_card.cs_style_5 {
    border-radius: 20px;
    background: #264e53;
}

.cs_iconbox.cs_style_1 .cs_iconbox_icon {
    height: 90px;
    margin-bottom: 15px;
    padding: 15px;
    width: 90px;
}

.cs_post_title {font-size:22px}

.cs_form_field, .cs_form_field_2 {
    background-color: #ffffffd1;
    border: 1px solid #ffffff;
    border-radius: 15px;
    display: block;
    line-height: 1.5em;
    padding: 12px 20px;
    width: 100%;
}


.cs_header_user_btn {display:none !important;}
/* Сетка: текст слева, картинка справа */
.clinic-hero {
  padding: 24px 0;
}

.clinic-hero__grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr; /* текст шире, картинка уже */
  gap: 24px;
  align-items: start;
}

/* Правая колонка: картинка */
.clinic-hero__media {
  position: sticky;       /* приятный эффект на десктопе */
  top: 16px;
}

.clinic-hero__img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 14px;
  object-fit: cover;
}

/* Блок “читать полностью” */
.seo-collapse details {
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 14px;
  padding: 14px 18px;
  background: #fff;
}

.seo-collapse summary {
  cursor: pointer;
  font-weight: 600;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.seo-collapse summary::-webkit-details-marker {
  display: none;
}

.seo-arrow {
  transition: transform .25s ease;
}

details[open] .seo-arrow {
  transform: rotate(180deg);
}

.seo-collapse__content {
  margin-top: 16px;
}

/* Немного аккуратнее типографика */
.offer-bl_txt-inner h1,
.offer-bl_txt-inner h2 {
  margin: 0 0 10px;
}

.offer-bl_txt-inner p {
  margin: 0 0 12px;
}

.offer-bl_txt-inner ul {
  margin: 0 0 12px 18px;
}

/* ====== MEDIA ====== */

/* Планшеты */
@media (max-width: 992px) {
  .clinic-hero__grid {
    grid-template-columns: 1fr;
  }

  .clinic-hero__media {
    position: static; /* убираем sticky */
  }
}

/* Телефоны */
@media (max-width: 576px) {
  .clinic-hero {
    padding: 16px 0;
  }

  .seo-collapse details {
    padding: 12px 14px;
  }

  .offer-bl_txt-inner ul {
    margin-left: 16px;
  }
}


.cs_btn.cs_style_1{padding: 9px 22px;}
.cs_hero.cs_style_5 .cs_section_heading.cs_style_1 .cs_section_subtitle {
    margin-bottom: 0;
    margin-top: 10px;
    padding: 0;
}

.cs_section_heading.cs_style_1 .cs_section_subtitle:before, .cs_section_heading.cs_style_2 .cs_section_subtitle:before, .cs_section_heading.cs_style_3 .cs_section_subtitle:before {
    background:none;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 6px;
}

.cs_planing_thumb:before {
    background-color: var(--primary);

    background: linear-gradient(307deg, #6ae4f5, #235c75);
}

.cs_planing_thumb img {
    position: relative;
    width: 100%;
    z-index: 2;
    border-radius: 30px;
}