* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  body {
    font-family: "Manrope";
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
    color: #060525;
  }
  
  .preloader {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #FFF;
    z-index: 100;
  }
  
  .wrapper {
    overflow: hidden;
  }
  
  h1 {
    font-size: 58px;
    font-weight: 700;
    line-height: 105%
  }
  
  h2 {
    font-size: 56px;
    font-weight: 700;
    line-height: 105%;
  }
  
  h3 {
    font-size: 38px;
    font-weight: 700;
    line-height: 105%
  }
  
  h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 105%
  }
  
  .text_1 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0px;
  }
  
  .text_2 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0px;
  }
  
  .text_3 {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
  }
  
  .title {
    color: rgb(6, 5, 37);
    font-size: 56px;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -3px;
    text-align: center;
    margin-bottom: 50px;
  }
  
  .container {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0;
  }
  
  @media (max-width: 1200px) {
    .container {
      max-width: 960px;
    }
    h1 {
      font-size: 40px;
    }
    h2 {
      font-size: 38px;
    }
  }
  @media (max-width: 992px) {
    .container {
      max-width: 720px;
    }
  }
  @media (max-width: 768px) {
    .container {
      max-width: 540px;
    }
    .title {
      font-size: 38px;
      letter-spacing: 0;
    }
  }
  @media (max-width: 576px) {
    .container {
      max-width: 100%;
      padding: 0 20px;
    }
    h2 {
      font-size: 32px;
    }
    .title {
      font-size: 32px;
      margin: 0 0 30px 0;
    }
  }
  .main_btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 12px 12px 12px 30px;
    border-radius: 100px;
    background: linear-gradient(135deg, rgb(219, 42, 29) 0%, rgb(219, 42, 29) 100%);
    color: rgb(255, 255, 255);
    font-size: 19px;
    font-weight: 700;
    line-height: 125%;
    transition: 0.3s all ease;
    cursor: pointer;
  }
  .main_btn img {
    padding: 12px 11px;
    background: rgb(255, 255, 255);
    border-radius: 50%;
  }
  .main_btn:hover {
    color: rgb(255, 255, 255);
    background: linear-gradient(135deg, rgb(250, 80, 68), rgb(255, 90, 78) 100%);
  }
  
  button {
    cursor: pointer;
  }
  
  a {
    text-decoration: none;
  }
  
  input, textarea, select, button {
    font-family: "Manrope";
  }
  
  ul {
    list-style: none;
  }
  
  .breadcrumbs {
    background-color: #F0F3F8;
    padding: 18px 0 28px 0;
  }
  .breadcrumbs ul {
    border-radius: 100px;
    background-color: #FFFFFF;
    padding: 14px 20px;
    width: auto;
    display: inline-flex;
    align-items: center;
    gap: 27px;
  }
  .breadcrumbs li {
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    color: #9CADC9;
  }
  .breadcrumbs a {
    color: #060525;
    position: relative;
  }
  .breadcrumbs a::after {
    position: absolute;
    content: "/";
    right: -16px;
  }
  @media (max-width: 576px) {
    .breadcrumbs {
      padding: 20px 0 40px 0;
    }
    .breadcrumbs ul {
      padding: 10px 12px;
      gap: 14px;
    }
    .breadcrumbs li {
      font-size: 10px;
    }
    .breadcrumbs a::after {
      right: -8px;
    }
  }
  
  .navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
  .navigation a {
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    color: #060525;
    border: 1px solid #D6DFED;
    padding: 12px 10px;
    width: 40px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border-radius: 50%;
    transition: 0.3s all ease;
    cursor: pointer;
  }
  .navigation a:has(svg, img) {
    border: none;
    border-radius: 0;
  }
  .navigation a.active {
    border-color: #DB2A1D;
  }
  .navigation a:hover {
    border-color: #060525;
  }
  .navigation a svg {
    opacity: 1;
    transition: 0.3s all ease;
  }
  .navigation a:first-child svg {
    transform: rotate(180deg);
  }
  .navigation:has(a:nth-child(2).active) a:first-child svg {
    opacity: 0.3;
  }
  
  .block_title {
    font-size: 46px;
    font-weight: 700;
    line-height: 105%;
    margin: 0 0 48px;
  }
  @media (max-width: 768px) {
    .block_title {
      margin: 0 0 28px;
    }
  }
  @media (max-width: 576px) {
    .block_title {
      font-size: 26px;
      margin: 0 0 16px 0;
    }
  }
  
  .block_descriptions {
    display: flex;
    align-items: flex-start;
    gap: 56px;
    padding: 0 0 48px 0;
    border-bottom: 1px solid #D6DFED;
  }
  .block_descriptions p {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
  }
  .block_descriptions.column {
    flex-direction: column;
    gap: 28px;
    padding: 0 0 100px 0;
  }
  @media (max-width: 768px) {
    .block_descriptions {
      flex-direction: column;
      gap: 28px;
    }
  }
  @media (max-width: 576px) {
    .block_descriptions {
      gap: 15px;
    }
    .block_descriptions.column {
      gap: 15px;
    }
    .block_descriptions p {
      font-size: 14px;
    }
  }
  
  .quiz_form {
    flex-direction: column;
    gap: 12px;
    display: none;
    padding: 0 48px 0 20px;
  }
  .quiz_form#diagnostic_form, .quiz_form#diagnostic_form2 {
    display: flex;
    padding: 0 48px;
    width: 100%;
  }
  .quiz_form input {
    width: 100%;
    height: 56px;
    outline: none;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    border-radius: 12px;
    background: rgb(255, 255, 255);
    border: none;
    color: #060525;
  }
  .quiz_form input::-moz-placeholder {
    color: rgb(192, 192, 192);
    font-size: 16px;
  }
  .quiz_form input::placeholder {
    color: rgb(192, 192, 192);
    font-size: 16px;
  }
  .quiz_form button {
    border: none;
    padding: 20px 0;
    display: block;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 19px;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -2%;
    border-radius: 100px;
    margin-bottom: 6px;
    background: linear-gradient(135deg, rgb(219, 42, 29) 0%, rgb(219, 42, 29) 100%);
  }
  .quiz_form .form_rule {
    max-width: 391px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 155%;
    font-weight: 400;
    text-align: center;
    color: rgb(154, 162, 183);
  }
  .quiz_form .form_rule a {
    font-weight: 600;
    color: #fff;
  }
  @media (max-width: 992px) {
    .quiz_form#diagnostic_form, .quiz_form#diagnostic_form2 {
      padding: 24px;
    }
  }
  @media (max-width: 576px) {
    .quiz_form {
      gap: 10px;
    }
    .quiz_form#diagnostic_form, .quiz_form#diagnostic_form2 {
      padding: 30px 20px;
    }
    .quiz_form input {
      height: 50px;
      padding: 0 18px;
      font-size: 14px;
      border-radius: 8px;
    }
    .quiz_form button {
      font-size: 18px;
      padding: 18px 0;
      margin: 0 0 2px 0;
    }
    .quiz_form button span {
      display: none;
    }
    .quiz_form .form_rule {
      font-size: 10px;
      line-height: 135%;
    }
  }
  
  .gallery_nav {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    /* Akcent */
    background: linear-gradient(135deg, rgb(219, 42, 29) 0%, rgb(219, 42, 29) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
  }
  @media (max-width: 576px) {
    .gallery_nav {
      position: relative;
      margin: 0;
      left: auto !important;
      right: auto !important;
    }
  }
  
  .gallery_navs {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .gallery_navs .gallery_prev {
    cursor: pointer;
    left: 28px;
  }
  .gallery_navs .gallery_next {
    cursor: pointer;
    right: 28px;
  }
  @media (max-width: 576px) {
    .gallery_navs {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin: 30px 0 0 0;
    }
  }
  body:has(.modal_back.active) {
    overflow: hidden;
  }
  
  .modal_back {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #2e3548;
    opacity: 0;
    transition: 0.2s all ease;
    z-index: 3;
    width: 100%;
    height: 100%;
    visibility: hidden;
  }
  .modal_back.active {
    visibility: visible;
    opacity: 0.3;
  }
  
  .service_modal {
    max-width: 764px;
    width: 100%;
    position: fixed;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 20px;
    z-index: 3;
    padding: 28px 38px;
    opacity: 0;
    visibility: hidden;
    scale: 0.9;
    transition: 0.3s all ease;
    max-height: 90%;
    height: auto;
    display: flex;
    flex-direction: column;
  }
  .service_modal .modal_body {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .service_modal .modal_body::-webkit-scrollbar {
    display: none;
  }
  .service_modal.active {
    opacity: 1;
    visibility: visible;
    top: 50%;
    scale: 1;
  }
  .service_modal .close_modal {
    position: absolute;
    right: -40px;
    top: -40px;
    cursor: pointer;
  }
  .service_modal .services_list {
    position: relative;
    height: auto;
  }
  .service_modal .service_header {
    font-size: 32px;
    font-weight: 700;
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 28px 0;
    margin: 0 0 28px 0;
    border-bottom: 1px solid #d6dfed;
  }
  .service_modal .service_header svg {
    border-radius: 50%;
    transform: rotate(90deg);
    flex: 0 0 auto;
    cursor: pointer;
  }
  .service_modal .service_header:has(.rotate) {
    margin: 0;
  }
  .service_modal .open_service_list {
    padding: 28px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 32px;
    font-weight: 700;
    line-height: 120%;
  }
  .service_modal .services_list {
    border-radius: 20px;
    background-color: #f0f3f8;
    padding: 0 28px;
    margin: 0 0 28px 0;
  }
  .service_modal .services_list li:has(.price) {
    padding: 18px 0;
  }
  .service_modal .services_list li::after,
  .service_modal .services_list div:has(.price)::after {
    background-color: #d6dfed;
  }
  .service_modal .services_list li:last-child::after {
    display: none;
  }
  .service_modal svg.rotate {
    transform: rotate(0deg);
  }
  @media (max-width: 992px) {
    .service_modal .close_modal {
      right: -20px;
      top: -30px;
    }
  }
  @media (max-width: 768px) {
    .service_modal {
      max-width: 576px;
    }
    .service_modal .service_header {
      font-size: 28px;
    }
    .service_modal .services_list {
      margin: 0;
    }
  }
  @media (max-width: 576px) {
    .service_modal {
      max-width: 90%;
      padding: 20px;
    }
    .service_modal .services_list {
      padding: 0 20px;
    }
    .service_modal .close_modal {
      right: 0px;
      width: 20px;
      height: 20px;
    }
    .service_modal .service_top {
      height: 238px;
    }
  }
  
  .services_list li {
    padding: 18px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
  }
  .services_list li::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #f0f3f8;
  }
  .services_list .service_title {
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -2%;
  }
  .services_list .service_title {
    color: #060525;
    text-decoration: none;
  }
  .services_list div:has(.price) {
    display: flex;
    align-items: center;
    gap: 24px;
    position: relative;
    border-left: 1px solid #f0f3f8;
    padding-left: 16px;
  }
  .services_list .price {
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    text-align: center;
    width: 62px;
  }
  .services_list .main_btn {
    justify-content: center;
    padding: 13px 24px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0%;
  }
  @media (max-width: 1200px) {
    .services_list li {
      padding: 18px;
      gap: 3px;
    }
    .services_list div:has(.price) {
      gap: 18px;
    }
    .services_list .main_btn {
      padding: 13px 18px;
    }
  }
  @media (max-width: 992px) {
    .services_list li {
      gap: 5px;
      flex-direction: column;
    }
    .services_list div:has(.price) {
      flex-direction: column;
      width: 100%;
      border-left: none;
    }
  }
  @media (max-width: 576px) {
    .services_list li {
      padding: 20px;
      gap: 10px;
    }
    .services_list .service_title {
      font-size: 18px;
    }
    .services_list div:has(.price) {
      gap: 20px;
    }
    .services_list .main_btn {
      width: 100%;
    }
  }
  
  .open_service_list {
    padding: 28px 25px 25px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
  }
  .open_service_list::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #f0f3f8;
  }
  .open_service_list .service_title {
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -2%;
  }
  .open_service_list img {
    cursor: pointer;
    transition: 0.3s all ease;
  }
  .open_service_list img.active {
    rotate: 45deg;
  }
  .open_service_list + .services_list {
    border-radius: 20px;
    background-color: #f0f3f8;
    padding: 0 28px;
    margin: 28px 0 0;
  }
  .open_service_list + .services_list li {
    padding: 18px 0;
  }
  .open_service_list + .services_list li::after {
    background-color: #D6DFED;
  }
  .open_service_list + .services_list div:has(.price)::after {
    background-color: #D6DFED;
  }
  @media (max-width: 1200px) {
    .open_service_list + .services_list div:has(.price)::after {
      left: -15px;
    }
  }
  @media (max-width: 576px) {
    .open_service_list {
      padding: 20px;
    }
    .open_service_list img {
      width: 35px;
      height: 35px;
    }
  }
  
  .call_modal {
    opacity: 0;
    visibility: hidden;
    scale: 0.9;
    transition: 0.3s all ease;
    position: fixed;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 20px;
    z-index: 3;
    overflow: hidden;
  }
  .call_modal.active {
    opacity: 1;
    visibility: visible;
    top: 50%;
    scale: 1;
  }
  .call_modal::after {
    position: absolute;
    content: "";
    width: 160px;
    height: 160px;
    top: -80px;
    right: -80px;
    border-radius: 50%;
    background-color: #3a4259;
    z-index: 1;
  }
  .call_modal .close_modal2 {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 2;
    scale: 0.7;
    cursor: pointer;
  }
  @media (max-width: 576px) {
    .call_modal {
      width: 90%;
    }
    .call_modal .consultation {
      width: 100%;
      padding: 20px;
    }
    .call_modal .consultation h3 {
      font-size: 28px;
    }
    .call_modal .consultation p br {
      display: none;
    }
    .call_modal .close_modal2 {
      right: 6px;
      top: 6px;
    }
    .call_modal::after {
      width: 100px;
      height: 100px;
      top: -50px;
      right: -50px;
    }
  }
  
  .help {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 28px;
    bottom: 28px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    z-index: 1;
    transition: 0.3s all ease;
    border-radius: 50%;
    background-color: #DB2A1D;
    cursor: pointer;
  }
  .help img {
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 0.3s all ease;
  }
  .help:hover {
    scale: 0.95;
    box-shadow: 0px 4px 10px 0px rgba(219, 42, 29, 0.4);
  }
  .help.hidde {
    scale: 0;
    opacity: 0;
  }
  @media (max-width: 768px) {
    .help {
      width: 60px;
      height: 60px;
    }
    .help img {
      width: 50%;
    }
  }
  @media (max-width: 576px) {
    .help {
      width: 50px;
      height: 50px;
      right: 14px;
      bottom: 14px;
    }
  }
  
  .online {
    display: flex;
    flex-direction: column;
    border-radius: 20px 0px 20px 20px;
    background-color: #FFFFFF;
    position: fixed;
    bottom: 28px;
    right: -100%;
    opacity: 0;
    visibility: hidden;
    z-index: 5;
    scale: 0.5;
    transition: 0.3s all ease;
  }
  .online.active {
    right: 28px;
    opacity: 1;
    visibility: visible;
    scale: 1;
  }
  .online li {
    padding: 18px 28px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
    border-bottom: 1px solid #EAEAEA;
  }
  .online li:last-child {
    border: none;
  }
  .online li:last-child img {
    width: 40px;
    height: 40px;
  }
  .online a {
    color: #060525;
  }
  .online .close_online {
    cursor: pointer;
    position: absolute;
    top: -40px;
    right: 0;
    padding: 0;
  }
  
  .information {
    max-width: 980px;
    width: 100%;
    max-height: 90%;
    height: auto;
    display: flex;
    flex-direction: column;
    background-color: #FFF;
    border-radius: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all ease;
    scale: 0.9;
    z-index: 5;
  }
  .information.active {
    opacity: 1;
    visibility: visible;
    scale: 1;
  }
  .information img {
    width: 100%;
    height: 100%;
    max-height: 260px;
    border-radius: 20px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .information .more_texts {
    padding: 48px;
    height: 100%;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .information .more_texts::-webkit-scrollbar {
    display: none;
  }
  .information .title {
    font-size: 48px;
    font-weight: 700;
    line-height: 110%;
    margin: 0 0 18px 0;
    text-align: left;
    letter-spacing: 0;
  }
  .information .text {
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
    margin: 0 0 38px 0;
  }
  .information .text_small {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    margin: 0 0 18px 0;
  }
  .information .text_small:last-child {
    margin: 0;
  }
  .information .close_modal2 {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 2;
    scale: 0.7;
    cursor: pointer;
  }
  @media (max-width: 1200px) {
    .information {
      max-width: 960px;
    }
  }
  @media (max-width: 992px) {
    .information {
      max-width: 720px;
    }
  }
  @media (max-width: 768px) {
    .information {
      width: 80%;
    }
    .information .title {
      font-size: 34px;
    }
  }
  @media (max-width: 576px) {
    .information .more_texts {
      padding: 30px 20px 40px 20px;
    }
    .information .close_modal2 {
      right: 6px;
      top: 6px;
    }
    .information .title {
      font-size: 32px;
      margin: 0 0 16px 0;
    }
    .information .text {
      font-size: 16px;
      line-height: 145%;
      margin: 0 0 20px 0;
    }
    .information .text_small {
      font-size: 14px;
      margin: 0 0 20px 0;
    }
  }
  
  header {
    background: #f0f3f8;
  }
  header .header_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 0;
    border-bottom: 1px solid #d6dfed;
  }
  header .address,
  header .social,
  header .phone_number {
    position: relative;
  }
  header .address::after,
  header .social::after,
  header .phone_number::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 56px;
    left: -7px;
    top: 50%;
    transform: translate(0, -50%);
    background-color: #d6dfed;
  }
  header .brand_logo {
    width: 190px;
    height: 78px;
    border: none;
    flex: 0 0 auto;
  }
  header .brand_logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  header .address {
    padding: 0 21px 0 21px;
    margin: 0 0 0 106px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    text-wrap: nowrap;
  }
  header .address a {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #060525;
  }
  header .address span:has(img) {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #d6dfed;
    border-radius: 50%;
  }
  header .address span:has(img) img {
    width: 15px;
    height: 20px;
  }
  header .social {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
    padding: 0 28px 0 42px;
    text-wrap: nowrap;
    width: 27%;
  }
  header .social a {
    display: flex;
  }
  header .social img {
    width: 40px;
    height: 40px;
  }
  header .social::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    left: 22px;
    top: 50%;
    border-radius: 50%;
    transform: translate(0, -50%);
    background-color: #00d655;
  }
  header .phone_number {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 0 0 0 28px;
  }
  header .phone_number .desctop_icon {
    width: 54px;
    height: 54px;
    padding: 8px;
    border-radius: 50%;
    border: 1px dashed #d6dfed;
  }
  header .phone_number .mobile_icon {
    display: none;
  }
  header .phone_number div {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  header .phone_number span {
    font-size: 20px;
    color: #060525;
    min-width: 185px;
  }
  header .phone_number p {
    font-size: 12px;
    font-weight: 400;
    color: #9cadc9;
  }
  header .header_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d6dfed;
    padding: 15px 0;
  }
  header .header_bottom nav {
    position: relative;
  }
  header .header_bottom_right {
    display: flex;
    flex-direction: column;
    gap: 30px;
    flex: 0 0 auto;
  }
  header .header_bottom_right .phone_number {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  header .nav_item {
    border-radius: 100px;
    background-color: #fff;
    padding: 9px 14.5px;
    font-size: 16px;
    font-weight: 400;
    color: #060525;
    margin: 0 9px 0 0;
    border: 1px solid #fff;
    transition: 0.3s all ease-out;
    display: inline-block;
  }
  header .nav_item:last-child {
    margin: 0;
  }
  header .nav_item:hover {
    border-color: #d6dfed;
    background-color: #f0f3f8;
  }
  header .nav_item:hover .menus_list {
    transform: none;
    opacity: 1;
    visibility: visible;
  }
  header .nav_item a {
    color: #060525;
  }
  header .nav_item .open_menu {
    width: 25px;
    height: 22px;
    padding: 8px 0px;
    vertical-align: middle;
    transition: 0.3s all ease;
    cursor: pointer;
  }
  header .nav_item .menus_list {
    position: absolute;
    left: 0;
    top: calc(100% + 18px);
    border: 1px solid #d6dfed;
    border-radius: 20px;
    background-color: #fff;
    transform: translateY(20px);
    width: auto;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    transition: 0.3s transform ease-out, 0.3s visibility ease-out, 0.1s opacity ease;
  }
  header .nav_item .menus_list .menu {
    max-width: 693px;
    width: 100%;
    padding: 18px;
    border-right: 1px solid #d6dfed;
    border-radius: 20px;
  }
  header .nav_item .menus_list:has(.inner_menu) {
    width: 1160px;
  }
  header .nav_item:has(img) {
    padding: 9px 6.5px 9px 14.5px;
  }
  header .menus_list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 0;
    position: relative;
    gap: 20px;
  }
  header .menus_list li:first-child {
    padding: 0 0 18px 0;
  }
  header .menus_list li:first-child .inner_menu {
    top: -18px;
  }
  header .menus_list li:last-child {
    padding: 18px 0 0 0;
  }
  header .menus_list li:last-child::after {
    display: none;
  }
  header .menus_list li:last-child .inner_menu {
    top: unset;
    bottom: -19px;
  }
  header .menus_list li:nth-last-child(2) .inner_menu {
    top: unset;
    bottom: 0;
  }
  header .menus_list li img:first-child {
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
    max-height: 40px;
  }
  header .menus_list li .open_inner {
    cursor: pointer;
  }
  header .menus_list li div {
    display: flex;
    align-items: center;
    gap: 18px;
  }
  header .menus_list li .inner_menu {
    position: absolute;
    right: -36px;
    top: 0;
    transform: translate(90%, 0);
    transition: 0.3s all ease-out;
    opacity: 0;
    visibility: hidden;
  }
  header .menus_list li .inner_menu li {
    padding: 30px 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
    color: #060525;
  }
  header .menus_list li .inner_menu li:last-child::after {
    display: block;
  }
  header .menus_list li::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #eaeaea;
  }
  header .menus_list li:hover .inner_menu {
    transform: translate(100%, 0);
    opacity: 1;
    visibility: visible;
  }
  header .menus_list li a {
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
    color: #060525;
    transition: 0.3s all ease;
  }
  header .menus_list li a:hover {
    color: #9CADC9;
  }
  header .to_call {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    border-radius: 100px;
    font-size: 16px;
    color: #ffffff;
    padding: 10px 10px 10px 20px;
    cursor: pointer;
    background: linear-gradient(135deg, rgb(219, 42, 29), rgb(219, 42, 29) 100%);
    transition: 0.3s all ease-out;
  }
  header .to_call:hover {
    background: linear-gradient(135deg, rgb(250, 80, 68), rgb(255, 90, 78) 100%);
  }
  header .hamburger {
    display: none;
  }
  @media (max-width: 1200px) {
    header .brand_logo {
      width: 150px;
      height: 61px;
    }
    header .address {
      margin: 0 0 0 28px;
    }
    header .social {
      flex-wrap: wrap;
      padding: 0 28px;
      width: 20%;
    }
    header .social span {
      width: 100%;
      padding: 0 0 0 20px;
    }
    header .social::before {
      left: 28px;
      top: 16%;
    }
    header .phone_number span {
      text-wrap: nowrap;
    }
    header .nav_item {
      padding: 8px 12px;
      font-size: 15px;
      margin: 0 7px 0 0;
    }
    header .nav_item:has(img) {
      padding: 8px 6.5px 8px 12px;
    }
    header .nav_item .menus_list {
      width: 961px;
    }
    header .nav_item .menus_list .menu {
      max-width: 600px;
    }
  }
  @media (max-width: 992px) {
    header .phone_number .desctop_icon, header .phone_number div {
      display: none;
    }
    header .phone_number .mobile_icon {
      display: block;
      box-shadow: 0px 4px 25px 0px rgba(46, 53, 72, 0.15);
      border-radius: 50%;
    }
    header .brand_logo {
      width: 140px;
      height: 57px;
    }
    header .address {
      margin: 0 0 0 21px;
    }
    header .social {
      padding: 0 21px;
      width: 25%;
    }
    header .nav_item {
      margin: 0 7px 10px 0;
    }
    header .nav_item:last-child {
      margin: 0 0 10px 0;
    }
    header .header_bottom {
      padding: 15px 0 5px 0;
    }
    header .nav_item .menus_list {
      top: calc(100% + 5px);
    }
    header .nav_item .menus_list:has(.inner_menu) {
      width: 721px;
    }
    header .nav_item .menus_list .menu {
      max-width: 60%;
    }
  }
  @media (max-width: 768px) {
    header .address, header .social {
      display: none;
    }
    header .hamburger {
      display: block;
      cursor: pointer;
    }
    header .header_right {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    header .phone_number {
      padding: 0;
    }
    header .phone_number::after {
      display: none;
    }
    header .header_top {
      padding: 20px 0;
    }
    header .header_bottom {
      flex-direction: column;
      border-radius: 15px;
      box-shadow: 0px 4px 25px 0px rgba(46, 53, 72, 0.15);
      background-color: #FFF;
      padding: 0;
      margin: 0;
      overflow: hidden;
      height: 0;
      transition: 0.3s all ease;
      border: none;
    }
    header .header_bottom.active {
      margin: 20px 0 0 0;
      height: auto;
      border-bottom: 1px solid #d6dfed;
    }
    header .header_bottom nav {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    header .nav_item {
      width: 100%;
      text-align: center;
      border-radius: 0;
      border: none;
      border-bottom: 1px solid #F0F3F8;
      margin: 0;
      padding: 20px;
      font-size: 16px;
    }
    header .nav_item:hover {
      background-color: transparent;
      border-color: #F0F3F8;
    }
    header .nav_item.active .menus_list {
      height: auto;
    }
    header .nav_item:has(img) {
      padding: 20px;
    }
    header .nav_item .menus_list {
      position: relative;
      opacity: 1;
      visibility: visible;
      border-radius: 0;
      border: none;
      width: auto;
      transform: none;
      height: 0;
      overflow: hidden;
      padding: 0;
      transition: 0.3s all ease;
    }
    header .nav_item .menus_list img {
      display: none;
    }
    header .nav_item .menus_list:has(.inner_menu) {
      width: auto;
    }
    header .nav_item .menus_list .menu {
      padding: 0;
      border: none;
      max-width: none;
      width: 100%;
    }
    header .nav_item .menus_list .menu li {
      justify-content: center;
      flex-direction: column;
      padding: 10px 0;
      gap: 0;
    }
    header .nav_item .menus_list .menu li::after {
      display: none;
    }
    header .nav_item .menus_list .menu li.active a {
      color: #9CADC9;
    }
    header .nav_item .menus_list .menu li:hover .inner_menu {
      transform: none;
    }
    header .menus_list li .inner_menu {
      opacity: 1;
      visibility: visible;
      position: relative;
      right: inherit;
      top: auto;
      transform: none;
      height: 0;
      overflow: hidden;
      transition: 0.3s all ease;
      border-radius: 15px;
      background-color: #F0F3F8;
      width: 100%;
    }
    header .menus_list li .inner_menu li {
      font-size: 14px;
    }
    header .menus_list li .inner_menu::after {
      position: absolute;
      content: "";
      top: 0;
      left: 50%;
      width: 17px;
      height: 17px;
      background-color: #F0F3F8;
      transform: translate(-50%, -50%) rotate(45deg);
    }
    header .menus_list li:first-child .inner_menu {
      top: auto;
    }
    header .nav_item.active img {
      transform: rotateX(180deg);
    }
    header .menus_list li.active .inner_menu {
      height: auto;
      margin: 20px 0 0 0;
      overflow: visible;
    }
    header .nav_item .menus_list .menu li .inner_menu li::after {
      display: block;
    }
    header .nav_item .menus_list .menu li .inner_menu li:last-child::after {
      display: none;
    }
    header .menus_list li {
      padding: 20px;
    }
    header .menus_list li a {
      font-weight: 600;
      line-height: 120%;
      font-size: 16px;
    }
    header .menus_list .inner_menu a {
      font-weight: 500;
      font-size: 14px;
    }
    header .header_bottom_right {
      margin: 30px 0;
    }
    header .header_bottom_right .phone_number {
      display: flex;
    }
    header .header_bottom_right .phone_number a {
      font-size: 20px;
      font-weight: 700;
      line-height: 100%;
      color: #060525;
    }
    header .header_bottom_right .phone_number p {
      color: #9C9CA3;
      font-size: 12px;
      font-weight: 400;
      line-height: 100%;
    }
    header header .menus_list li:last-child .inner_menu {
      top: unset;
      bottom: 0;
    }
  }
  .hero {
    background: #f0f3f8;
    padding: 28px 0 100px 0;
  }
  .hero .hero_card {
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0px 4px 25px 0px rgba(46, 53, 72, 0.15);
    display: flex;
    margin: 0 0 28px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  .hero .hero_card .hero_back {
    position: absolute;
    z-index: -1;
    bottom: -50%;
    right: 0%;
  }
  .hero .hero_left {
    padding: 28px 28px 0 28px;
  }
  .hero .hero_left h1 {
    line-height: 105%;
    margin: 0 0 35px 0;
  }
  .hero .hero_left p {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    margin: 0 0 15px 0;
  }
  .hero .hero_left p:last-child {
    margin: 0;
  }
  .hero .hero_row {
    display: flex;
    gap: 28px;
  }
  .hero .hero_item {
    border-radius: 20px;
    box-shadow: 0px 4px 25px 0px rgba(46, 53, 72, 0.15);
    background: #fff;
    padding: 28px 49px 28px 28px;
    width: calc(25% - 21px);
  }
  .hero .hero_item img {
    margin: 0 0 28px 0;
  }
  .hero .hero_item .hero_title {
    font-size: 18px;
    font-weight: 600;
    line-height: 130%;
  }
  @media (max-width: 1200px) {
    .hero .hero_card {
      background-position: 57% -247%;
    }
    .hero .hero_left h1 {
      font-size: 40px;
    }
    .hero .hero_item {
      padding: 26px;
    }
    .hero .hero_card .hero_back {
      bottom: -40%;
      right: 5%;
      width: 100%;
    }
  }
  @media (max-width: 992px) {
    .hero .hero_card {
      background-size: 96%;
      background-position: 57% 284%;
    }
    .hero .hero_left, .hero .consultation {
      width: 50%;
      padding: 24px;
    }
    .hero .hero_row {
      flex-wrap: wrap;
    }
    .hero .hero_item {
      width: calc(50% - 14px);
    }
    .hero .hero_left h1 {
      font-size: 36px;
      word-wrap: break-word;
    }
    .hero .hero_card .hero_back {
      bottom: -20%;
      right: 8%;
    }
  }
  @media (max-width: 768px) {
    .hero .hero_card {
      flex-direction: column;
      background-size: 100%;
      background-position: 50% 30%;
      background-color: #f0f3f8;
    }
    .hero .hero_left, .hero .consultation {
      width: 100%;
    }
    .hero .hero_left {
      padding-bottom: 205px;
    }
    .hero .hero_card .hero_back {
      bottom: 41%;
      right: 0%;
    }
  }
  @media (max-width: 576px) {
    .hero {
      padding: 20px 0 80px 0;
    }
    .hero .hero_left {
      padding: 20px 20px 207px 20px;
    }
    .hero .hero_left h1 {
      font-size: 26px;
      letter-spacing: -0.5px;
      margin: 0 0 20px 0;
    }
    .hero .hero_left p {
      font-size: 14px;
    }
    .hero .hero_left p img {
      width: 20px;
      height: 20px;
    }
    .hero .hero_card {
      background-size: 122%;
      background-position: 50% 30%;
      margin: 0 0 20px 0;
    }
    .hero .hero_card .hero_back {
      bottom: 49%;
    }
    .hero .hero .consultation {
      padding: 30px 20px;
    }
    .hero .consultation h3 {
      font-size: 22px;
      margin: 0 0 10px 0;
    }
    .hero .consultation .text_2 {
      margin: 0 0 20px 0;
      font-size: 13px;
    }
    .hero .hero_row {
      gap: 20px;
    }
    .hero .hero_item img {
      margin: 0 0 15px 0;
      width: 67px;
      height: 45px;
    }
    .hero .hero_item {
      width: calc(50% - 10px);
      border-radius: 15px;
      padding: 15px;
    }
    .hero .hero_item .hero_title {
      font-size: 12px;
      line-height: 125%;
    }
  }
  
  .consultation {
    flex: 0 0 auto;
    width: 461px;
    border-radius: 20px;
    background-color: #2e3548;
    padding: 48px 48px 62px 48px;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  .consultation h3 {
    font-size: 32px;
    line-height: 115%;
    letter-spacing: -2%;
    color: #ffffff;
    margin: 0 0 18px 0;
  }
  .consultation .text_2 {
    color: #9aa2b7;
    font-weight: 400;
    line-height: 135%;
    margin: 0 21px 25px 21px;
  }
  .consultation input,
  .consultation button {
    width: 100%;
    font-family: Manrope;
    border: none;
    outline: none;
  }
  .consultation input {
    border-radius: 12px;
    background-color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 12px 0;
    padding: 16px 20px;
    color: #060525;
  }
  .consultation input::-moz-placeholder {
    color: #C0C0C0;
  }
  .consultation input::placeholder {
    color: #C0C0C0;
  }
  .consultation button {
    justify-content: center;
    font-size: 20px;
    padding: 19px 12px;
    margin: 0 0 19px 0;
  }
  .consultation .consult_desc {
    font-size: 12px;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0%;
    color: #9aa2b7;
    padding: 0 4px;
  }
  .consultation .consult_desc a {
    font-weight: 600;
    color: #ffffff;
    text-decoration: underline;
  }
  .consultation::after {
    position: absolute;
    content: "";
    left: -451px;
    bottom: 113px;
    z-index: -1;
    width: 300%;
    height: 80%;
    background-image: url(../images/zigzak.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left center;
    transform: rotate(-35deg);
  }
  @media (max-width: 576px) {
    .consultation input {
      border-radius: 8px;
      font-size: 14px;
      margin: 0 0 10px 0;
      padding: 15.5px 18px;
    }
    .consultation button {
      font-size: 18px;
      padding: 16px 12px;
      margin: 0 0 12px 0;
      letter-spacing: -1px;
    }
    .consultation .consult_desc {
      font-size: 10px;
      line-height: 135%;
      padding: 0;
    }
    .consultation .consult_desc a {
      text-decoration: none;
    }
  }
  
  .cta {
    display: flex;
    border-radius: 20px;
    background-color: #f0f3f8;
  }
  .cta .cta_left {
    padding: 28px;
  }
  .cta .cta_title {
    font-size: 36px;
    font-weight: 700;
    line-height: 115%;
    letter-spacing: -2%;
  }
  .cta .cta_title a {
    color: #db2a1d;
    text-decoration: underline;
  }
  .cta .cta_desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -1%;
  }
  @media (max-width: 992px) {
    .cta .cta_left {
      padding: 24px;
    }
  }
  @media (max-width: 768px) {
    .cta {
      flex-direction: column;
    }
    .cta .cta_left {
      padding: 24px 24px 80px 24px;
    }
  }
  @media (max-width: 576px) {
    .cta {
      background-position: 56% 46%;
      background-size: 50%;
    }
    .cta .cta_left {
      padding: 30px 20px 80px 20px;
    }
    .cta .cta_title {
      margin: 0 0 10px 0;
      font-size: 18px;
    }
    .cta .cta_desc {
      width: 170px;
      font-size: 12px;
    }
    .cta .consultation {
      width: 100%;
      padding: 30px 20px;
    }
  }
  
  .services {
    background-color: #F0F3F8;
  }
  .services .service_wrap {
    background-color: #ffffff;
    /* border-radius: 45px 45px 0px 0px; */
    padding: 100px 0;
  }
  .services .section_top {
    display: flex;
    align-items: flex-end;
    gap: 28px;
    margin: 0 0 58px 0;
  }
  .services .section_top .section_title,
  .services .section_top .section_desc {
    width: calc(50% - 14px);
  }
  .services .section_top .section_title {
    line-height: 110%;
  }
  .services .section_top .section_desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: 0%;
  }
  .services .services_cards {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 28px;
    margin: 0 0 80px 0;
  }
  .services .service_col {
    width: calc(50% - 14px);
    display: flex;
    gap: 28px;
    flex-direction: column;
  }
  .services .service_item {
    overflow: hidden;
    background-color: #fbfbfb;
    border-radius: 20px;
  }
  .services .service_top {
    border-radius: 20px;
    background-color: #f0f3f8;
    background-image: url(../images/service_zigzak.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 214%;
    padding: 28px;
    overflow: hidden;
    position: relative;
    height: 242px;
    z-index: 1;
    transition: 0.3s all ease;
  }
  .services .service_top a{
    color: #060525;
    text-decoration: none;
  }
  .services .service_top a:hover{
    color: #9CADC9;
  }
  .services .service_top:hover {
    background-color: #FFF;
    background-image: url(../images/service_zigzak_hover.png);
  }
  .services .service_top .service_img {
    position: absolute;
    left: 0;
    bottom: -30%;
    width: auto;
    height: auto;
    z-index: -1;
  }
  .services .service_top .price_tag {
    position: absolute;
    top: 40%;
    right: 0;
    background-color: #2e3548;
    color: white;
    padding: 10px 30px 10px 30px;
    font-size: 24px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }
  .services .service_top .open_ul {
    flex: 0 0 auto;
    position: absolute;
    right: 28px;
    bottom: 28px;
    cursor: pointer;
    border-radius: 50%;
    transition: 0.3s transform ease;
  }
  .services .service_top .open_ul.active {
    transform: rotate(90deg);
  }
  .services .service_top .open_ul.active rect {
    fill: transparent;
    stroke: #db2a1d;
    stroke-width: 3px;
  }
  .services .service_top .open_ul.active path {
    fill: #db2a1d;
  }
  .services .services_cards2 {
    gap: 0;
  }
  .services .services_cards2 .service_col {
    width: 50%;
    gap: 0;
  }
  .services .services_cards2 .service_col:first-child .service_top {
    padding-right: 14px;
  }
  .services .services_cards2 .service_col:last-child .service_top {
    padding-left: 14px;
  }
  .services .services_cards2 .service_item {
    background: transparent;
    border-radius: 0;
  }
  .services .services_cards2 .service_item .service_top {
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0;
    height: auto;
    padding: 28px 0;
    border-top: 1px solid #EAEAEA;
  }
  .services .services_cards2 .service_item .service_top div {
    display: flex;
    align-items: center;
    gap: 18px;
  }
  .services .services_cards2 .service_item .service_top .open_ul {
    position: relative;
    bottom: auto;
    right: auto;
  }
  .services .services_cards2 .service_item:last-child .service_top {
    border-bottom: 1px solid #EAEAEA;
  }
  .services .cta {
    background-image: url(../images/cta1.webp);
    background-repeat: no-repeat;
    background-position: 50% 169px;
    background-size: 38%;
  }
  .services .cta .cta_title {
    margin: 0 0 115px 0;
  }
  .services .cta .cta_desc {
    width: 238px;
  }
  .services .consultation {
    padding: 48px;
  }
  @media (max-width: 1200px) {
    .services .section_top {
      align-items: flex-start;
    }
  }
  @media (max-width: 992px) {
    .services .service_top .service_img {
      scale: 0.8;
      left: -34px;
      -o-object-fit: cover;
         object-fit: cover;
    }
    .services .services_cards2 .service_item .service_top {
      gap: 10px;
    }
    .services .services_cards2 .service_item .service_top .service_title {
      word-break: break-all;
      font-size: 20px;
    }
    .services .consultation {
      width: 50%;
      padding: 24px;
    }
    .services button {
      font-size: 17px;
    }
    .services .cta {
      background-position: 45% 310px;
    }
    .services .cta .cta_title {
      margin: 0 0 48px 0;
      font-size: 30px;
    }
    .services .cta .cta_title a {
      display: block;
    }
    .services .cta .cta_desc {
      width: auto;
    }
  }
  @media (max-width: 768px) {
    .services .section_top {
      flex-direction: column;
      gap: 20px;
    }
    .services .section_top .section_desc, .services .section_top .section_title {
      width: 100%;
    }
    .services .services_cards {
      flex-direction: column;
    }
    .services .service_col, .services .services_cards2 .service_col {
      width: 100%;
    }
    .services .service_top .service_img {
      scale: 1;
    }
    .services .services_cards2 .service_item .service_top .service_title {
      word-break: normal;
    }
    .services .services_cards2 .service_col:last-child .service_item:first-child .service_top {
      border: none;
    }
    .services .consultation {
      width: 100%;
    }
    .services .cta {
      background-position: 88% 55%;
    }
    .services .services_cards2 .service_col:first-child .service_top {
      padding-right: 0;
    }
    .services .services_cards2 .service_col:last-child .service_top {
      padding-left: 0;
    }
  }
  @media (max-width: 576px) {
    .services .service_wrap {
      padding: 60px 0 80px 0;
      /* border-radius: 30px 30px 0px 0px; */
    }
    .services .section_top .section_title {
      font-size: 32px;
      letter-spacing: -1px;
    }
    .services .cta .cta_title a {
      display: inline;
    }
    .services .section_top .section_desc {
      font-size: 13px;
      line-height: 135%;
      letter-spacing: -0.2px;
    }
    .services .section_top {
      margin: 0 0 20px 0;
    }
    .services .service_top {
      display: flex;
      align-items: flex-end;
      gap: 20px;
      justify-content: space-between;
      padding: 20px;
    }
    .services .service_top .service_img {
      bottom: 30%;
      left: 0px;
      height: 70%;
    }
    .services .service_title {
      font-size: 18px;
      font-weight: 700;
      line-height: 120%;
      letter-spacing: -0.2px;
    }
    .services .service_top .price_tag {
      font-size: 20px;
      padding: 5px 20px 5px 20px;
    }
    .services .service_top .open_ul {
      position: relative;
      right: auto;
      bottom: auto;
    }
    .services .service_col {
      gap: 20px;
    }
    .services .services_cards {
      gap: 20px;
      margin: 0 0 60px 0;
    }
    .services .services_cards2 .service_item .service_top {
      padding: 20px 0;
      align-items: flex-end;
    }
    .services .services_cards2 .service_item .service_top div {
      flex-direction: column;
      align-items: flex-start;
    }
    .services .services_cards2 {
      gap: 0;
    }
    .services .cta .cta_title {
      margin: 0 0 10px 0;
      font-size: 18px;
    }
    .services .cta .cta_desc {
      width: 170px;
      font-size: 12px;
    }
    .services .cta {
      background-position: 56% 46%;
      background-size: 50%;
    }
    .services .consultation {
      width: 100%;
      padding: 30px 20px;
    }
  }
  @media (max-width: 450px){
    .services .service_top .service_img{
      height: 50%;
    }
  }
  
  .otziv {
    padding: 100px 0;
    /* border-radius: 45px 45px 0px 0px; */
    background: rgb(240, 243, 248);
  }
  .otziv .otziv_swiper {
    overflow: visible;
  }
  .otziv .otziv_title {
    max-width: 690px;
    margin: 0 auto 48px auto;
  }
  .otziv .otziv_rate_block {
    display: flex;
    align-items: center;
    gap: 28px;
    flex-wrap: wrap;
    margin-bottom: 80px;
  }
  .otziv .rate_item {
    padding: 28px;
    flex: 1;
    border-radius: 20px;
    box-shadow: 0px 4px 25px 0px rgba(46, 53, 72, 0.15);
    background: rgb(255, 255, 255);
  }
  .otziv .rate_logo {
    text-align: center;
    padding-bottom: 28px;
    margin-bottom: 28px;
    border-bottom: 1px solid rgb(234, 234, 234);
  }
  .otziv .rate_number {
    color: rgb(6, 5, 37);
    font-size: 22px;
    font-weight: 500;
    line-height: 105%;
    text-align: center;
    margin-bottom: 18px;
  }
  .otziv .star_block {
    display: flex;
    justify-content: center;
  }
  .otziv .otziv_swiper_item {
    border-radius: 20px;
    box-shadow: 0px 4px 25px 0px rgba(46, 53, 72, 0.15);
    background: rgb(255, 255, 255);
    padding: 28px;
  }
  .otziv .otziv_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 28px;
    margin-bottom: 28px;
    border-bottom: 1px solid rgb(234, 234, 234);
  }
  .otziv .otziv_profile {
    display: flex;
    align-items: center;
    gap: 28px;
  }
  .otziv .avatar_name {
    color: rgb(6, 5, 37);
    font-size: 24px;
    font-weight: 700;
    line-height: 125%;
    margin-bottom: 10px;
  }
  .otziv .stars_block {
    display: flex;
  }
  .otziv .otziv_description {
    color: rgb(6, 5, 37);
    font-size: 16px;
    font-weight: 400;
    line-height: 145%;
    margin-bottom: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    transition: 0.3s all ease;
  }
  .otziv .otziv_description.show {
    -webkit-line-clamp: initial;
  }
  .otziv .otziv_btn {
    display: flex;
    gap: 6px;
    align-items: center;
    cursor: pointer;
  }
  .otziv .otziv_btn span, .otziv .otziv_btn p {
    color: rgb(156, 173, 201);
    font-size: 16px;
    font-weight: 600;
    line-height: 145%;
  }
  .otziv .otziv_btn p {
    display: none;
  }
  .otziv .otziv_btn.active p {
    display: block;
  }
  .otziv .otziv_btn.active span {
    display: none;
  }
  .otziv .swiper-slide-next .otziv_swiper_item,
  .otziv .swiper-slide-prev .otziv_swiper_item {
    position: relative;
  }
  .otziv .swiper-slide-next .otziv_swiper_item::after,
  .otziv .swiper-slide-prev .otziv_swiper_item::after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgb(240, 243, 248), rgba(240, 243, 248, 0.5) 49%, rgba(240, 243, 248, 0) 100%);
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
  }
  .otziv .swiper-slide-next .otziv_swiper_item::after {
    right: 0;
    left: unset;
    transform: rotate(180deg);
  }
  @media (max-width: 992px) {
    .otziv .rate_item {
      width: calc(50% - 14px);
      flex: auto;
    }
  }
  @media (max-width: 576px) {
    .otziv {
      padding: 80px 0;
    }
    .otziv .title {
      font-size: 28px;
      margin: 0 0 30px 0;
    }
    .otziv .rate_item {
      width: 100%;
      padding: 20px;
      border-radius: 15px;
    }
    .otziv .otziv_rate_block {
      gap: 20px;
      margin: 0 0 60px 0;
    }
    .otziv .rate_logo {
      margin: 0 0 20px 0;
      padding: 0 0 20px 0;
    }
    .otziv .otziv_swiper {
      padding: 0 20px;
    }
    .otziv .otziv_swiper_item {
      border-radius: 15px;
      padding: 16px 20px 23px 20px;
    }
    .otziv .otziv_avatar {
      display: flex;
    }
    .otziv .otziv_avatar img {
      width: 90px;
      height: 90px;
    }
    .otziv .otziv_profile {
      align-items: flex-start;
      flex-direction: column;
      gap: 20px;
    }
    .otziv .avatar_name {
      font-size: 20px;
    }
    .otziv .stars_block img {
      width: 20px;
      height: 20px;
    }
    .otziv .otziv_top {
      align-items: flex-start;
      margin: 0 0 20px 0;
      padding: 0 0 20px 0;
    }
    .otziv .otziv_quotes {
      padding: 15px 7.5px;
    }
    .otziv .otziv_description {
      font-size: 14px;
      margin-bottom: 15px;
      -webkit-line-clamp: 9;
    }
    .otziv .otziv_btn span {
      font-size: 14px;
    }
    .otziv .gallery_nav {
      position: relative;
      margin: 0;
      left: auto;
      right: auto;
    }
    .otziv .gallery_navs {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin: 30px 0 0 0;
    }
  }
  
  .car_service {
    background: rgb(46, 53, 72);
  }
  .car_service.work_car_service .car_service_wrapper {
    background-color: #FFFFFF;
  }
  .car_service .car_service_wrapper {
    /* border-radius: 45px 45px 0px 0px; */
    padding: 100px 0 80px 0;
    background: rgb(255, 255, 255);
  }
  .car_service .car_service_block {
    display: flex;
    gap: 28px;
    align-items: stretch;
    flex-wrap: wrap;
  }
  .car_service .car_service_item {
    padding: 28px;
    border-radius: 20px;
    background: rgb(240, 243, 248);
    width: calc(33.33% - 18.7px);
  }
  .car_service .square_block {
    display: flex;
    gap: 4px;
    justify-content: end;
  }
  .car_service .square_block span {
    width: 14px;
    height: 14px;
    border: 1px solid rgb(214, 223, 237);
    border-radius: 2px;
  }
  .car_service .square_block span.active {
    background: rgb(255, 255, 255);
  }
  .car_service .square_number_img {
    width: 140px;
    height: 140px;
    background: linear-gradient(180deg, rgb(255, 255, 255), rgba(255, 255, 255, 0) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    font-size: 70px;
    color: #fff;
    -webkit-text-stroke: 2px red;
  }
  .car_service .car_service_name {
    color: rgb(6, 5, 37);
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -2%;
    margin-bottom: 18px;
  }
  .car_service .car_service_desc {
    color: rgb(6, 5, 37);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    max-width: 300px;
    margin-bottom: 18px;
  }
  .car_service .car_service_bottom {
    border-top: 1px solid rgb(214, 223, 237);
    padding-top: 18px;
    color: rgb(6, 5, 37);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
  }
  .car_service .car_service_bottom a {
    color: rgb(6, 5, 37);
    font-size: 16px;
    line-height: 140%;
    font-weight: 600;
  }
  @media (max-width: 992px) {
    .car_service .square_number_img {
      width: 100px;
      height: 100px;
      font-size: 50px;
    }
    .car_service .car_service_item{
      width: calc(50% - 14px);
    }
  }
  @media (max-width: 576px) {
    .car_service .car_service_wrapper {
      padding: 60px 0;
      border-radius: 30px 30px 0 0;
      background-color: #F0F3F8;
    }
    .car_service .title {
      margin: 0 0 30px 0;
    }
    .car_service .car_service_block .car_service_item {
      width: 100%;
      background: transparent;
      padding: 20px;
    }
    .car_service.work_car_service .car_service_block .car_service_item {
      background-color: #F0F3F8;
    }
    .car_service .square_number_img {
      background: linear-gradient(180deg, rgb(255, 255, 255), rgba(255, 255, 255, 0) 100%);
      margin: -14px 0 10px 0;
    }
    .car_service .car_service_name {
      font-size: 20px;
      margin: 0 0 12px 0;
    }
    .car_service .car_service_desc {
      font-size: 14px;
      margin: 0 0 20px 0;
    }
    .car_service .car_service_bottom {
      font-size: 14px;
      padding: 20px 0 0 0;
    }
    .car_service .square_block span.active {
      display: none;
    }
  }
  
  .award {
    background-color: #f0f3f8;
  }
  .award .award_wrap {
    /* border-radius: 45px 45px 0 0; */
    background: url(../images/zigzak.png), rgb(46, 53, 72);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 100px 0;
  }
  .award .award_title {
    color: rgb(255, 255, 255);
    font-size: 56px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 20px;
    text-align: center;
  }
  .award .award_desc {
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 400;
    line-height: 155%;
    text-align: center;
    max-width: 625px;
    margin: 0 auto 23px auto;
  }
  .award .award_block {
    display: flex;
    gap: 28px;
  }
  .award .award_img {
    width: calc(25% - 21px);
  }
  .award .award_img img {
    width: 100%;
    border-radius: 20px;
  }
  @media (max-width: 992px) {
    .award .award_block {
      flex-wrap: wrap;
    }
    .award .award_img {
      width: calc(50% - 14px);
    }
  }
  @media (max-width: 768px) {
    .award .award_title {
      font-size: 38px;
    }
  }
  @media (max-width: 576px) {
    .award .award_wrap {
      padding: 80px 0;
      border-radius: 30px 30px 0 0;
    }
    .award .award_title {
      font-size: 32px;
      margin: 0 0 20px 0;
    }
    .award .award_desc {
      font-size: 13px;
      line-height: 135%;
      margin: 0 0 30px 0;
    }
    .award .award_block {
      gap: 20px;
    }
    .award .award_img {
      width: calc(50% - 10px);
    }
  }
  
  .diagnostic {
    position: relative;
  }
  .diagnostic + section {
    padding-top: 300px;
  }
  .diagnostic.work_diagnostic {
    background: rgb(240, 243, 248);
  }
  .diagnostic .diagnostic_block {
    position: relative;
    display: flex;
    overflow: hidden;
    justify-content: space-between;
    border-radius: 20px;
    box-shadow: 0px 4px 25px 0px rgba(46, 53, 72, 0.15);
    margin-bottom: -185px;
    z-index: 1;
    background: rgb(255, 255, 255);
  }
  .diagnostic .diagnostic_bg {
    position: absolute;
    bottom: -153px;
    z-index: -1;
    right: 110px;
  }
  .diagnostic .diagnostic_details {
    position: relative;
    padding: 28px 0 135px 28px;
    overflow: hidden;
    border-radius: 20px;
  }
  .diagnostic .diasnotic_title {
    color: rgb(6, 5, 37);
    font-size: 38px;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -2%;
    margin-bottom: 18px;
    max-width: 500px;
  }
  .diagnostic .diagnostic_desc {
    color: rgb(6, 5, 37);
    font-size: 16px;
    font-weight: 400;
    line-height: 145%;
    max-width: 302px;
  }
  .diagnostic .diagnostic_logo {
    position: absolute;
    bottom: -178px;
    left: -53px;
    z-index: 0;
  }
  .diagnostic .diagnostic_form_block {
    border-radius: 20px;
    width: 566px;
    display: flex;
    align-items: center;
    background: url(../images/quiz_zigzak.png), rgb(46, 53, 72);
    background-position: 100%;
    background-repeat: no-repeat;
  }
  @media (max-width: 1200px) {
    .diagnostic button {
      font-size: 17px;
    }
    .diagnostic .diagnostic_bg {
      width: 75%;
      bottom: -141px;
    }
  }
  @media (max-width: 992px) {
    .diagnostic .diagnostic_details {
      padding: 24px;
    }
    .diagnostic button {
      font-size: 14px;
    }
  }
  @media (max-width: 768px) {
    .diagnostic + section {
      padding-top: 400px;
    }
    .diagnostic .diagnostic_block {
      flex-direction: column;
      margin-bottom: -280px;
    }
    .diagnostic .diagnostic_form_block {
      width: 100%;
    }
    .diagnostic .diagnostic_details {
      padding: 24px 24px 55px 24px;
    }
    .diagnostic .diagnostic_logo {
      left: 45%;
      width: 300px;
    }
    .diagnostic .diagnostic_logo img {
      width: 100%;
    }
  }
  @media (max-width: 576px) {
    .diagnostic {
      background-color: #F0F3F8;
    }
    .diagnostic.work_diagnostic#otziv_diagnostic {
      background-color: #F0F3F8;
    }
    .diagnostic#otziv_diagnostic {
      background-color: transparent;
    }
    .diagnostic + section {
      padding-top: 380px;
    }
    .diagnostic .diagnostic_details {
      padding: 30px 20px 55px 20px;
    }
    .diagnostic .diasnotic_title {
      font-size: 22px;
      line-height: 115%;
      margin: 0 0 15px 0;
      text-align: center;
    }
    .diagnostic .diagnostic_desc {
      /* width: 170px; */
      font-size: 12px;
      text-align: center;
    }
    .diagnostic .diagnostic_logo {
      left: 118px;
      bottom: -133px;
      width: 200px;
    }
  }
  
  .mulfunction {
    background-color: #f0f3f8;
  }
  .mulfunction .mulfunction_wrap {
    padding: 100px 0;
    /* border-radius: 45px 45px 0px 0px; */
    background: rgb(255, 255, 255);
  }
  .mulfunction .mulfunction_top {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 48px;
  }
  .mulfunction .mulfunction_title {
    color: rgb(6, 5, 37);
    font-size: 56px;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -3%;
    max-width: 650px;
  }
  .mulfunction .mulfunction_top_desc {
    color: rgb(6, 5, 37);
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    max-width: 368px;
  }
  .mulfunction .mulfunction_block {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 28px;
  }
  .mulfunction .mulfunction_item {
    flex: 0 0 auto;
    width: calc(33.33% - 18.67px);
    border-radius: 20px;
    background: rgb(240, 243, 248);
    padding: 28px 37px 38px 28px;
  }
  .mulfunction .mulfunction_item.mulfunction_item_last {
    flex: 1;
    position: relative;
    background: rgb(46, 53, 72);
    z-index: 1;
  }
  .mulfunction .mulfunction_item.mulfunction_item_last .main_icon {
    background: rgb(255, 255, 255);
  }
  .mulfunction .mulfunction_item.mulfunction_item_last .multifunction_item_desc {
    color: #fff;
  }
  .mulfunction .mulfunction_item.mulfunction_item_last .company_logo {
    position: absolute;
    bottom: -3px;
    right: 0;
    z-index: -1;
  }
  .mulfunction .mulfunction_item.mulfunction_item_last .company_logo img {
    width: 350px;
  }
  .mulfunction .mulfunction_icon {
    position: relative;
    display: inline-block;
    margin-bottom: 35px;
  }
  .mulfunction .mulfunction_icon .main_icon {
    background: rgb(46, 53, 72);
    border-radius: 50%;
    width: 78px;
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mulfunction .mulfunction_icon .plus_img {
    position: absolute;
    bottom: -2px;
    right: -11px;
    width: 32px;
    background: linear-gradient(135deg, rgb(219, 42, 29) 0%, rgb(219, 42, 29) 100%);
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }
  .mulfunction .mulfunction_icon .plus_img img {
    width: 13.17px;
    height: 13.23px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .mulfunction .multifunction_item_desc {
    color: rgb(6, 5, 37);
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -2%;
    max-width: 300px;
  }
  .mulfunction .bmw_item_desc {
    color: rgb(6, 5, 37);
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -2%;
    max-width: 300px;
  }
  @media (max-width: 1200px) {
    .mulfunction .mulfunction_top {
      gap: 48px;
    }
    .mulfunction .mulfunction_title {
      font-size: 40px;
    }
  }
  @media (max-width: 992px) {
    .mulfunction .mulfunction_item {
      width: calc(50% - 14px);
    }
  }
  @media (max-width: 768px) {
    .mulfunction .mulfunction_top {
      flex-direction: column;
      align-items: flex-start;
    }
    .mulfunction .mulfunction_item.mulfunction_item_last .company_logo img {
      width: 260px;
    }
  }
  @media (max-width: 576px) {
    .mulfunction.work_mulfunction .mulfunction_item {
      width: 100%;
      padding: 20px;
    }
    .mulfunction.work_mulfunction .mulfunction_item.mulfunction_item_last {
      height: 295px;
      border-radius: 15px;
      overflow: hidden;
      flex-direction: column;
      gap: 23px;
    }
    .mulfunction.work_mulfunction .mulfunction_icon .main_icon {
      width: 78px;
      height: 78px;
    }
    .mulfunction.work_mulfunction .mulfunction_icon .main_icon img {
      width: 53%;
    }
    .mulfunction.work_mulfunction .mulfunction_icon .plus_img {
      width: 32px;
      height: 32px;
    }
    .mulfunction.work_mulfunction .mulfunction_icon .plus_img img {
      width: 13px;
      height: 13px;
    }
    .mulfunction.work_mulfunction .mulfunction_item .multifunction_item_desc {
      width: 60%;
      padding: 10px 0 0 0;
      font-size: 20px;
    }
    .mulfunction.work_mulfunction .mulfunction_item.mulfunction_item_last .mulfunction_icon {
      margin: 0;
    }
    .mulfunction.work_mulfunction .mulfunction_item.mulfunction_item_last .company_logo img {
      width: 200px;
    }
    .mulfunction.work_mulfunction .mulfunction_item.mulfunction_item_last .company_logo {
      bottom: -18px;
      right: 125px;
    }
    .mulfunction .mulfunction_wrap {
      background-color: transparent;
      border-radius: 0;
      padding: 60px 0 80px 0;
    }
    .mulfunction.work_mulfunction .mulfunction_wrap {
      border-radius: 30px 30px 0 0;
      background: rgb(255, 255, 255);
    }
    .mulfunction .mulfunction_title {
      font-size: 32px;
    }
    .mulfunction .mulfunction_top {
      gap: 16px;
    }
    .mulfunction .mulfunction_block {
      gap: 20px;
    }
    .mulfunction .mulfunction_item {
      width: calc(50% - 10px);
      padding: 15px;
    }
    .mulfunction .mulfunction_icon .main_icon {
      width: 51px;
      height: 51px;
    }
    .mulfunction .mulfunction_icon .main_icon img {
      width: 65%;
    }
    .mulfunction .mulfunction_icon .plus_img {
      width: 21px;
      height: 21px;
    }
    .mulfunction .mulfunction_icon .plus_img img {
      width: 8px;
      height: 8px;
    }
    .mulfunction .mulfunction_icon {
      margin: 0 0 15px 0;
    }
    .mulfunction .multifunction_item_desc {
      font-size: 12px;
      line-height: 125%;
    }
    .mulfunction .mulfunction_item.mulfunction_item_last {
      height: 180px;
      border-radius: 15px;
      display: flex;
      gap: 22px;
      align-items: flex-start;
      overflow: hidden;
    }
    .mulfunction .mulfunction_item.mulfunction_item_last .multifunction_item_desc {
      width: 65%;
      padding: 10px 0 0 0;
    }
    .mulfunction .mulfunction_item.mulfunction_item_last .company_logo img {
      width: 200px;
    }
    .mulfunction .mulfunction_item.mulfunction_item_last .company_logo {
      bottom: -18px;
      right: 46px;
    }
  }
  
  #otziv_diagnostic.diagnostic .diagnostic_logo {
    left: -50px;
    bottom: -235px;
  }
  #otziv_diagnostic.diagnostic .diagnostic_logo img {
    opacity: 0.2;
  }
  #otziv_diagnostic.diagnostic .diagnostic_bg {
    right: unset;
    left: 28%;
  }
  @media (max-width: 576px) {
    #otziv_diagnostic.diagnostic .diagnostic_logo {
      left: 118px;
      bottom: -133px;
      width: 200px;
    }
  }
  
  .gallery {
    /* border-radius: 45px 45px 0px 0px; */
    background-color: #f0f3f8;
    padding: 100px 0;
  }
  .gallery .gallery_title {
    max-width: 650px;
    margin: 0 auto;
  }
  .gallery .gallery_block {
    position: relative;
  }
  .gallery .blur1 {
    left: 0;
  }
  .gallery .blur2 {
    right: 0;
    z-index: 2;
    transform: rotate(180deg);
  }
  .gallery .swiper_blur {
    position: absolute;
    top: 0;
    z-index: 3;
    width: 294px;
    height: 100%;
    background: linear-gradient(90deg, rgb(240, 243, 248), rgba(240, 243, 248, 0.5) 49%, rgba(240, 243, 248, 0) 100%);
  }
  .gallery .gaallery_img img {
    width: 100%;
    border-radius: 20px;
  }
  @media (max-width: 768px) {
    .gallery .swiper_blur {
      width: 150px;
    }
  }
  @media (max-width: 576px) {
    .gallery {
      padding: 80px 0;
    }
    .gallery .gallery_swiper {
      padding: 0 20px;
    }
    .gallery .swiper_blur {
      display: none;
    }
  }
  
  .stamps {
    padding: 100px 0;
    /* border-radius: 45px 45px 0 0; */
    background-color: #f0f3f8;
  }
  .stamps .section_title {
    line-height: 105%;
    margin: 0 0 30px 0;
    text-align: center;
  }
  .stamps .section_desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    margin: 0 0 58px 0;
    text-align: center;
  }
  .stamps .stamps_row {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    margin: 0 0 28px 0;
  }
  .stamps .stamps_row .stamp_item {
    width: calc(25% - 21px);
    border-radius: 20px;
    box-shadow: 0px 4px 25px 0px rgba(46, 53, 72, 0.15);
    background-color: #ffffff;
    padding: 28px;
    /* display: flex; */
    flex-direction: column;
    gap: 23px;
    align-items: center;
    transition: 0.3s all ease;
    text-align: center;
    display: none;
  }
  .stamps .stamps_row .stamp_item:nth-child(-n+8) {
    display: flex;
  }
  .stamps .stamps_row .stamp_item:hover {
    background-color: #F0F3F8;
    box-shadow: none;
  }
  .stamps .stamps_row .stamp_item:hover .stamp_img {
    background-color: #FFF;
  }
  .stamps .stamps_row .stamp_img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 213px;
    border-radius: 50%;
    border: 2px dashed #d7dfec;
    background-color: #f0f3f8;
    padding: 44.5px 0;
    transition: 0.3s all ease;
  }
  .stamps .stamps_row .stamp_img img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .stamps .stamps_row .stamp_title {
    line-height: 105%;
    font-size: 20px;
    color: #060525;
  }
  @media (max-width: 1200px) {
    .stamps .stamps_row .stamp_item {
      padding: 24px;
    }
    .stamps .stamps_row .stamp_img {
      height: 171px;
    }
  }
  @media (max-width: 992px) {
    .stamps .stamps_row .stamp_item {
      width: calc(50% - 14px);
      padding: 28px;
    }
    .stamps .stamps_row .stamp_img {
      height: 290px;
    }
  }
  @media (max-width: 768px) {
    .stamps .stamps_row .stamp_img {
      height: 200px;
    }
  }
  @media (max-width: 576px) {
    .stamps {
      padding: 60px 0 80px 0;
      /* border-radius: 30px 30px 0px 0px; */
    }
    .stamps .section_title {
      font-size: 32px;
      line-height: 110%;
      margin: 0 0 20px 0;
      text-align: left;
    }
    .stamps .section_desc {
      font-size: 13px;
      line-height: 135%;
      margin: 0 0 30px 0;
      text-align: left;
    }
    .stamps .stamps_row {
      gap: 20px;
    }
    .stamps .stamps_row .stamp_item {
      width: calc(50% - 10px);
      padding: 20px;
      border-radius: 15px;
      gap: 20px;
    }
    .stamps .stamps_row .stamp_item.with_title {
      width: 100%;
      padding: 30px 44px 20px 44px;
    }
    .stamps .stamps_row .stamp_item.with_title .stamp_img {
      height: 0;
      padding: 100% 0 0 0;
    }
    .stamps .stamps_row .stamp_item.with_title img {
      max-width: 250px;
      max-height: 120px;
    }
    .stamps .stamps_row .stamp_img {
      height: 0;
      padding: 100% 0 0 0;
      position: relative;
    }
    .stamps .stamps_row .stamp_img img {
      position: absolute;
      max-height: 60px;
      width: auto;
      height: auto;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
    .stamps .stamps_row .stamp_title {
      font-size: 14px;
    }
  }
  
  .why {
    background-color: #F0F3F8;
  }
  .why .why_wrap {
    /* border-radius: 45px 45px 0px 0px; */
    background-color: #ffffff;
    padding: 100px 0 80px 0;
  }
  .why .section_title {
    text-align: center;
    margin: 0 0 38px 0;
    line-height: 105%;
  }
  .why .why_row {
    display: flex;
    gap: 28px;
    flex-wrap: wrap;
  }
  .why .why_item {
    width: calc(33.33% - 18.67px);
    border-radius: 20px;
    background-color: #f0f3f8;
    padding: 28px;
    position: relative;
  }
  .why .why_item::after {
    position: absolute;
    content: "";
    right: 28px;
    top: 28px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ffffff;
  }
  .why .why_item.big {
    width: calc(50% - 14px);
  }
  .why .why_item .why_title {
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -2%;
    padding: 38px 0 18px 0;
  }
  .why .why_item .why_desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    padding: 0 10px 0 0;
  }
  .why .why_item .why_top {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0 0 28px 0;
  }
  .why .why_item .why_top .why_title {
    padding: 0;
  }
  @media (max-width: 1200px) {
    .why .why_item .why_desc {
      padding: 0;
    }
    .why .why_item br {
      display: none;
    }
  }
  @media (max-width: 992px) {
    .why .why_item, .why .why_item.big {
      width: calc(50% - 14px);
    }
    .why .why_item .why_top {
      flex-direction: column;
      align-items: flex-start;
      margin: 0 0 18px 0;
    }
    .why .why_item .why_title {
      padding: 28px 0 18px 0;
    }
  }
  @media (max-width: 768px) {
    .why .why_item {
      padding: 24px;
    }
  }
  @media (max-width: 576px) {
    .why .why_wrap {
      padding: 60px 0;
      /* border-radius: 30px 30px 0px 0px; */
    }
    .why .why_row {
      gap: 20px;
    }
    .why .why_item, .why .why_item.big {
      padding: 20px;
      width: 100%;
    }
    .why .why_item img {
      width: 112px;
      height: 75px;
    }
    .why .why_item .why_title {
      padding: 30px 0 12px 0;
      font-size: 18px;
    }
    .why .why_item .why_top {
      gap: 30px;
      margin: 0 0 12px 0;
    }
    .why .why_item .why_desc {
      font-size: 14px;
    }
  }
  
  .faq {
    padding: 100px 0;
    /* border-radius: 45px 45px 0px 0px; */
    background: rgb(240, 243, 248);
  }
  .faq .faq_block {
    display: flex;
    align-items: flex-start;
    gap: 28px;
    flex-wrap: wrap;
  }
  .faq .faq_item_wrapper {
    flex: 0 0 auto;
    width: calc(50% - 14px);
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
  .faq .faq_item {
    border-radius: 14px;
    box-shadow: 0px 4px 25px 0px rgba(46, 53, 72, 0.15);
    background: rgb(255, 255, 255);
  }
  .faq .faq_arrow {
    background: linear-gradient(135deg, rgb(219, 42, 29) 0%, rgb(219, 42, 29) 100%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease-in-out 0.4s;
    transform: rotate(45deg);
    flex: 0 0 auto;
    cursor: pointer;
  }
  .faq .faq_arrow.active {
    transform: rotate(360deg);
  }
  .faq .faq_head {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 16px 0 28px;
    padding: 16px 0px 16px 0px;
  }
  .faq .faq_head.active {
    border-bottom: 1px solid rgb(234, 234, 234);
  }
  .faq .faq_body {
    padding: 18px 28px 23px 28px;
  }
  .faq .faq_desc {
    color: rgb(6, 5, 37);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    max-width: 500px;
  }
  @media (max-width: 992px) {
    .faq .faq_head {
      gap: 10px;
    }
    .faq .faq_name {
      font-size: 18px;
    }
  }
  @media (max-width: 768px) {
    .faq .faq_block {
      gap: 20px;
      flex-direction: column;
    }
    .faq .faq_item_wrapper {
      width: 100%;
      gap: 20px;
    }
  }
  @media (max-width: 576px) {
    .faq {
      border-radius: 0;
      padding: 60px 0 80px 0;
    }
    .faq.work_faq {
      border-radius: 30px 30px 0 0;
    }
    .faq .title {
      font-size: 28px;
      margin: 0 0 30px 0;
      margin: 0 17% 30px 17%;
    }
    .faq .faq_head {
      padding: 20px 0;
      margin: 0 20px;
    }
    .faq .faq_arrow {
      width: 46px;
      height: 46px;
    }
    .faq .faq_name {
      font-weight: 500;
      line-height: 125%;
    }
    .faq .faq_body {
      padding: 20px;
    }
    .faq .faq_desc {
      font-size: 14px;
    }
  }
  
  .quiz {
    background-color: #f0f3f8;
  }
  .quiz .quiz_wrap {
    padding: 100px 0;
    /* border-radius: 45px; */
    background: rgb(255, 255, 255);
  }
  .quiz .quiz_block {
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    background: url("../images/big_zigzak.png"), rgb(240, 243, 248);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    transition: all ease-in 0.1s;
  }
  .quiz .quiz_block.active {
    background-image: url(../images/quiz_active_img.webp);
    background-position: bottom;
  }
  .quiz .quiz_block.active .quiz_img {
    position: absolute;
    visibility: hidden;
    opacity: 0;
  }
  .quiz .quiz_block.active .quiz_wrapper {
    position: relative;
  }
  .quiz .quiz_details {
    padding: 48px;
    width: 50%;
  }
  .quiz .quiz_title {
    color: rgb(6, 5, 37);
    font-size: 42px;
    font-weight: 700;
    line-height: 105%;
    letter-spacing: -2%;
    margin-bottom: 48px;
    max-width: 460px;
  }
  .quiz .quiz_wrapper {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 570px;
    border-radius: 20px;
    background: url("../images/quiz_zigzak.png"), rgb(46, 53, 72);
    background-position: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    right: -100%;
    transition: all ease 0.3s;
  }
  .quiz .quiz_wrapper.active {
    right: 0;
  }
  .quiz .quiz_number {
    padding: 26px 26px 26px 28px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 700;
    line-height: 115%;
    letter-spacing: 2px;
  }
  .quiz .quiz_progress {
    width: 100%;
    height: 10px;
    border-radius: 0;
    margin-bottom: 28px;
  }
  .quiz .quiz_progress::-webkit-progress-value {
    background: linear-gradient(135deg, rgb(219, 42, 29) 0%, rgb(219, 42, 29) 100%);
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
  }
  .quiz .quiz_progress::-webkit-progress-bar {
    background-color: rgb(255, 255, 255);
  }
  .quiz .quiz_swiper {
    width: 100%;
    padding-left: 28px;
    z-index: 1;
  }
  .quiz .progress_question {
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -2%;
    text-align: left;
    margin-bottom: 28px;
  }
  .quiz .varaint_block {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  .quiz .varaint_block .variant_item {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
  }
  .quiz .varaint_block .variant_item span {
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -2%;
  }
  .quiz .varaint_block .variant_item input {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgb(46, 53, 72);
    border: 1px solid rgb(255, 255, 255);
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .quiz .varaint_block .variant_item input.checkbox:checked:after {
    width: 10px;
    height: 10px;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: relative;
    background: url(../images/icons/quiz_true_icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    content: "";
    display: inline-block;
    visibility: visible;
  }
  .quiz .varaint_block .variant_item input:checked:after {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: relative;
    background: rgb(255, 255, 255);
    content: "";
    display: inline-block;
    visibility: visible;
  }
  .quiz .quiz_buttons {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: end;
    margin: 28px 28px 28px 0;
  }
  .quiz .center {
    text-align: center;
  }
  .quiz .quiz_left_btn.swiper-button-disabled {
    opacity: 0.5;
  }
  .quiz .quiz_left_btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    border: 1px solid rgb(219, 42, 29);
    width: 48px;
    height: 48px;
    border-radius: 50%;
  }
  .quiz .quiz_form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    display: none;
    padding: 0 48px 0 20px;
  }
  .quiz .quiz_form input {
    width: 100%;
    height: 56px;
    outline: none;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    border-radius: 12px;
    background: rgb(255, 255, 255);
  }
  .quiz .quiz_form input::-moz-placeholder {
    color: rgb(192, 192, 192);
    font-size: 16px;
  }
  .quiz .quiz_form input::placeholder {
    color: rgb(192, 192, 192);
    font-size: 16px;
  }
  .quiz .quiz_form button {
    padding: 20px 0;
    display: block;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 19px;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -2%;
    border-radius: 100px;
    margin-bottom: 6px;
    background: linear-gradient(135deg, rgb(219, 42, 29) 0%, rgb(219, 42, 29) 100%);
  }
  .quiz .quiz_form .form_rule {
    max-width: 391px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 155%;
    text-align: center;
    color: rgb(154, 162, 183);
  }
  .quiz .quiz_form .form_rule a {
    font-weight: 600;
    color: #fff;
  }
  .quiz .swiper-slide:last-child {
    padding-bottom: 28px;
  }
  @media (max-width: 1200px) {
    .quiz .quiz_title {
      font-size: 40px;
    }
    .quiz .quiz_img {
      width: 50%;
    }
    .quiz .quiz_img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      border-radius: 20px;
    }
    .quiz .quiz_wrapper {
      width: 50%;
    }
    .quiz .quiz_block.active {
      background-position: 27% 100%;
      background-size: 80%;
    }
  }
  @media (max-width: 992px) {
    .quiz .quiz_details {
      padding: 24px;
    }
    .quiz .quiz_title {
      font-size: 38px;
    }
    .quiz .quiz_swiper {
      padding-left: 24px;
    }
    .quiz .quiz_form {
      padding: 0;
    }
    .quiz .swiper-slide:last-child {
      padding: 0 0 24px 24px;
      margin: 0 0 0 -24px;
    }
    .quiz .quiz_form button {
      font-size: 15px;
    }
  }
  @media (max-width: 768px) {
    .quiz .quiz_block {
      flex-direction: column;
    }
    .quiz .quiz_wrapper, .quiz .quiz_details {
      width: 100%;
    }
    .quiz .quiz_details {
      padding: 24px 24px 135px 24px;
    }
    .quiz .quiz_details .main_btn {
      display: none;
    }
    .quiz .quiz_title {
      margin: 0;
    }
    .quiz .quiz_swiper {
      padding-bottom: 2px;
    }
    .quiz .quiz_block.active {
      background-position: 140% 25%;
    }
  }
  @media (max-width: 576px) {
    .quiz.work_quiz .quiz_wrap {
      background-color: #FFF;
    }
    .quiz .quiz_wrap {
      padding: 80px 0;
      background-color: #F0F3F8;
    }
    .quiz .quiz .quiz_details {
      padding: 20px 20px 135px 20px;
    }
    .quiz .quiz_title {
      font-size: 24px;
    }
    .quiz .quiz_number {
      padding: 20px;
    }
    .quiz .quiz_buttons {
      margin: 52px 30px 30px 0;
    }
    .quiz .main_btn {
      padding: 9px 9px 9px 20px;
      font-size: 18px;
      line-height: 100%;
      gap: 16px;
    }
    .quiz .main_btn img {
      width: 30px;
      height: 30px;
      padding: 7px;
    }
    .quiz .quiz_form {
      gap: 10px;
    }
    .quiz .quiz_form input {
      height: 50px;
      border-radius: 8px;
      font-size: 14px;
      padding: 18px;
    }
    .quiz .quiz_form button {
      text-transform: capitalize;
      padding: 16px 0;
      font-size: 18px;
    }
    .quiz .quiz_form button span {
      display: none;
    }
    .quiz .quiz_form .form_rule {
      font-size: 10px;
      line-height: 135%;
    }
  }
  
  .repair {
    padding: 100px 0;
    background-color: #f0f3f8;
  }
  .repair .repair_table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid rgb(234, 234, 234);
  }
  .repair .repair_table td {
    border: 1px solid rgb(234, 234, 234);
  }
  .repair .repair_table thead {
    background: linear-gradient(135deg, rgb(219, 42, 29) 0%, rgb(219, 42, 29) 100%);
  }
  .repair .repair_table thead th {
    vertical-align: middle;
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -2%;
    text-align: left;
    padding: 28px 0 28px 20px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid rgb(234, 67, 55);
    min-width: 197px;
  }
  .repair .repair_table thead th:last-child {
    border-radius: 0px 20px 0px 0px;
  }
  .repair .repair_table thead th:first-child {
    border-left: 1px solid transparent;
    border-radius: 20px 0px 0px 0px;
  }
  .repair .repair_table tbody {
    border-radius: 14px;
    box-shadow: 0px 4px 25px 0px rgba(46, 53, 72, 0.15);
    background: rgb(255, 255, 255);
  }
  .repair .repair_table tbody td {
    vertical-align: middle;
    padding: 30px 5px 30px 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -2%;
  }
  .repair .repair_table tbody tr:hover {
    background-color: #2e3548;
    color: #ffffff;
    cursor: pointer;
  }
  .repair .repair_table tbody tr:last-child td:last-child {
    border-radius: 0px 0px 14px 0px;
  }
  .repair .repair_table tbody tr:last-child td:first-child {
    border-radius: 0px 0px 0px 14px;
  }
  @media (max-width: 1200px) {
    .repair .repair_block {
      width: 100%;
      overflow: auto;
    }
  }
  @media (max-width: 576px) {
    .repair {
      padding: 60px 0 80px 0;
    }
    .repair .title {
      margin: 0 0 30px 0;
    }
  }
  
  .discount {
    background-color: #f0f3f8;
  }
  .discount .discount_wrap {
    /* border-radius: 45px 45px 0px 0px; */
    background: url(../images/zigzak.png), rgb(46, 53, 72);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 100px 0;
  }
  .discount .discount_title {
    color: rgb(255, 255, 255);
    font-size: 56px;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -3%;
    text-align: center;
    margin-bottom: 50px;
  }
  .discount .discount_item {
    flex: 0 0 auto;
    width: calc(33.33% - 18.67px);
    padding: 38px;
    background: url(../images/percent_img.png), #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 20px;
  }
  .discount .discount_block {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    justify-content: flex-start;
  }
  .discount .discount_topic {
    max-width: 182px;
    margin: 0 auto 40px auto;
    color: rgb(6, 5, 37);
    font-size: 30px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -2%;
    text-align: center;
  }
  @media (max-width: 1200px) {
    .discount .discount_item {
      padding: 28px;
    }
    .discount .main_btn {
      justify-content: space-between;
      font-size: 16px;
      width: 100%;
      padding: 12px 12px 12px 16px;
    }
  }
  @media (max-width: 992px) {
    .discount .discount_block {
      gap: 28px;
      flex-wrap: wrap;
    }
    .discount .discount_item {
      width: calc(50% - 14px);
      text-align: center;
    }
    .discount .main_btn {
      width: auto;
    }
  }
  @media (max-width: 768px) {
    .discount .discount_title {
      font-size: 38px;
    }
    .discount .discount_item {
      width: 100%;
    }
  }
  @media (max-width: 576px) {
    .discount .discount_wrap {
      padding: 60px 0 80px 0;
      border-radius: 30px 30px 0 0;
    }
    .discount .discount_title {
      font-size: 32px;
      margin: 0 0 30px 0;
    }
    .discount .discount_item {
      padding: 20px;
      border-radius: 15px;
    }
    .discount .discount_topic {
      font-size: 20px;
      font-weight: 700;
      max-width: none;
      margin: 0 0 20px 0;
    }
    .discount .discount_block {
      gap: 20px;
    }
  }
  
  .payment_option {
    background: rgb(46, 53, 72);
  }
  .payment_option .payment_option_wrapper {
    background: rgb(240, 243, 248);
    /* border-radius: 45px 45px 0px 0px; */
    padding: 100px 0;
  }
  .payment_option .payment_option_block {
    display: flex;
    justify-content: space-between;
    gap: 28px;
    flex-wrap: wrap;
  }
  .payment_option .payment_item {
    padding: 28px;
    flex: 0 0 auto;
    width: calc(33.33% - 19px);
    border-radius: 20px;
    box-shadow: 0px 4px 25px 0px rgba(46, 53, 72, 0.15);
    background: rgb(255, 255, 255);
  }
  .payment_option .payment_img {
    display: flex;
    justify-content: space-between;
    margin-bottom: 38px;
  }
  .payment_option .circle_icon {
    background: rgb(240, 243, 248);
    width: 20px;
    height: 20px;
    border-radius: 50%;
  }
  .payment_option .payment_name {
    color: rgb(6, 5, 37);
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -2%;
  }
  @media (max-width: 992px) {
    .payment_option .payment_item {
      width: calc(50% - 14px);
    }
  }
  @media (max-width: 768px) {
    .payment_option .payment_item {
      width: 100%;
    }
  }
  @media (max-width: 576px) {
    .payment_option .payment_option_wrapper {
      /* border-radius: 30px 30px 0px 0px; */
      padding: 60px 0 80px 0;
    }
    .payment_option .title {
      margin: 0 0 30px 0;
    }
    .payment_option .payment_item {
      padding: 20px;
      border-radius: 15px;
    }
    .payment_option .payment_img {
      margin: 0 0 30px 0;
    }
    .payment_option .payment_img img {
      width: 112px;
      height: 75px;
    }
    .payment_option .payment_name {
      font-size: 20px;
    }
    .payment_option .payment_option_block {
      gap: 20px;
    }
  }
  
  .workers {
    /* border-radius: 45px 45px 0px 0px; */
    background: rgb(240, 243, 248);
    padding: 100px 0;
  }
  .workers .container {
    position: relative;
  }
  @media (max-width: 992px) {
    .workers {
      padding: 100px 0 0 0;
    }
  }
  @media (max-width: 576px) {
    .workers {
      background-color: transparent;
      padding: 0;
    }
  }
  
  .workers:has(.container + .partner_wrapper) .workers_block {
    position: absolute;
    top: -270px;
    z-index: 1;
  }
  .workers:has(.container + .partner_wrapper) .partner_wrapper {
    padding-top: 400px;
  }
  @media (max-width: 992px) {
    .workers:has(.container + .partner_wrapper) .partner_wrapper {
      padding-top: 100px;
    }
  }
  @media (max-width: 576px) {
    .workers:has(.container + .partner_wrapper) .partner_wrapper {
      padding-top: 60px;
    }
  }
  
  /* .workers:has(.container:last-child), .workers:has(.partner_wrapper:first-child) {
    padding: 100px 0;
    margin: -270px 0 0 0;
  } */
  @media (max-width: 992px) {
    .workers:has(.container:last-child), .workers:has(.partner_wrapper:first-child) {
      margin: 0;
    }
  }
  @media (max-width: 576px) {
    .workers:has(.container:last-child), .workers:has(.partner_wrapper:first-child) {
      padding: 80px 0;
    }
  }
  .workers:has(.container:last-child) .partner_wrapper, .workers:has(.partner_wrapper:first-child) .partner_wrapper {
    padding: 0;
  }
  
  .workers_block {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 38px;
    border-radius: 20px;
    box-shadow: 0px 4px 25px 0px rgba(46, 53, 72, 0.15);
    width: 100%;
    background-color: #fff;
  }
  .workers_block .manager_left {
    padding: 38px 0 38px 38px;
    width: calc(50% - 19px);
  }
  .workers_block .manager_name {
    color: rgb(6, 5, 37);
    font-size: 56px;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -2%;
    margin-bottom: 2px;
  }
  .workers_block .about_manager {
    color: rgb(6, 5, 37);
    font-size: 18px;
    font-weight: 500;
    line-height: 145%;
    letter-spacing: -1%;
    padding-bottom: 28px;
    max-width: 330px;
  }
  .workers_block .manager_description {
    color: rgb(6, 5, 37);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    max-width: 500px;
    padding-top: 28px;
    border-top: 1px solid rgb(234, 234, 234);
    margin-bottom: 20px;
  }
  .workers_block .manager_img {
    display: flex;
    height: 100%;
  }
  .workers_block .manager_right {
    width: calc(50% - 19px);
  }
  .workers_block .manager_right img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    border-radius: 20px;
  }
  @media (max-width: 1200px) {
    .workers_block .manager_name {
      font-size: 40px;
    }
  }
  @media (max-width: 992px) {
    .workers_block {
      position: relative !important;
      top: 0 !important;
      gap: 0;
      flex-direction: column;
    }
    .workers_block .manager_left, .workers_block .manager_right {
      width: 100%;
    }
    .workers_block .manager_left * {
      max-width: none;
    }
    .workers_block .manager_left br {
      display: none;
    }
    .workers_block .manager_name {
      margin: 0 0 16px 0;
    }
  }
  @media (max-width: 768px) {
    .workers_block .manager_name {
      font-size: 38px;
    }
  }
  @media (max-width: 576px) {
    .workers_block .manager_left {
      padding: 20px 20px 60px 20px;
      border-radius: 15px;
    }
    .workers_block .manager_name {
      font-size: 28px;
    }
    .workers_block .about_manager {
      font-size: 16px;
      line-height: 135%;
      padding-bottom: 20px;
    }
    .workers_block .manager_description {
      font-size: 14px;
      padding: 20px 0 0 0;
      margin: 0 0 30px 0;
    }
    .workers_block .main_btn {
      font-size: 15px;
      gap: 18px;
      padding: 12px 12px 12px 19px;
    }
    .workers_block .partner_item {
      min-width: 294px;
      padding: 24.5px 11px;
    }
  }
  
  .partner_wrapper {
    padding: 100px 0;
  }
  .partner_row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }
  .partner_item {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 26px 26px;
    border-radius: 18px;
    box-shadow: 0px 4px 25px 0px rgba(46, 53, 72, 0.15);
    background: rgb(255, 255, 255);
  }
  .partner_item:hover {
    box-shadow: 0px 10px 35px 0px rgba(46, 53, 72, 0.2);
    transform: translateY(-5px);
    background-color: #F0F3F8;
  }
  
  .partner_logo_name {
    color: rgb(195, 207, 227);
    font-size: 22px;
    font-weight: 800;
    line-height: 145%;
    letter-spacing: 2px;
    text-wrap: nowrap;
  }
  
  @media (max-width: 992px){
    .partner_logo_name{
      font-size: 15px;
      line-height: 130%;
    }
    .partner_item{
      padding: 18px 11px;
      border-radius: 14px;
    }
  }
  @media (max-width: 768px){
    .partner_row{
      justify-content: center;
    }
  }
  .employees {
    background-color: #f0f3f8;
  }
  .employees .employees_wrap {
    padding: 100px 0 100px 0;
    /* border-radius: 45px 45px 0px 0px; */
    background: rgb(255, 255, 255);
  }
  .employees .employee_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    flex-wrap: wrap;
  }
  .employees .employee_item {
    border-radius: 20px;
    padding: 4px;
    box-shadow: 0px 4px 25px 0px rgba(46, 53, 72, 0.15);
    background: rgb(240, 243, 248);
    width: calc(33.33% - 19px);
  }
  .employees .employ_img {
    margin-bottom: 4px;
  }
  .employees .employ_img img {
    width: 100%;
    border-radius: 20px;
  }
  .employees .employ_body {
    padding: 28px;
    border-radius: 18px;
    background: rgb(255, 255, 255);
  }
  .employees .employ_name {
    color: rgb(6, 5, 37);
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -2%;
    padding-bottom: 18px;
    margin-bottom: 19px;
    border-bottom: 1px solid rgb(234, 234, 234);
  }
  .employees .employ_job {
    color: rgb(6, 5, 37);
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -2%;
  }
  @media (max-width: 992px) {
    .employees .employee_item {
      width: calc(50% - 14px);
    }
    .employees .employees_wrap {
      padding: 100px 0;
    }
  }
  @media (max-width: 576px) {
    .employees .employees_wrap {
      /* border-radius: 30px 30px 0px 0px; */
      padding: 60px 0 80px 0;
    }
    .employees .employee_block {
      gap: 20px;
    }
    .employees .employee_item {
      width: 100%;
    }
    .employees .employ_name {
      font-size: 20px;
      padding-bottom: 20px;
      margin-bottom: 15px;
    }
    .employees .employ_job {
      font-size: 14px;
    }
    .employees .employ_body {
      padding: 20px;
      border-radius: 15px;
    }
  }
  
  .question.work_question {
    background-color: #f0f3f8;
  }
  @media (max-width: 576px){
    .question.work_question {
      background-color: transparent;
    }
  }
  .question .question_wrap {
    /* border-radius: 45px 45px 0px 0px; */
    background: url(../images/zigzak.png), rgb(46, 53, 72);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 100px 0;
  }
  .question .question_block {
    display: flex;
    justify-content: space-between;
    border-radius: 20px;
    overflow: hidden;
    background: rgb(240, 243, 248);
  }
  .question .question_item {
    flex: 0 0 auto;
    width: 50%;
  }
  .question .question_left {
    padding: 38px 0 0 38px;
    position: relative;
    overflow: hidden;
  }
  .question .question_title {
    color: rgb(6, 5, 37);
    font-size: 52px;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -3%;
    margin-bottom: 18px;
  }
  .question .question_desc {
    color: rgb(6, 5, 37);
    font-size: 18px;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -1%;
    max-width: 320px;
  }
  .question .question_circle {
    width: 500px;
    height: 500px;
    border-radius: 1000px;
    background: linear-gradient(180deg, rgb(219, 42, 29), rgba(255, 255, 255, 0) 100%);
    position: absolute;
    right: -100px;
    z-index: 0;
    bottom: -260px;
    text-align: center;
  }
  .question .question_circle img {
    margin: 0 50px 0 0;
  }
  .question .question_right {
    padding: 48px;
    border-radius: 20px;
    background: rgb(255, 255, 255);
  }
  .question .question_form {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .question .question_form input {
    box-sizing: border-box;
    border: 1px solid rgb(214, 223, 237);
    border-radius: 12px;
    background: rgb(240, 243, 248);
    height: 56px;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    outline: none;
  }
  .question .question_form input::-moz-placeholder {
    font-size: 16px;
    color: rgb(156, 173, 201);
  }
  .question .question_form input::placeholder {
    font-size: 16px;
    color: rgb(156, 173, 201);
  }
  .question .question_form textarea {
    padding: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    outline: none;
    box-sizing: border-box;
    border: 1px solid rgb(214, 223, 237);
    border-radius: 12px;
    background: rgb(240, 243, 248);
    resize: none;
    min-height: 106px;
  }
  .question .question_form textarea::-moz-placeholder {
    font-size: 16px;
    color: rgb(156, 173, 201);
  }
  .question .question_form textarea::placeholder {
    font-size: 16px;
    color: rgb(156, 173, 201);
  }
  .question .question_form button {
    padding: 18px 0;
    display: block;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 22px;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -2%;
    border-radius: 100px;
    border: none;
    background: linear-gradient(135deg, rgb(219, 42, 29) 0%, rgb(219, 42, 29) 100%);
    margin-bottom: 6px;
  }
  .question .form_rule {
    color: rgb(156, 173, 201);
    font-size: 12px;
    line-height: 155%;
    letter-spacing: 0%;
    text-align: center;
  }
  .question .form_rule a {
    color: rgb(156, 173, 201);
    font-size: 12px;
    font-weight: 600;
    line-height: 155%;
    letter-spacing: 0%;
    text-align: center;
  }
  @media (max-width: 1200px) {
    .question .question_title {
      font-size: 40px;
    }
  }
  @media (max-width: 992px) {
    .question .question_title {
      font-size: 38px;
    }
    .question .question_left, .question .question_right {
      padding: 24px;
    }
    .question .question_circle {
      width: 300px;
      height: 300px;
      bottom: -130px;
      right: -37px;
    }
    .question .question_form button {
      font-size: 18px;
    }
  }
  @media (max-width: 768px) {
    .question .question_block {
      flex-direction: column;
    }
    .question .question_left, .question .question_right {
      width: 100%;
    }
    .question .question_left {
      padding: 24px 24px 93px 24px;
    }
    .question .question_circle {
      width: 200px;
      height: 200px;
      bottom: -34%;
      right: 31%;
    }
    .question .question_circle img {
      width: 100%;
      margin: 0;
    }
  }
  @media (max-width: 576px) {
    .question .question_wrap {
      padding: 60px 0 80px 0;
      border-radius: 30px 30px 0 0;
    }
    .question .question_left {
      padding: 40px 20px 93px 20px;
    }
    .question .question_title {
      font-size: 36px;
      text-align: center;
    }
    .question .question_desc {
      font-size: 16px;
      text-align: center;
      max-width: 100%;
    }
    .question .question_right {
      background-color: transparent;
      padding: 20px;
    }
    .question .question_circle {
      width: 150px;
      height: 150px;
      bottom: -20%;
      right: 27%;
    }
    .question .question_form input {
      height: 50px;
      padding-left: 18px;
      font-size: 14px;
    }
    .question .question_form {
      gap: 10px;
    }
    .question .question_form button {
      padding: 17px 0;
      margin: 0;
    }
    .question .form_rule {
      font-size: 10px;
    }
    .question .form_rule a {
      font-size: 10px;
    }
  }
  
  .contact {
    background: rgb(46, 53, 72);
  }
  .contact .contact_wrapper {
    padding: 93px 0 0px 0;
    /* border-radius: 45px 45px 0px 0px; */
    background: #f0f3f8;
  }
  .contact .contact_title {
    color: rgb(6, 5, 37);
    font-size: 56px;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -3%;
    text-align: center;
    padding-bottom: 48px;
    margin-bottom: 48px;
    border-bottom: 1px solid rgb(214, 223, 237);
  }
  .contact .contact_number {
    text-align: center;
    margin-bottom: 14px;
  }
  .contact .contact_number a {
    color: rgb(6, 5, 37);
    font-size: 34px;
    font-weight: 700;
    line-height: 110%;
  }
  .contact .contact_work_time {
    color: rgb(138, 138, 160);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -1%;
    text-align: center;
    margin-bottom: 38px;
  }
  .contact .footer_socials {
    display: flex;
    align-items: center;
    gap: 14px;
    justify-content: center;
    margin-bottom: 48px;
  }
  .contact .footer_socials .social_item img {
    width: 66px;
    height: 66px;
  }
  .contact .contact_map_block {
    /* display: flex; */
    gap: 96px;
    justify-content: space-between;
    padding: 52px 0 100px 0;
    border-top: 1px solid rgb(214, 223, 237);
    border-bottom: 1px solid rgb(214, 223, 237);
    position: relative;
  }
  /* .contact .contact_map_block::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 1px;
    height: 100%;
    background-color: rgb(214, 223, 237);
  } */
  .contact .map_item {
    padding: 4px;
    border-radius: 20px;
    box-shadow: 0px 4px 25px 0px rgba(46, 53, 72, 0.15);
    background: rgb(255, 255, 255);
    overflow: hidden;
  }
  .contact .map_location {
    color: rgb(6, 5, 37);
    font-size: 22px;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -1%;
  }
  .contact .map_top {
    padding: 28px;
    border-radius: 18px;
    background: rgb(240, 243, 248);
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 4px;
  }
  .contact .map_top img {
    border: 1px dashed #D6DFED;
    width: 28px;
    height: 28px;
    padding: 5px;
    border-radius: 50%;
  }
  .contact .map_location_img img, .contact iframe {
    width: 100%;
    border-radius: 20px;
  }
  @media (max-width: 992px) {
    .contact .contact_wrapper {
      padding: 50px 0 0 0;
    }
    .contact .contact_title {
      font-size: 48px;
    }
    .contact .contact_map_block {
      gap: 48px;
      padding: 48px 0;
    }
    .contact .map_top {
      padding: 24px;
    }
  }
  @media (max-width: 768px) {
    .contact .contact_title {
      font-size: 38px;
      padding-bottom: 30px;
      margin-bottom: 30px;
    }
    .contact .contact_number a {
      font-size: 30px;
    }
    .contact .contact_work_time {
      margin-bottom: 30px;
    }
    .contact .footer_socials {
      margin-bottom: 30px;
    }
    .contact .contact_map_block {
      padding: 30px 0;
      border: none;
      gap: 20px;
      flex-direction: column;
    }
    /* .contact .contact_map_block::after {
      display: none;
    } */
    .contact .map_item {
      width: 100%;
    }
    .contact .map_top {
      flex-direction: column;
      align-items: center;
    }
  }
  @media (max-width: 576px) {
    .contact .contact_wrapper {
      padding: 60px 0;
      /* border-radius: 30px 30px 0 0; */
    }
    .contact .contact_title {
      font-size: 36px;
    }
    .contact .contact_number a {
      font-size: 25px;
    }
    .contact .footer_socials {
      margin: 0 0 60px 0;
    }
    .contact .contact_map_block {
      padding: 0;
    }
    .contact .map_top {
      gap: 10px;
      padding: 20px;
    }
    .contact .map_location {
      text-align: center;
    }
  }
  
  footer {
    padding: 38px 0 60px 0;
    background-color: #F0F3F8;
  }
  footer .footer_block {
    display: flex;
    justify-content: space-between;
    padding-bottom: 38px;
    margin-bottom: 28px;
    border-bottom: 1px solid rgb(214, 223, 237);
  }
  footer .footer_item {
    max-width: 21%;
  }
  footer .footer_logo {
    margin-bottom: 18px;
    display: flex;
  }
  footer .footer_desc {
    color: rgb(138, 138, 160);
    font-size: 14px;
    font-weight: 400;
    line-height: 145%;
    margin-bottom: 38px;
  }
  footer .footer_socials {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  footer .footer_item_name {
    color: rgb(138, 138, 160);
    font-size: 16px;
    font-weight: 600;
    line-height: 145%;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
  }
  footer .footer_list {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  footer .footer_list li {
    color: rgb(6, 5, 37);
    font-size: 16px;
    font-weight: 400;
    line-height: 135%;
  }
  footer .footer_list li a {
    color: rgb(6, 5, 37);
  }
  footer .footer_bottom {
    display: flex;
    justify-content: space-between;
  }
  footer .policy_title,
  footer .payment_desc,
  footer .footer_bottom_desc {
    color: rgb(138, 138, 160);
    font-size: 14px;
    font-weight: 400;
    line-height: 20.3px;
  }
  footer .footer_bottom_desc {
    max-width: 493px;
  }
  footer .payment_block {
    display: flex;
    gap: 10px;
    margin-top: 18px;
    flex-wrap: wrap;
  }
  footer .payment_types {
    max-width: 185px;
  }
  footer .payment_type {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 41px;
    border-radius: 8px;
    background: rgb(255, 255, 255);
  }
  @media (max-width: 1200px) {
    footer .footer_bottom {
      gap: 60px;
    }
    footer .footer_bottom_desc {
      max-width: 450px;
    }
  }
  @media (max-width: 992px) {
    footer .footer_block {
      flex-wrap: wrap;
      gap: 24px;
    }
    footer .footer_item {
      width: calc(33.33% - 16px);
      max-width: 100%;
    }
    footer .footer_item:has(.footer_logo) {
      max-width: 100%;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;
    }
    footer .footer_desc {
      order: 1;
      margin: 0;
    }
    footer .footer_socials {
      order: 0;
    }
    footer .footer_bottom {
      flex-wrap: wrap;
      gap: 20px;
      justify-content: space-between;
    }
    footer .payment_types {
      order: 3;
    }
    footer .footer_bottom_desc {
      max-width: 466px;
    }
  }
  @media (max-width: 768px) {
    footer {
      padding: 38px 0 60px 0;
    }
    footer .footer_item {
      max-width: 45%;
    }
    footer .payment_types {
      max-width: 215px;
      order: -1;
    }
    footer .payment_type {
      background-color: transparent;
    }
    footer .footer_desc {
      width: 100%;
      text-align: center;
    }
    footer .footer_item {
      max-width: 100%;
      width: 100%;
      text-align: center;
    }
    footer .footer_bottom {
      flex-direction: column;
      align-items: center;
    }
    footer .footer_bottom p {
      text-align: center;
    }
    footer .footer_bottom .footer_bottom_desc {
      max-width: none;
    }
    footer .payment_block {
      justify-content: center;
    }
  }
  @media (max-width: 576px) {
    footer {
      padding: 0px 0 60px 0;
      background: #f0f3f8;
    }
    footer .footer_block {
      gap: 40px 0;
      align-items: center;
      padding-bottom: 30px;
    }
    footer .footer_socials {
      justify-content: center;
    }
    footer .footer_bottom {
      gap: 3 0px 0;
    }
    footer .payment_block {
      justify-content: center;
    }
    footer .payment_types,
    footer .footer_bottom_desc {
      text-align: center;
    }
    footer .footer_item {
      max-width: unset;
      text-align: center;
      width: 100%;
    }
    footer .footer_desc {
      max-width: 232px;
      margin: 0 auto 20px auto;
    }
    footer .footer_item:has(.footer_logo) {
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }
    footer .footer_desc {
      order: 0;
    }
  }
  
  .news {
    background-color: #F0F3F8;
    padding: 0 0 100px 0;
  }
  @media (max-width: 576px) {
    .news {
      padding: 0 0 80px 0;
    }
  }
  
  .news_row {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    justify-content: flex-start;
  }
  .news_row + .navigation {
    margin: 48px 0 0 0;
  }
  @media (max-width: 768px) {
    .news_row {
      gap: 20px;
      flex-direction: column;
    }
  }
  @media (max-width: 576px) {
    .news_row + .navigation {
      margin: 40px 0 0 0;
    }
  }
  
  .news_item {
    width: calc(33.33% - 18.7px);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 4px 40px 0px rgba(25, 37, 66, 0.1);
    background-color: #FFFFFF;
    position: relative;
  }
  .news_item .news_image {
    display: flex;
    flex: 0 0 auto;
  }
  .news_item .news_image img {
    max-height: 280px;
    border-radius: 20px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .news_item .news_texts {
    padding: 28px;
  }
  .news_item .news_title {
    font-size: 28px;
    font-weight: 700;
    line-height: 115%;
    margin: 0 0 18px 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .news_item .news_desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    margin: 0 0 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
  .news_item .main_btn {
    gap: 17px;
  }
  .news_item .date_tag {
    position: absolute;
    top: 26%;
    right: 0;
    background-color: #2e3548;
    color: white;
    padding: 10px 30px 10px 30px;
    font-size: 24px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }
  @media (max-width: 992px) {
    .news_item {
      width: calc(50% - 14px);
    }
  }
  @media (max-width: 768px) {
    .news_item {
      width: 100%;
    }
    .news_item .news_texts {
      padding: 24px;
    }
  }
  @media (max-width: 576px) {
    .news_item .news_image img {
      max-height: 240px;
    }
    .news_item .news_texts {
      padding: 20px 20px 30px 20px;
    }
    .news_item .news_title {
      font-size: 22px;
      letter-spacing: -0.5px;
      margin: 0 0 20px 0;
    }
    .news_item .news_desc {
      font-size: 14px;
      margin: 0 0 30px 0;
    }
  }
  
  .news_item.actual {
    display: flex;
    flex-direction: row-reverse;
    gap: 80px;
    width: 100%;
    margin: 0 0 28px 0;
  }
  .news_item.actual .news_image img {
    max-width: 566px;
    width: 100%;
    max-height: 430px;
    height: 100%;
  }
  .news_item.actual .news_texts {
    padding: 28px 0 40px 28px;
  }
  .news_item.actual .news_title {
    -webkit-line-clamp: 3;
    font-size: 36px;
  }
  .news_item.actual .news_desc {
    font-size: 16px;
  }
  .news_item.actual .news_texts, .news_item.actual .news_image {
    width: calc(50% - 40px);
  }
  @media (max-width: 992px) {
    .news_item.actual {
      gap: 40px;
    }
    .news_item.actual .news_texts, .news_item.actual .news_image {
      width: calc(50% - 20px);
    }
    .news_item.actual .news_texts {
      padding: 28px 0 28px 28px;
    }
    .news_item.actual .news_image {
      height: auto;
      max-height: 280px;
    }
  }
  @media (max-width: 768px) {
    .news_item.actual {
      gap: 0;
      margin: 0 0 20px 0;
      flex-wrap: wrap;
    }
    .news_item.actual .news_texts, .news_item.actual .news_image {
      width: 100%;
    }
    .news_item.actual .news_texts {
      padding: 24px;
    }
    .news_item.actual .news_image {
      height: auto;
      max-height: 280px;
    }
    .news_item.actual .news_title {
      font-size: 28px;
    }
  }
  @media (max-width: 576px) {
    .news_item.actual .news_image img {
      max-height: 240px;
    }
    .news_item.actual .news_texts {
      padding: 20px 20px 30px 20px;
    }
    .news_item.actual .news_title {
      font-size: 22px;
      letter-spacing: -0.5px;
      margin: 0 0 20px 0;
    }
    .news_item.actual .news_desc {
      font-size: 14px;
      margin: 0 0 30px 0;
    }
  }
  
  .reviews {
    padding: 32px 0 100px 0;
    background-color: #f0f3f8;
  }
  .reviews .swiper3 {
    overflow: visible;
  }
  .reviews .section_title {
    font-size: 46px;
    font-weight: 700;
    line-height: 105%;
  }
  .reviews .reviews_row {
    display: flex;
    gap: 28px;
    margin: 48px 0;
    align-items: center;
  }
  .reviews .otziv_swiper_item {
    border-radius: 20px;
    box-shadow: 0px 4px 25px 0px rgba(46, 53, 72, 0.15);
    background: rgb(255, 255, 255);
    padding: 28px;
    width: calc(33.33% - 18.7px);
  }
  .reviews .otziv_top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 28px;
    margin-bottom: 18px;
    border-bottom: 1px solid rgb(234, 234, 234);
  }
  .reviews .otziv_profile {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 38px;
  }
  .reviews .otziv_avatar img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .reviews .avatar_name {
    color: rgb(6, 5, 37);
    font-size: 24px;
    font-weight: 700;
    line-height: 125%;
    margin-bottom: 10px;
  }
  .reviews .stars_block {
    display: flex;
  }
  .reviews .otziv_description {
    color: rgb(6, 5, 37);
    font-size: 16px;
    font-weight: 400;
    line-height: 145%;
    margin-bottom: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    transition: 0.3s all ease;
  }
  .reviews .otziv_description.show {
    -webkit-line-clamp: initial;
  }
  .reviews .otziv_btn {
    display: flex;
    gap: 6px;
    align-items: center;
    cursor: pointer;
  }
  .reviews .otziv_btn span, .reviews .otziv_btn p {
    color: rgb(156, 173, 201);
    font-size: 16px;
    font-weight: 600;
    line-height: 145%;
  }
  .reviews .otziv_btn p {
    display: none;
  }
  .reviews .otziv_btn.active p {
    display: block;
  }
  .reviews .otziv_btn.active span {
    display: none;
  }
  .reviews .gallery_nav, .reviews .gallery_navs {
    display: none;
  }
  @media (max-width: 992px) {
    .reviews .reviews_row {
      flex-wrap: wrap;
    }
    .reviews .otziv_swiper_item {
      width: calc(50% - 14px);
    }
  }
  @media (max-width: 768px) {
    .reviews .section_title {
      text-align: center;
    }
    .reviews .otziv_swiper_item {
      width: 100%;
    }
    .reviews .reviews_row {
      flex-wrap: nowrap;
      gap: 0;
    }
    .reviews .navigation {
      display: none;
    }
    .reviews .gallery_nav {
      display: flex;
      position: relative;
      margin: 0;
      left: auto !important;
      right: auto !important;
    }
    .reviews .gallery_navs {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin: 30px 0 0 0;
    }
  }
  @media (max-width: 576px) {
    .reviews {
      padding: 0 0 80px 0;
    }
    .reviews .section_title {
      font-size: 28px;
      margin: 0 0 30px 0;
    }
    .reviews .otziv_swiper_item {
      border-radius: 15px;
      padding: 16px 20px 23px 20px;
    }
    .reviews .otziv_avatar {
      display: flex;
    }
    .reviews .otziv_avatar img {
      width: 90px;
      height: 90px;
    }
    .reviews .otziv_profile {
      gap: 20px;
    }
    .reviews .avatar_name {
      font-size: 20px;
    }
    .reviews .stars_block img {
      width: 20px;
      height: 20px;
    }
    .reviews .otziv_top {
      align-items: flex-start;
      margin: 0 0 20px 0;
      padding: 0 0 20px 0;
    }
    .reviews .otziv_quotes {
      padding: 15px 7.5px;
    }
    .reviews .otziv_description {
      font-size: 14px;
      margin-bottom: 15px;
      -webkit-line-clamp: 9;
    }
    .reviews .otziv_btn span {
      font-size: 14px;
    }
  }
  
  .single {
    background-color: #F0F3F8;
    padding: 32px 0 0 0;
  }
  .single .section_top {
    padding: 0 0 48px 0;
    display: flex;
    gap: 58px;
    align-items: flex-end;
    justify-content: space-between;
  }
  .single .section_title {
    font-size: 46px;
    font-weight: 700;
    line-height: 105%;
    width: calc(46% - 29px);
  }
  .single .section_desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    width: calc(50% - 29px);
  }
  .single .single_main {
    border-radius: 20px;
    height: 100%;
    max-height: 460px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    margin: 0 0 60px 0;
  }
  .single .block_title {
    font-size: 32px;
  }
  .single .block_descriptions {
    margin: 0 0 80px 0;
    padding: 0 0 80px 0;
  }
  .single .block_descriptions.column {
    margin: 0;
  }
  @media (max-width: 768px) {
    .single .section_top {
      flex-wrap: wrap;
      gap: 20px;
      padding: 0 0 30px 0;
    }
    .single .section_title, .single .section_desc {
      width: 100%;
    }
    .single .single_main {
      max-height: 400px;
      margin: 0 0 40px 0;
    }
    .single .block_descriptions {
      margin: 0 0 30px 0;
      padding: 0 0 30px 0;
    }
  }
  @media (max-width: 576px) {
    .single {
      padding: 0 0 30px 0;
    }
    .single .section_title {
      font-size: 32px;
    }
    .single .section_top {
      gap: 16px;
    }
    .single .single_main {
      max-height: 320px;
      margin: 0 0 30px 0;
    }
    .single .block_title {
      font-size: 26px;
    }
    .single .breadcrumbs {
      padding: 0;
    }
  }
  
  .work {
    padding: 60px 0 100px 0;
    background-color: #F0F3F8;
  }
  .work .work_row {
    display: flex;
    align-items: flex-start;
    gap: 56px;
    margin: 0 0 80px 0;
  }
  .work .work_row + .block_title + .block_descriptions {
    margin: 0 0 48px 0;
  }
  .work .section_title {
    line-height: 105%;
    font-size: 46px;
    padding: 0 0 28px 0;
  }
  .work .section_desc {
    font-size: 18px;
    font-weight: 500;
    line-height: 145%;
    width: 85%;
  }
  .work .swiper_block {
    width: calc(50% - 14px);
  }
  .work .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .work .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .work .mySwiper2 {
    width: 100%;
    position: relative;
  }
  .work .mySwiper2 .swiper-slide img {
    max-height: 365px;
    border-radius: 20px;
  }
  .work .mySwiper {
    box-sizing: border-box;
    padding: 18px 0 0 0;
  }
  .work .mySwiper img {
    border-radius: 20px;
    cursor: pointer;
    height: 128px;
  }
  .work .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
  }
  .work .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
  }
  .work .block_descriptions {
    margin: 0 0 48px 0;
  }
  .work .block_descriptions.column {
    margin: 0;
  }
  @media (max-width: 1200px) {
    .work .mySwiper img {
      height: 103px;
    }
  }
  @media (max-width: 992px) {
    .work .work_row {
      gap: 28px;
    }
    .work .section_title {
      line-height: 100%;
      font-size: 34px;
    }
  }
  @media (max-width: 768px) {
    .work {
      padding: 40px 0 60px 0;
    }
    .work .mySwiper {
      display: none;
    }
    .work .work_row {
      gap: 30px;
      flex-direction: column;
      margin: 0 0 30px 0;
      padding: 0 0 30px 0;
      border-bottom: 1px solid #D6DFED;
    }
    .work .swiper_block {
      width: 100%;
      padding: 30px 0 0 0;
      border-top: 1px solid #D6DFED;
    }
    .work .block_descriptions {
      padding: 0 0 28px 0;
    }
    .work .gallery_nav {
      position: relative;
      margin: 0;
      left: auto !important;
      right: auto !important;
      transform: none !important;
    }
    .work .gallery_navs {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin: 20px 0 0 0;
      width: 100%;
    }
  }
  @media (max-width: 576px) {
    .work .section_title {
      line-height: 110%;
      font-size: 32px;
      padding: 0 0 20px 0;
    }
    .work .section_desc {
      font-size: 16px;
    }
    .work .mySwiper2 .swiper-slide img {
      max-height: 320px;
    }
    .work .block_descriptions {
      margin: 0 0 28px 0;
    }
    .work .block_descriptions.column {
      padding: 0 0 28px 0;
    }
  }
  
  .work + .news {
    background-color: #F0F3F8;
    padding: 0 0 100px 0;
  }
  .work + .news .gallery_prev {
    left: -28px;
    transform: translate(-100%, 0);
  }
  .work + .news .gallery_next {
    right: -28px;
    transform: translate(100%, 0);
  }
  .work + .news .swiper-slide-next + .swiper-slide + .swiper-slide, .work + .news .swiper-slide-prev {
    opacity: 0;
  }
  .work + .news .work_swiper {
    padding: 40px;
    margin: -40px;
  }
  .work + .news .swiper-slide {
    transition: 0.2s all ease;
  }
  .work + .news .news_row {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    justify-content: flex-start;
    position: relative;
  }
  .work + .news .news_row + .navigation {
    margin: 48px 0 0 0;
  }
  .work + .news .news_item {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 4px 40px 0px rgba(25, 37, 66, 0.1);
    background-color: #FFFFFF;
  }
  .work + .news .news_item .news_image {
    display: flex;
    flex: 0 0 auto;
  }
  .work + .news .news_item .news_image img {
    width: 100%;
    height: 100%;
    max-height: 240px;
    border-radius: 20px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .work + .news .news_item .news_texts {
    padding: 28px;
  }
  .work + .news .news_item .news_title {
    font-size: 28px;
    font-weight: 700;
    line-height: 115%;
    padding: 0 0 18px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .work + .news .news_item .news_desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    padding: 0 0 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .work + .news .news_item .main_btn {
    gap: 17px;
  }
  @media (max-width: 1350px) {
    .work + .news .gallery_prev {
      left: 0;
      transform: none;
    }
    .work + .news .gallery_next {
      right: 0;
      transform: none;
    }
  }
  @media (max-width: 992px) {
    .work + .news .swiper-slide-next + .swiper-slide {
      opacity: 0;
    }
    .work + .news .swiper-slide-next {
      opacity: 1;
    }
    .work + .news .gallery_prev {
      left: 0;
    }
    .work + .news .gallery_next {
      right: 0;
    }
  }
  @media (max-width: 768px) {
    .work + .news .swiper-slide-next {
      opacity: 0;
    }
    .work + .news .gallery_navs {
      display: none;
    }
    .work + .news .work_swiper {
      padding: 0;
      margin: 0;
      overflow: visible;
    }
    .work + .news .swiper-wrapper {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    .work + .news .swiper-slide {
      height: auto;
    }
    .work + .news .news_item .news_texts {
      padding: 24px;
    }
  }
  @media (max-width: 576px) {
    .work + .news {
      padding: 0 0 80px 0;
    }
    .work + .news .news_image img {
      max-height: 240px;
    }
    .work + .news .news_item .news_texts {
      padding: 20px 20px 30px 20px;
    }
    .work + .news .news_item .news_title {
      font-size: 22px;
      letter-spacing: -0.5px;
      padding: 0 0 20px 0;
    }
    .work + .news .news_item .news_desc {
      font-size: 14px;
      padding: 0 0 30px 0;
    }
  }
  .cnt {
    background-color: #F0F3F8;
    padding: 100px 0;
  }
  .content {
    display: flex;
    align-items: flex-start;
    padding: 0 0 48px 0;
    border-bottom: 1px solid #D6DFED;
    flex-direction: column;
    gap: 15px;
  }
  
  .content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
  }
  .content h2 {
    color: rgb(6, 5, 37);
    font-size: 46px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 15px;
  }
  .content h3 {
    color: rgb(6, 5, 37);
    font-size: 38px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 15px;
  }
  .content h5 {
    color: rgb(6, 5, 37);
    font-size: 30px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 15px;
  }
  .content h6 {
    color: rgb(6, 5, 37);
    font-size: 22px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 15px;
  }
  .content ol {
    position: relative;
    font-size: 16px;
    line-height: 140%;
    color: #060525;
    padding: 10px 50px 10px 50px;
  }
  .content ul {
    position: relative;
    font-size: 16px;
    line-height: 140%;
    color: #060525;
    padding: 10px 50px 10px 50px;
    list-style-type: disc;
  }
  .content li {
    font-weight: 400;
  }
  .content blockquote {
    font-size: 18px;
    line-height: 145%;
    font-weight: 400;
    color: #060606;
    margin-bottom: 15px;
    background-color: #ffffff;
    border-left: thick solid rgb(46, 53, 72);
    border-radius: 20px;
    padding: 10px 50px 10px 50px;
  }
  .content img {
    max-width: 600px;
    border-radius: 20px;
  }
  .content table {
    border-collapse: collapse;
    width: 100%;
    border: 2px solid rgb(234, 234, 234);
  }
  .content table tbody{
    border-radius: 14px;
    box-shadow: 0px 4px 25px 0px rgba(46, 53, 72, 0.15);
    background: rgb(255, 255, 255);
  }
  .content table tbody tr:hover {
    background-color: #2e3548;
    color: #ffffff;
    cursor: pointer;
  }
  .content table tbody td{
    border: 1px solid rgb(234, 234, 234);
    padding: 30px 0 30px 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -2%;
  }
  .content table tbody tr:first-child td:first-child{
    border-left: 1px solid transparent;
    border-radius: 20px 0px 0px 0px;
  }
  .content table tbody tr:first-child td:last-child{
    border-radius: 0px 20px 0px 0px;
  }
  .content table tbody tr:last-child td:last-child {
    border-radius: 0px 0px 14px 0px;
  }
  .content table tbody tr:last-child td:first-child {
    border-radius: 0px 0px 0px 14px;
  }
  
  .short_description {
    padding: 50px 0 0 0;
  }
  .short_description p {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
  }
  
  @media (max-width: 992px) {
    .cnt {
      padding: 60px 0 80px 0;
    }
    .content h2 {
      font-size: 32px;
    }
    .content h3 {
      font-size: 28px;
    }
    .content h5 {
      font-size: 24px;
    }
    .content h6 {
      font-size: 20px;
    }
    .content img {
      max-width: 400px;
    }
  }
  .bg_grey {
    background-color: #f0f3f8;
  }
  .bg_blue {
    background: rgb(46, 53, 72);
  }
  .bg_white {
    background: #ffffff;
  }
  .pb-10 {
    padding-bottom: 10px;
  }
  .pt-10 {
    padding-top: 10px;
  }
  .to_call{
    cursor: pointer;
  }
  
  .alert {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fcf0f1;
    font-size: 16px;
    font-weight: 400;
    color: #060525;
    padding: 10px;
    position: relative;
    text-align: center;
  }
  .alert-content {
    display: flex;
    align-items: center;
  }
  .alert p {
    margin: 0;
  }
  
  .alert .close_alert {
    margin-left: 20px;
    cursor: pointer;
  }
  
  .show_more_btn {
    border: none;
    padding: 20px 40px;
    display: none;
    margin: 20px auto;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 19px;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -2%;
    border-radius: 10px;
    margin-bottom: 6px;
    background: #2e3548;
  }
  
  .address a:nth-child(n+2) {
    display: none;
  }
  .address.show-all a {
    display: block;
  }
  .show-more {
    cursor: pointer;
    text-align: right;
    text-decoration: underline;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #060525;
  }

/* gallery */
.gallery2{
  padding: 63px 0 103px 0;
  background-color: #f0f3f8;
}
.gallery2 .title{
  text-align: left;
}
.gallery_row{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  gap: 28px;
}
.grid_column{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 28px;
}
.gallery_row a{
  display: flex;
  width: 100%;
  max-height: 420px;
  height: auto;
  border-radius: 20px;
  object-fit: cover;
  object-position: center;
  transition: .3s all ease;
  cursor: pointer;
}
.gallery_row img{
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.gallery_row a:hover{
  scale: 1.1;
}

/* shorts */
.shorts{
  padding: 63px 0 103px 0;
  background-color: #f0f3f8;
}
.media_section_top{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0 0 48px 0;
}
.media_section_top .title{
  margin: 0;
}
.swiper_buttons{
  display: flex;
  gap: 10px;
}
.prev_btn,
.next_btn{
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #DB2A1D ;
  transition: .3s all ease;
  cursor: pointer;
}
.prev_btn:hover,
.next_btn:hover{
  background-color: #FFF;
}
.prev_btn path,
.next_btn path{
  transition: .3s all ease;
}
.prev_btn:hover path,
.next_btn:hover path{
  fill: #DB2A1D;
}
.shorts_swiper{
  overflow: visible;
}
.shorts_swiper .swiper-slide{
  width: 269px;
}
.shorts_item{
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.shorts_item .player{
  height: 429px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  display: flex;
  border-radius: 20px;
}
.shorts_item video{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 20px;
  opacity: 0;
  visibility: hidden;
  transition: .3s all ease;
}
.swiper-slide-active .shorts_item video,
.shorts_item:hover video{
  opacity: 1;
  visibility: visible;
  z-index: 2;
  cursor: pointer;
}
.shorts_item.video_cover{
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.shorts_item .play_button{
  display: flex;
  width: 84px;
  height: 84px;
  transition: .3s all ease;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.shorts_item .play_button:hover{
  scale: 1.1;
}
.shorts_item .play_button img{
  width: 100%;
}
.shorts_item .sen_count{
  font-size: 18px;
  font-weight: 700;
  line-height: 110%;
  color: #FFF;
  display: flex;
  align-items: center;
  gap: 4px;
  position: absolute;
  left: 18px;
  bottom: 18px;
}
.shorts_title{
  font-size: 24px;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.48px;
  color: #060525;
  margin: 20px 0 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.shorts_modal{
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 4;
  display: flex;
  justify-content: center;
  transition: .3s all ease;
  opacity: 0;
  visibility: hidden;
  height: 100vh;
}
.shorts_modal.open{
  opacity: 1;
  visibility: visible;
}
.shorts_trac{
  position: relative;
  display: flex;
  max-width: 560px;
  width: 100%;
  padding: 63px 0 28px 0;
}
.shorts_container{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 28px;
  height: 100%;
  width: 100%;
}
.shorts_actions .progres_bar{
  display: none;
}
.shorts_actions .swiper_buttons{
  flex-direction: column;
  gap: 10px;
  position: absolute;
  bottom: 28px;
  right: -28px;
  transform: translate(100%, 0);
}
.shorts_actions .swiper_buttons .prev_btn{
  transform: rotate(90deg);
}
.shorts_actions .swiper_buttons .next_btn{
  transform: rotate(90deg);
}
.close_shorts{
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 63px;
  right: -28px;
  transform: translate(100%, 0);
  border-radius: 50%;
  background-color: #FFF;
  cursor: pointer;
  transition: .3s all ease;
}
.shorts_actions .close_shorts:hover{
  background-color: #DB2A1D;
}
.shorts_actions .close_shorts path{
  transition: .3s all ease;
}
.shorts_actions .close_shorts:hover path{
  fill: #FFF;
}
body:has(.shorts_modal) .modal_back{
  background: rgba(46, 53, 72, 0.90);
  opacity: 1;
}
.shorts_modal .video_item{
  max-width: 100%;
  height: auto;
  max-height: 100%;
  aspect-ratio: 9 / 16;
  position: relative;
  border-radius: 20px;
}
.shorts_modal .video_item video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 20px;
}
.shorts_modal .video_item .volume_icon{
  position: absolute;
  top: 18px;
  left: 18px;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.shorts_modal .video_item .volume_icon img{
  width: 100%;
  height: 100%;
  display: none;
}
.shorts_modal .video_item .volume_icon .active{
display: block;
}
.shorts_modal .video_item .shorts_title{
  position: absolute;
  bottom: 28px;
  left: 28px;
  margin: 0;
  color: #FFF;
}

/* stories */

.stories{
background-color: #f0f3f8;
padding: 10px 0 0;
}
/* .stories .container{
border-bottom: 1px solid #d6dfed;
} */
.prev_btn.prev_btn_small,
.next_btn.next_btn_small{
background-color: #FFF;
width: 34px;
height: 34px;
padding: 10px;
}
.prev_btn.prev_btn_small svg,
.next_btn.next_btn_small svg{
width: 100%;
height: 100%;
}
.prev_btn.prev_btn_small path,
.next_btn.next_btn_small path{
fill: #DB2A1D;
}
.stories_title{
font-size: 32px;
font-weight: 700;
line-height: 105%;
letter-spacing: -0.96px;
color: #060525;
}
.stories .media_section_top{
margin: 0 0 22px 0;
}

.stories_swiper{
overflow: visible;
margin: 0 0 0 0;
}
.stories_swiper .swiper-slide{
width: auto;
}
.swiper-slide-active .story_item{
border-color: #DB2A1D;
}
.story_item{
width: 80px;
height: 80px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
border: 3px solid transparent;
transition: .3s all ease;
}
.story_item:hover{
scale: 1.1;
}
.story_item img{
width: 100%;
max-height: 100%;
height: auto;
object-fit: cover;
object-position: center;
border-radius: 50%;
}
.story_image{
border-radius: 20px;
width: 100%;
height: 100%;
}
.video_item:has(.story_image){
display: flex;
}
body:has(.stories) .modal_back{
background: rgba(46, 53, 72, 0.90);
opacity: 1;
}
.stories_swiper .swiper_buttons{
display: none;
}
.story_link{
position: absolute;
left: 50%;
bottom: 60px;
transform: translate(-50%, 0);
border-radius: 30px;
background-color: #060525;
color: #FFF;
text-decoration: none;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 125%;
padding: 10px 20px;
z-index: 2;
width: 70%;
text-align: center;
transition: .3s all ease;
}
.story_link:hover{
background-color: #db2a1d;
}
.story_link.active{
background-color: #db2a1d;
box-shadow: 0px 4px 40px 0px rgba(25, 37, 66, 0.1);
}
.story_link.active:hover{
background-color: #060525;
}
@media (max-width: 768px){
  /* gallery */
  .gallery_row{
      gap: 20px;
      grid-template-columns: repeat(2, 3fr);
  }
  .gallery2 {
      padding: 50px 0 20px 0;
  }
  .grid_column{
      gap: 20px;
  }
  .grid_column:last-child{
      grid-template-columns: repeat(2, 3fr);
      grid-column-start: 1;
      grid-column-end: 3;
  }
  /* shorts */
  .shorts {
      padding: 50px 0 20px 0;
      min-height: calc(100vh - 100px);
  }
  .media_section_top{
      margin: 0 0 30px 0;
  }
  .prev_btn, .next_btn, .close_shorts{
      width: 32px;
      height: 32px;
      padding: 10px;
  }
  .close_shorts{
    padding: 5px;
  }
  .prev_btn svg, .next_btn svg, .close_shorts svg{
      width: 100%;
      height: 100%;
  }
  .shorts_swiper .swiper-slide{
      width: 150px;
  }
  .shorts_item .player{
      height: 240px;
  }
  .shorts_item .play_button{
      width: 54px;
      height: 54px;
  }
  .shorts_item .play_button img{
      width: 100%;
      height: 100%;
  }
  .shorts_item .sen_count{
      font-size: 16px;
      left: 15px;
      bottom: 15px;
  }
  .shorts_item .sen_count img{
      width: 20px;
      height: 20px;
  }
  .shorts_title{
      font-size: 18px;
      letter-spacing: -0.36px;
      margin: 12px 0 0 0;
  }
  .shorts_actions .swiper_buttons,
  .close_shorts{
    position: unset;
    transform: none;
  }
  .shorts_trac{
    flex-direction: column-reverse;
    gap: 15px;
    padding: 20px 0;
  }
  .shorts_actions{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
  }
  .shorts_actions .swiper_buttons{
    flex-direction: row;
  }
  .shorts_actions .swiper_buttons .next_btn,
  .shorts_actions .swiper_buttons .prev_btn{
    transform: none;
  }
  .shorts_actions .progres_bar{
    display: flex;
    width: 100%;
    height: 4px;
    background-color: #DCDFE1;
  }
  .shorts_actions .progres_bar span{
    background-color: #DB2A1D;
    /* transition: .3s all ease; */
  }
  .shorts_modal{
    width: calc(100% - 40px);
  }
  .shorts_modal .video_item .volume_icon{
    width: 22px;
    height: 22px;
  }
  .shorts_modal .video_item .shorts_title{
    font-size: 24px;
    left: 20px;
    bottom: 20px;
  }
  .shorts_modal .video_item {
    /* height: auto; */
  }

  /* stories */

  .story_item{
    width: 60px;
    height: 60px;
  }
  .stories .container{
    position: relative;
  }
  .stories .media_section_top .prev_btn_small{
    position: absolute;
    left: 0;
    top: 73px;
    z-index: 2;
  }
  .stories .media_section_top .next_btn_small{
    position: absolute;
    right: 0;
    top: 73px;
    z-index: 2;
  }
  .swiper_buttons .swiper-button-disabled{
    opacity: 0;
  }
}