/* help format */
.text-content {margin-top: 30px !important;}
.text {max-width: 100% !important;}
.text-content__text {-ms-flex: 0 1 100% !important; flex: 0 1 100% !important;}
.banner__h1 {padding: 40px 0 0 0 !important; font-size: 60px;}
.text-content__wrapper, .text-content__text, .text {overflow: inherit !important;}
.text ul li::after {display: none;}

/* promo */
.promo_wrap {display: grid; grid-template-columns: 50% 1fr; gap: 60px;}
.promo_wrap p {padding: 20px 0; font-size: 24px; line-height: 140%;}
.promo_wrap p:last-child {padding: 0px 0 40px 0;}
.promo_wrap .section:last-child {margin-top: -100px;}
.promo_wrap .section:last-child img {width: 100%; height: auto;}
.promo_wrap .sub_title {font-size: 40px; font-weight: bold; line-height: 100%; padding: 40px 0 40px 0; text-align: center;}
/* end promo */

.message {max-width: 70%; margin: 0 auto; padding: 16px 24px; background-color: #f4f4f4; text-align: center; border-radius: 8px;}

/* advantages */
.advantages_wrap {padding: 20px 0 0 0;}
.advantages_wrap .sub_title {font-size: 40px; font-weight: bold; line-height: 100%; padding: 40px 0;}
.advantages_sections {display: grid; grid-template-columns: 50% 1fr; gap: 60px;}
.advantages_sections video {width: 100%; height: auto; overflow: hidden; border-radius: 20px;}
.advantages_sections .sub_description {padding: 0 0 20px 0;}
.advantages_sections .sub_description .sd_item {display: inline-block; padding: 12px 24px; background-color: #f1ecf8; border-radius: 8px; line-height: 130%;}
.advantages_sections .sub_description .sd_item:last-child {margin: 16px 0 0 0;}
.advantages_list {display: flex; flex-wrap: wrap; font-size: 0; margin: 0 -10px !important; padding: 0 !important;}
.advantages_list li {margin: 0 !important; padding: 15px 10px !important; box-sizing: border-box;}
.advantages_list li:nth-child(1), .advantages_list li:nth-child(3) {width: 40%;}
.advantages_list li:nth-child(2), .advantages_list li:nth-child(4) {width: 60%;}
.advantages_list span {display: block;}
.advantages_list .a_title {font-size: 32px;  font-weight: bold; color: #ff5c00;}
.advantages_list .a_description {padding: 10px 0 0 0; font-size: 1rem; line-height: 130%;}
/* end advantages */

/* mission */
.mission_wrap {padding: 20px 0 0 0; background-size: contain; background-position: 50% 100%; background-repeat: no-repeat;}
.mission_wrap .sub_title {font-size: 40px; font-weight: bold; line-height: 100%; padding: 40px 0 40px 0; text-align: center;}
.mission_list {display: flex; flex-wrap: nowrap; gap: 40px;}
.mission_list .section {border-radius: 20px;}
.mission_list .s_image {width: 30%; font-size: 0px; line-height: 100%; box-sizing: border-box;}
.mission_list .s_image img {width: 100%; height: auto;}
.mission_list .s_quote {width: 35%; padding: 40px 60px 20px 20px; box-sizing: border-box;}
.mission_list .s_quote p {font-size: 18px; padding: 0 !important; margin: 0 !important;}
.mission_list .s_quote p:last-child {font-size: 16px; padding: 20px 0 0 0 !important;}
.mission_list .quote_message {display: block; padding: 20px 0 0 0;}
.mission_list .quote_message .icon_l, .quote_message .icon_r {display: block; color: #ddd; font-size: 100px;}
.mission_list .quote_message .icon_l {margin: 0 0 4px 0;}
.mission_list .quote_message .icon_r {text-align: right; margin: -14px 0 0 0;}
.mission_list .quote_message .caption {background: #dadada80; display: block; padding: 30px 10px; box-sizing: border-box; text-align: center; border: 2px solid #ddd; border-radius: 8px 48px;}
.mission_list .s_values {width: 35%; padding: 20px; background-color: #e4e4e49c; box-sizing: border-box;}
.mission_list .s_values .caption {display: block; font-size: 18px; line-height: 100%;font-weight: bold; padding: 10px 0 16px 0;}
.mission_list .s_values ul {padding: 0 !important; margin: 0 !important; display: flex; flex-direction: column; gap: 16px;}
.mission_list .s_values ul li {padding: 0 !important; margin: 0 !important; display: grid; grid-template-columns: 30px 1fr; gap: 10px;}
.mission_list .s_values ul li span {display: block;}
.mission_list .s_values ul li .count {color: #ff5c00;}
.mission_list .s_values ul li .description {line-height: 120%;}
.mission_wrap .sub_info {min-height: 600px; position: relative;}
.mission_wrap .si_item_a, .mission_wrap .si_item_b, .mission_wrap .si_item_c {background-color: #c5b7d7cf; padding: 20px; border-radius: 20px; width: 40%; position: absolute;}
.mission_wrap .si_item_a {top: 10%; right: 15%;}
.mission_wrap .si_item_b {top: 40%; right: 0;}
/* end mission */


/* brands */
.brands_wrap {padding: 20px 0;}
.brands_wrap .sub_title {font-size: 40px; font-weight: bold; line-height: 100%; padding: 40px 0 40px 0; text-align: center;}
.brands_wrap .sub_description {font-size: 24px; line-height: 140%; padding: 0 0 40px 0; text-align: center;}
.brands_wrap ul {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: flex-start; gap: 40px; margin: 0 !important; padding: 0 !important;}
.brands_wrap ul li {margin: 0 !important; padding: 0 !important;}
.brands_wrap ul li span {display: none; padding: 12px 24px; background-color: #f1ecf8; border-radius: 8px; line-height: 130%;}
.brands_wrap ul li img {width: 100%; max-width: auto; height: auto; border-radius: 0 !important;}
/* end brands */

/* aboutinfo */
.aboutinfo_wrap {padding: 20px 0;}
.aboutinfo_wrap .sub_title {font-size: 40px; font-weight: bold; line-height: 100%; padding: 40px 0; text-align: left;}
.info_links {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding: 5px 0 0 0;}
.info_links .info_link_item {border-radius: 16px; padding: 16px; border: 3px solid #f4f4f4; box-sizing: border-box; position: relative; cursor: pointer; background-color: #fff; display: block; text-decoration: none; color: #333; transition: transform 0.3s, box-shadow 0.3s;}
.info_link_item .s_icon {width: 60px; height: 60px; margin-bottom: 15px; background-color: #f0f0f0; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #2a7fba; font-size: 24px;}
.info_link_item .s_title {display: block; font-size: 18px; font-weight: bold; color: #333; margin-bottom: 10px; line-height: 120%; transition: transform 0.3s;}
.info_link_item .s_description {display: block; font-size: 16px; color: #666; line-height: 130%;}
.info_links .info_link_item:hover {border: 3px solid #ff5c00; background-color: #fff4f4; transform: translateY(-5px);}
.info_links .info_link_item:hover .s_title {color: #ff5c00;}
/* end aboutinfo */

/* business */
.business_wrap {padding: 20px 0;}
.business_wrap .sub_title {font-size: 40px; font-weight: bold; line-height: 100%; padding: 40px 0; text-align: center;}
.business_wrap .section_list {display: grid; grid-template-columns: 40% 1fr; gap: 60px;}
.business_wrap video {overflow: hidden; border-radius: 20px;}
.b_directions {display: flex; flex-wrap: wrap; gap: 16px;}
.b_directions li {display: block; background-color: #f1ecf8; border-radius: 8px; line-height: 130%; padding: 12px !important; margin: 0 !important;}
/* end business */

/* clinics */
.clinics_wrap {padding: 20px 0;}
.clinics_wrap .sub_title {font-size: 40px; font-weight: bold; line-height: 100%; padding: 50px 0 30px 0; text-align: left;}
.clinics_list {display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1fr; gap: 20px; padding: 0 !important; margin: 0 !important;}
.clinics_list li {background: linear-gradient(to bottom, #ffffff, #f4f4f4); border: 3px solid #f4f4f4; box-sizing: border-box; border-radius: 20px; padding: 20px !important; margin: 0 !important;}
.clinics_list li .title {display: block; font-size: 18px; color: #333; font-weight: bold;}
.clinics_list li .description {display: block; padding: 10px 0 0 0; line-height: 130%;}
/* end clinics */

@media (max-width: 1200px) {
    .banner__h1 {font-size: 50px;}
    .promo_wrap {gap: 40px;}
    .promo_wrap p {font-size: 20px;}
    .promo_wrap .sub_title {font-size: 36px;}
    .promo_wrap .section:last-child {margin-top: 0;}
    .advantages_wrap .sub_title {font-size: 36px;}
    .advantages_sections {gap: 40px;}
    .advantages_list .a_title {font-size: 28px;}
    .mission_wrap .sub_title {font-size: 36px;}
    .mission_list {gap: 30px;}
    .mission_list .s_quote {padding: 30px 40px 15px 15px;}
    .brands_wrap .sub_title {font-size: 36px;}
    .brands_wrap .sub_description {font-size: 20px;}
    .aboutinfo_wrap .sub_title {font-size: 36px;}
    .info_links {grid-template-columns: repeat(2, 1fr);}
    .business_wrap .sub_title {font-size: 36px;}
    .business_wrap .section_list {gap: 40px;}
    .clinics_wrap .sub_title {font-size: 36px;}
    .clinics_list {grid-template-columns: repeat(3, 1fr);}
    .mission_wrap .si_item_a, .mission_wrap .si_item_b {width: 75%;}
}

@media (max-width: 800px) {
    .banner__h1 {font-size: 36px; padding: 20px 0 0 0 !important;}
    .message {max-width: 100%; padding: 12px 16px;}
    .promo_wrap {grid-template-columns: 1fr; gap: 20px; padding: 0 0 20px 0;}
    .promo_wrap p {font-size: 18px; padding: 15px 0; margin: 0 !important;}
    .promo_wrap .sub_title {font-size: 28px; padding: 20px 0;}
    .promo_wrap p:last-child {padding: 0px 0 20px 0;}
    .advantages_wrap .sub_title {font-size: 28px; padding: 30px 0;}
    .advantages_sections {grid-template-columns: 1fr;}
    .advantages_list .a_title {font-size: 24px;}
    .mission_wrap {background-image: none !important;}
    .mission_wrap .sub_title {font-size: 28px; padding: 30px 0;}
    .mission_list {flex-wrap: wrap; gap: 20px;}
    .mission_list .s_image, .mission_list .s_quote, .mission_list .s_values {width: 100%;}
    .mission_list .s_quote {padding: 20px;}
    .mission_wrap .sub_info {margin: 20px 0 0 0; min-height: 330px;}
    .mission_wrap .si_item_a, .mission_wrap .si_item_b {position: static; width: 100%; margin-bottom: 20px;}
    .brands_wrap .sub_title {font-size: 28px; padding: 30px 0;}
    .brands_wrap .sub_description {font-size: 18px; padding: 0 0 30px 0;}
    .brands_wrap ul {display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 1fr; gap: 16px;}
    .brands_wrap ul li span {padding: 8px 16px;}
    .brands_wrap ul li img {max-height: 35px;}
    .aboutinfo_wrap .sub_title {font-size: 28px; padding: 30px 0;}
    .info_links {grid-template-columns: 1fr; gap: 15px;}
    .business_wrap .sub_title {font-size: 28px; padding: 30px 0;}
    .business_wrap .section_list {grid-template-columns: 1fr; gap: 30px;}
    .clinics_wrap .sub_title {font-size: 28px; padding: 30px 0 20px 0;}
    .clinics_list {grid-template-columns: 1fr;}
    .b_directions {flex-direction: column;}
}