@charset "UTF-8";
@media (min-width: 1920px) {
  /* line 2, app/assets/stylesheets/media.scss */
  .container-custom, .car-container-custom, .container-custom-filter {
    max-width: 1840px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  /* line 9, app/assets/stylesheets/media.scss */
  .hotel-container {
    max-width: 800px;
  }
  /* Стили для main */
  /* line 14, app/assets/stylesheets/media.scss */
  main {
    padding-top: 60px;
    padding-bottom: 50px;
  }
  /* line 19, app/assets/stylesheets/media.scss */
  .footer-content {
    padding: 80px 0 110px;
  }
  /* line 23, app/assets/stylesheets/media.scss */
  .footer-title .h2 {
    margin-bottom: 70px;
  }
}

@media (min-width: 1600px) and (max-width: 1919px) {
  /* line 29, app/assets/stylesheets/media.scss */
  .container-custom, .car-container-custom, .container-custom-filter {
    max-width: 1520px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  /* Стили для main */
  /* line 37, app/assets/stylesheets/media.scss */
  main {
    padding-top: 60px;
    padding-bottom: 50px;
  }
  /* Стили для вертикальных линий при ширине 1600px */
  /* line 43, app/assets/stylesheets/media.scss */
  .vertical-lines {
    width: 1480px;
    left: calc(50% - 760px);
    grid-template-columns: 200px 60px 300px 160px 60px 200px 300px 200px 1fr;
  }
  /* Скрываем лишние линии */
  /* line 50, app/assets/stylesheets/media.scss */
  .vertical-lines .vertical-line:nth-child(n + 10) {
    display: none;
  }
  /* Стили для горизонтальной линии при ширине 1600px */
  /* line 55, app/assets/stylesheets/media.scss */
  .horizontal-line-container {
    width: 1480px;
    left: calc(50% - 720px);
  }
  /* Стили для заголовков при ширине 1600px */
  /* line 61, app/assets/stylesheets/media.scss */
  .title-container {
    margin-bottom: 50px;
  }
  /* line 65, app/assets/stylesheets/media.scss */
  .title-container.services-we-can-offer-you-title,
.title-container.products-and-other-stuff-title,
.title-container.crew-for-your-video-project-title {
    flex-direction: column;
    align-items: center;
  }
  /* Отступ для подзаголовков */
  /* line 73, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you-title-text,
.products-and-other-stuff-title-text,
.crew-for-your-video-project-title-text {
    margin-top: 24px;
    margin-left: 760px;
  }
  /* line 80, app/assets/stylesheets/media.scss */
  .faq-item-content {
    margin-left: 820px;
    width: 700px;
  }
  /* line 85, app/assets/stylesheets/media.scss */
  .footer-form {
    margin-right: 200px;
    width: 500px;
  }
  /* line 90, app/assets/stylesheets/media.scss */
  .video-block {
    width: 820px;
    height: 500px;
    margin: 0;
  }
  /* line 96, app/assets/stylesheets/media.scss */
  .production-solutions-title {
    margin-bottom: 20px;
  }
  /* line 100, app/assets/stylesheets/media.scss */
  section {
    margin-bottom: 150px;
  }
  /* line 104, app/assets/stylesheets/media.scss */
  .footer-content {
    padding: 70px 0 90px;
  }
  /* line 108, app/assets/stylesheets/media.scss */
  .footer-title .h2 {
    margin-bottom: 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1599px) {
  /* line 114, app/assets/stylesheets/media.scss */
  .container-custom, .car-container-custom, .container-custom-filter {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  /* Стили для main */
  /* line 122, app/assets/stylesheets/media.scss */
  main {
    padding-top: 60px;
    padding-bottom: 50px;
  }
  /* Стили для вертикальных линий при ширине 1280-1599px */
  /* line 128, app/assets/stylesheets/media.scss */
  .vertical-lines {
    width: 1120px;
    left: calc(50% - 560px);
    grid-template-columns: 200px 60px 300px 300px 60px 200px 1fr;
  }
  /* Скрываем лишние линии */
  /* line 135, app/assets/stylesheets/media.scss */
  .vertical-lines .vertical-line:nth-child(n + 8) {
    display: none;
  }
  /* Стили для горизонтальной линии при ширине 1280-1599px */
  /* line 140, app/assets/stylesheets/media.scss */
  .horizontal-line-container {
    width: 1200px;
    left: calc(50% - 600px);
  }
  /* Стили для заголовков при ширине 1280-1599px */
  /* line 146, app/assets/stylesheets/media.scss */
  .title-container {
    margin-bottom: 50px;
  }
  /* line 150, app/assets/stylesheets/media.scss */
  .title-container.services-we-can-offer-you-title,
.title-container.products-and-other-stuff-title,
.title-container.crew-for-your-video-project-title {
    flex-direction: column;
    align-items: center;
  }
  /* Отступ для подзаголовков */
  /* line 158, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you-title-text,
.products-and-other-stuff-title-text,
.crew-for-your-video-project-title-text {
    margin-top: 24px;
    margin-left: 600px;
  }
  /* Отступ для подзаголовков */
  /* line 166, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you-title-text,
.products-and-other-stuff-title-text,
.crew-for-your-video-project-title-text {
    margin-left: 600px;
  }
  /* line 172, app/assets/stylesheets/media.scss */
  .video-block {
    width: 820px;
    height: 503px;
    margin: 0;
  }
  /* line 178, app/assets/stylesheets/media.scss */
  .production-solutions-title {
    margin-bottom: 20px;
  }
  /* line 182, app/assets/stylesheets/media.scss */
  .cards-container {
    gap: 9px;
  }
  /* line 186, app/assets/stylesheets/media.scss */
  .faq-item-content {
    margin-left: 600px;
    width: 600px;
  }
  /* line 191, app/assets/stylesheets/media.scss */
  .footer-form {
    margin-right: 40px;
  }
  /* line 194, app/assets/stylesheets/media.scss */
  section {
    margin-bottom: 150px;
  }
  /* line 198, app/assets/stylesheets/media.scss */
  .footer-content {
    padding: 50px 0 30px;
  }
  /* line 202, app/assets/stylesheets/media.scss */
  .footer-title .h2 {
    margin-bottom: 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  /* Стили для мобильного меню */
  /* line 209, app/assets/stylesheets/media.scss */
  header {
    position: relative;
    z-index: 1000;
  }
  /* line 229, app/assets/stylesheets/media.scss */
  .close-menu-btn {
    display: none;
    width: 40px;
    height: 40px;
    background: url(/assets/Cross-1a3d69d64098d38c1c041ea96741390f9e687c0ccad7ac7f25b68765db2ca7e6.svg) no-repeat center;
    background-size: 31px 30px;
    border: none;
    cursor: pointer;
    padding: 0;
  }
  /* line 240, app/assets/stylesheets/media.scss */
  .mobile-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    background-color: #fff;
    transition: max-height 0.3s ease;
    z-index: 999;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    display: block;
  }
  /* line 254, app/assets/stylesheets/media.scss */
  .mobile-menu-inner {
    padding: 40px 20px 50px;
    display: flex;
    justify-content: space-between;
    opacity: 0;
    transition: opacity 0.3s ease;
    visibility: hidden;
  }
  /* line 263, app/assets/stylesheets/media.scss */
  .mobile-menu.active {
    height: auto;
    max-height: 80vh;
    /* 80% высоты экрана */
    overflow-y: auto;
    /* добавляем прокрутку при необходимости */
  }
  /* line 269, app/assets/stylesheets/media.scss */
  .mobile-menu.active .mobile-menu-inner {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease 0.1s;
  }
  /* line 275, app/assets/stylesheets/media.scss */
  .mobile-nav {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  /* line 282, app/assets/stylesheets/media.scss */
  .mobile-nav-item {
    display: flex;
    align-items: flex-end;
    gap: 8px;
  }
  /* Специальные стили для элемента с дропдауном */
  /* line 289, app/assets/stylesheets/media.scss */
  .mobile-nav-item.dropdown-item {
    align-items: flex-start;
  }
  /* line 293, app/assets/stylesheets/media.scss */
  .mobile-nav-item.dropdown-item .mobile-nav-number {
    position: relative;
    top: 10px;
  }
  /* line 298, app/assets/stylesheets/media.scss */
  .mobile-nav-item a,
.mobile-nav-item .dropdown-toggle {
    color: #0e0d0d;
    font-family: "Instrument Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
    text-decoration: none;
  }
  /* line 310, app/assets/stylesheets/media.scss */
  .mobile-contacts {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  /* line 316, app/assets/stylesheets/media.scss */
  .mobile-contact-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  /* line 322, app/assets/stylesheets/media.scss */
  .mobile-contact-block:first-child {
    margin-right: 60px;
  }
  /* line 326, app/assets/stylesheets/media.scss */
  .mobile-contact-block:nth-child(2) {
    margin-right: 24px;
  }
  /* line 330, app/assets/stylesheets/media.scss */
  .mobile-contact-title {
    color: var(--Black, #1b1b1b);
    font-family: "Instrument Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
    margin-bottom: 15px;
  }
  /* line 341, app/assets/stylesheets/media.scss */
  .contacts-title,
.socials-title {
    color: var(--Text-Gray-low-opacity, #535353);
  }
  /* line 346, app/assets/stylesheets/media.scss */
  .mobile-contact-block a,
.mobile-contact-block span {
    color: var(--Black, #1b1b1b);
    font-family: "Instrument Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-decoration: none;
  }
  /* Затемнение контента при активном меню */
  /* line 359, app/assets/stylesheets/media.scss */
  .content-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 998;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  /* line 372, app/assets/stylesheets/media.scss */
  .content-overlay.active {
    display: block;
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  /* Остальные стили */
  /* line 379, app/assets/stylesheets/media.scss */
  .container-custom, .car-container-custom, .container-custom-filter {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 0 20px;
  }
  /* Стили для main */
  /* line 387, app/assets/stylesheets/media.scss */
  main {
    padding-top: 60px;
    padding-bottom: 100px;
  }
  /* Стили для вертикальных линий при ширине 1280-1599px */
  /* line 393, app/assets/stylesheets/media.scss */
  .vertical-lines {
    width: 900px;
    left: calc(50% - 470px);
    grid-template-columns: 200px 60px 200px 120px 200px 120px 1fr;
  }
  /* Стиль для двустрочного заголовка при ширине 1024-1279px */
  /* line 400, app/assets/stylesheets/media.scss */
  .two-line-title {
    width: 570px;
  }
  /* line 404, app/assets/stylesheets/media.scss */
  .concept-vertical-lines {
    top: 200px !important;
  }
  /* Скрываем лишние линии */
  /* line 409, app/assets/stylesheets/media.scss */
  .vertical-lines .vertical-line:nth-child(n + 8) {
    display: none;
  }
  /* Стили для горизонтальной линии при ширине 1280-1599px */
  /* line 414, app/assets/stylesheets/media.scss */
  .horizontal-line-container {
    display: none;
  }
  /* Стили для заголовков при ширине 1280-1599px */
  /* line 419, app/assets/stylesheets/media.scss */
  .title-container {
    margin-bottom: 50px;
  }
  /* Стили для H1 при ширине 1024-1279px */
  /* line 424, app/assets/stylesheets/media.scss */
  .h1 {
    color: #0e0d0d;
    text-align: center;
    font-family: "Instrument Sans";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%;
    /* 72px */
    letter-spacing: -3.2px;
  }
  /* Стили для H2 при ширине 1024-1279px */
  /* line 437, app/assets/stylesheets/media.scss */
  .h2 {
    color: var(--Black, #1b1b1b);
    text-align: center;
    font-family: "Instrument Sans";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    /* 52.8px */
    letter-spacing: -1.92px;
  }
  /* Стили для H3 при ширине 1024-1279px */
  /* line 450, app/assets/stylesheets/media.scss */
  .h3 {
    color: var(--Black, #1b1b1b);
    font-family: "Instrument Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    /* 26.4px */
  }
  /* line 461, app/assets/stylesheets/media.scss */
  .title-container.services-we-can-offer-you-title,
.title-container.products-and-other-stuff-title,
.title-container.crew-for-your-video-project-title {
    flex-direction: column;
    align-items: center;
  }
  /* Отступ для подзаголовков */
  /* line 469, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you-title-text,
.products-and-other-stuff-title-text,
.crew-for-your-video-project-title-text {
    margin-top: 24px;
    margin-left: 281px;
    width: 490px;
  }
  /* line 477, app/assets/stylesheets/media.scss */
  .two-line-title--worked-with {
    width: 598px;
  }
  /* line 481, app/assets/stylesheets/media.scss */
  .products-and-other-stuff-title-text .two-line-title {
    width: 520px;
  }
  /* line 485, app/assets/stylesheets/media.scss */
  .video-block {
    width: 820px;
    height: 503px;
    margin: 0;
  }
  /* line 491, app/assets/stylesheets/media.scss */
  .production-solutions-title {
    margin-bottom: 20px;
  }
  /* line 495, app/assets/stylesheets/media.scss */
  .cards-container {
    gap: 9px;
  }
  /* line 499, app/assets/stylesheets/media.scss */
  .faq-item-content {
    width: 100%;
    margin-left: 0;
    padding: 0;
    align-items: flex-start;
    gap: 10px;
  }
  /* line 507, app/assets/stylesheets/media.scss */
  .faq-item.active .faq-item-content {
    padding: 8px 20px 12px 20px;
  }
  /* line 511, app/assets/stylesheets/media.scss */
  .footer-form {
    width: 461px;
    margin-right: 40px;
    align-self: flex-start;
  }
  /* line 517, app/assets/stylesheets/media.scss */
  .footer-contact-info {
    padding-left: 21px;
  }
  /* line 521, app/assets/stylesheets/media.scss */
  .from-concept-title {
    width: 405px;
  }
  /* line 525, app/assets/stylesheets/media.scss */
  .card-item {
    width: 100%;
    height: 400px;
    padding: 24px 20px;
  }
  /* line 531, app/assets/stylesheets/media.scss */
  .card-item--size-flexible {
    height: auto;
    min-height: 210px;
  }
  /* line 536, app/assets/stylesheets/media.scss */
  .card-item--offset-1 {
    margin-top: 40px;
  }
  /* line 540, app/assets/stylesheets/media.scss */
  .card-item--offset-2 {
    margin-top: 80px;
  }
  /* line 544, app/assets/stylesheets/media.scss */
  .card-item .h3 {
    width: 205px;
  }
  /* line 548, app/assets/stylesheets/media.scss */
  section {
    margin-bottom: 100px;
  }
  /* line 552, app/assets/stylesheets/media.scss */
  .footer-content {
    padding: 40px 0 60px;
    row-gap: 24px;
  }
  /* line 557, app/assets/stylesheets/media.scss */
  .footer-title {
    margin-bottom: 0px;
  }
  /* line 561, app/assets/stylesheets/media.scss */
  .footer-title .h2 {
    margin-bottom: 0px;
  }
  /* line 565, app/assets/stylesheets/media.scss */
  .faq-item-header-two-columns {
    padding: 8px 8px 8px 20px;
    align-items: center;
    gap: 2px;
    position: relative;
    background-color: transparent;
  }
  /* line 573, app/assets/stylesheets/media.scss */
  .faq-item-header-two-columns::after {
    content: "";
    position: absolute;
    right: 20px;
    width: 12px;
    height: 7px;
    background-image: url(/assets/dropdown-b4cd4cbe289bf1ae38e69dd6291a11296a61440cf51328de607d9ddb857fdf1b.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
  }
  /* Стили для FAQ элементов при ширине 1024px и ниже */
  /* line 586, app/assets/stylesheets/media.scss */
  .faq-item-header {
    padding: 8px 8px 8px 20px;
    align-items: center;
    gap: 2px;
    position: relative;
    background-color: transparent;
    color: #1b1b1b;
    border-bottom: 1px solid #eaeaea;
  }
  /* line 596, app/assets/stylesheets/media.scss */
  .faq-item-header::after {
    content: "";
    position: absolute;
    right: 20px;
    width: 12px;
    height: 7px;
    background-image: url(/assets/dropdown-b4cd4cbe289bf1ae38e69dd6291a11296a61440cf51328de607d9ddb857fdf1b.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
  }
  /* Отключаем ховер эффект для этого брейкпоинта */
  /* line 609, app/assets/stylesheets/media.scss */
  .faq-item-header:hover {
    background: transparent;
    color: #1b1b1b;
  }
  /* line 614, app/assets/stylesheets/media.scss */
  .faq-item.active {
    background-color: #f5f5f5;
  }
  /* line 618, app/assets/stylesheets/media.scss */
  .faq-item.active .faq-item-header {
    background-color: transparent;
    color: #1b1b1b;
  }
  /* line 623, app/assets/stylesheets/media.scss */
  .faq-item.active .faq-item-header::after {
    transform: rotate(180deg);
  }
  /* line 627, app/assets/stylesheets/media.scss */
  .faq-item-content {
    width: 100%;
    margin-left: 0;
    padding: 0;
    align-items: flex-start;
    gap: 10px;
  }
  /* line 635, app/assets/stylesheets/media.scss */
  .faq-item-content {
    padding: 8px 20px 12px 20px;
  }
  /* line 639, app/assets/stylesheets/media.scss */
  .faq-item.active .faq-item-content {
    padding: 8px 20px 12px 20px;
  }
  /* line 643, app/assets/stylesheets/media.scss */
  .crew-form-container {
    width: 601px;
  }
  /* line 647, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown {
    position: relative;
    display: flex;
    align-items: flex-start;
  }
  /* line 653, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown-toggle {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }
  /* line 660, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown-menu {
    position: static;
    display: none;
    margin-top: 12px;
    padding-left: 0;
    margin-left: 34px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
  }
  /* line 671, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown-menu.show {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    opacity: 1;
    visibility: visible;
  }
  /* line 680, app/assets/stylesheets/media.scss */
  .footer-dropdown .dropdown-menu {
    top: auto !important;
    bottom: 100% !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
  }
  /* line 688, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown-menu.show a {
    justify-content: flex-start;
  }
  /* line 692, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown-menu a {
    color: #0e0d0d;
    font-size: 18px;
    font-weight: 400;
    transition: none;
  }
  /* line 700, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown-menu a:hover,
.mobile-nav-item .dropdown-menu a:focus,
.mobile-nav-item .dropdown-menu a:active {
    background: none;
    color: #0e0d0d;
    text-decoration: none;
    outline: none;
  }
  /* Фиксируем позицию номера элемента */
  /* line 710, app/assets/stylesheets/media.scss */
  .mobile-nav-item .mobile-nav-number {
    position: relative;
    top: 3px;
  }
  /* line 715, app/assets/stylesheets/media.scss */
  .mobile-nav-number {
    color: var(--Text-Gray-low-opacity, #535353);
    font-family: "Instrument Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
    transform: translateY(-4px);
  }
  /* line 726, app/assets/stylesheets/media.scss */
  .mobile-nav-item.dropdown-item .mobile-nav-number {
    position: relative;
    top: 10px;
  }
  /* line 731, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown-toggle:hover,
.mobile-nav-item .dropdown-toggle:focus,
.mobile-nav-item .dropdown-toggle:active {
    background: none;
    color: #0e0d0d;
    text-decoration: none;
    outline: none;
  }
  /* Отменяем эффект ховера для dropdown-toggle в мобильном меню */
  /* line 741, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown:hover .dropdown-toggle:not(.active),
.mobile-nav-item .dropdown .dropdown-toggle:focus:not(.active),
.mobile-nav-item .dropdown .dropdown-toggle:active:not(.active) {
    background: transparent;
    color: #0e0d0d;
    outline: none;
  }
  /* line 749, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown:hover .dropdown-toggle:not(.active)::after,
.mobile-nav-item .dropdown .dropdown-toggle:focus:not(.active)::after,
.mobile-nav-item .dropdown .dropdown-toggle:active:not(.active)::after {
    background-image: url(/assets/Arrow-black-376872349440a801099ef8e15f79f08abd1640fd56874d453f1c856a6214acdf.svg);
  }
  /* Стили для активного состояния dropdown-toggle в мобильном меню */
  /* line 756, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown .dropdown-toggle.active {
    background: transparent;
    color: #0e0d0d;
  }
  /* line 761, app/assets/stylesheets/media.scss */
  .card-item .body-text {
    max-width: 100%;
  }
  /* line 765, app/assets/stylesheets/media.scss */
  .footer-title .h2 {
    text-align: left;
    margin-left: 20px;
  }
  /* line 770, app/assets/stylesheets/media.scss */
  .footer-contact-info {
    padding-left: 41px;
  }
  /* line 774, app/assets/stylesheets/media.scss */
  .crew-form-inputs {
    gap: 20px;
  }
  /* line 778, app/assets/stylesheets/media.scss */
  .crew-text-input {
    font-size: 14px;
  }
  /* line 782, app/assets/stylesheets/media.scss */
  .back-btn {
    font-size: 12px;
  }
  /* line 786, app/assets/stylesheets/media.scss */
  .crew-data-summary {
    max-height: 180px;
  }
  /* line 790, app/assets/stylesheets/media.scss */
  .summary-type,
.summary-data {
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* line 797, app/assets/stylesheets/media.scss */
  .container-custom, .car-container-custom, .container-custom-filter {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 0 20px;
  }
  /* Стили для мобильного меню */
  /* line 805, app/assets/stylesheets/media.scss */
  header {
    position: relative;
    z-index: 1000;
  }
  /* line 810, app/assets/stylesheets/media.scss */
  .header-nav {
    display: none;
    /* Скрываем обычное меню */
  }
  /* line 814, app/assets/stylesheets/media.scss */
  .burger-menu-btn {
    display: block;
    width: 40px;
    height: 40px;
    background: url(/assets/burger-menu-463e62eb0bb8e5895f8b4bef8b52fd1d0233a02d55ff0279db9fe15050cc6d63.svg) no-repeat center;
    background-size: 40px 8px;
    border: none;
    cursor: pointer;
    padding: 0;
  }
  /* line 825, app/assets/stylesheets/media.scss */
  .close-menu-btn {
    display: none;
    width: 40px;
    height: 40px;
    background: url(/assets/Cross-1a3d69d64098d38c1c041ea96741390f9e687c0ccad7ac7f25b68765db2ca7e6.svg) no-repeat center;
    background-size: 31px 30px;
    border: none;
    cursor: pointer;
    padding: 0;
  }
  /* line 836, app/assets/stylesheets/media.scss */
  .mobile-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    background-color: #fff;
    transition: max-height 0.3s ease;
    z-index: 999;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    display: block;
  }
  /* line 850, app/assets/stylesheets/media.scss */
  .faq-item.active .faq-item-content {
    padding: 8px 20px 12px 20px;
  }
  /* line 854, app/assets/stylesheets/media.scss */
  .faq-item-content {
    padding: 8px 20px 12px 20px;
  }
  /* line 858, app/assets/stylesheets/media.scss */
  .mobile-menu-inner {
    padding: 40px 20px 50px;
    display: flex;
    justify-content: space-between;
    opacity: 0;
    transition: opacity 0.2s ease;
    visibility: hidden;
  }
  /* line 867, app/assets/stylesheets/media.scss */
  .mobile-menu.active {
    height: auto;
    max-height: 80vh;
    /* 80% высоты экрана */
    overflow-y: auto;
    /* добавляем прокрутку при необходимости */
  }
  /* line 873, app/assets/stylesheets/media.scss */
  .mobile-menu.active .mobile-menu-inner {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease 0.1s;
  }
  /* line 879, app/assets/stylesheets/media.scss */
  .mobile-nav {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  /* line 886, app/assets/stylesheets/media.scss */
  .mobile-nav-item {
    display: flex;
    align-items: flex-end;
    gap: 8px;
  }
  /* Специальные стили для элемента с дропдауном */
  /* line 893, app/assets/stylesheets/media.scss */
  .mobile-nav-item.dropdown-item {
    align-items: flex-start;
  }
  /* line 897, app/assets/stylesheets/media.scss */
  .mobile-nav-item.dropdown-item .mobile-nav-number {
    position: relative;
    top: 10px;
  }
  /* line 902, app/assets/stylesheets/media.scss */
  .mobile-nav-item a,
.mobile-nav-item .dropdown-toggle {
    color: #0e0d0d;
    font-family: "Instrument Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
    text-decoration: none;
  }
  /* line 914, app/assets/stylesheets/media.scss */
  .mobile-contacts {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  /* line 921, app/assets/stylesheets/media.scss */
  .mobile-contact-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  /* line 927, app/assets/stylesheets/media.scss */
  .mobile-contact-block:first-child {
    margin-right: 60px;
  }
  /* line 931, app/assets/stylesheets/media.scss */
  .mobile-contact-block:nth-child(2) {
    margin-right: 24px;
  }
  /* line 935, app/assets/stylesheets/media.scss */
  .mobile-contact-title {
    color: var(--Black, #1b1b1b);
    font-family: "Instrument Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
    margin-bottom: 15px;
  }
  /* line 946, app/assets/stylesheets/media.scss */
  .contacts-title,
.socials-title {
    color: var(--Text-Gray-low-opacity, #535353);
  }
  /* line 951, app/assets/stylesheets/media.scss */
  .mobile-contact-block a,
.mobile-contact-block span {
    color: var(--Black, #1b1b1b);
    font-family: "Instrument Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-decoration: none;
  }
  /* Затемнение контента при активном меню */
  /* line 964, app/assets/stylesheets/media.scss */
  .content-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 998;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  /* line 977, app/assets/stylesheets/media.scss */
  .content-overlay.active {
    display: block;
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  /* Стили для FAQ элементов */
  /* line 984, app/assets/stylesheets/media.scss */
  .faq-item-header, .faq-item-header-two-columns {
    padding: 8px 8px 8px 20px;
    align-items: center;
    gap: 2px;
    position: relative;
    background-color: transparent;
    color: #1b1b1b;
    border-bottom: 1px solid #eaeaea;
  }
  /* line 994, app/assets/stylesheets/media.scss */
  .faq-item-header::after, .faq-item-header-two-columns::after {
    content: "";
    position: absolute;
    right: 20px;
    width: 12px;
    height: 7px;
    background-image: url(/assets/dropdown-b4cd4cbe289bf1ae38e69dd6291a11296a61440cf51328de607d9ddb857fdf1b.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
  }
  /* Отключаем ховер эффект для этого брейкпоинта */
  /* line 1007, app/assets/stylesheets/media.scss */
  .faq-item-header:hover {
    background: transparent;
    color: #1b1b1b;
  }
  /* line 1012, app/assets/stylesheets/media.scss */
  .faq-item.active {
    background-color: #f5f5f5;
  }
  /* line 1016, app/assets/stylesheets/media.scss */
  .faq-item.active .faq-item-header {
    background-color: transparent;
    color: #1b1b1b;
  }
  /* line 1021, app/assets/stylesheets/media.scss */
  .faq-item.active .faq-item-header::after {
    transform: rotate(180deg);
  }
  /* line 1025, app/assets/stylesheets/media.scss */
  .faq-item-content {
    width: 100%;
    margin-left: 0;
    padding: 0;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 20px 12px 20px;
  }
  /* line 1034, app/assets/stylesheets/media.scss */
  .footer-content {
    grid-template-columns: 1fr;
    grid-template-areas: "title" "form" "contacts";
    gap: 40px;
    padding: 50px 20px;
    grid-template-rows: unset;
  }
  /* line 1046, app/assets/stylesheets/media.scss */
  .footer-title {
    margin-bottom: -50px;
    text-align: center;
    height: 53px;
  }
  /* line 1052, app/assets/stylesheets/media.scss */
  .footer-title .h2 {
    text-align: center;
  }
  /* line 1056, app/assets/stylesheets/media.scss */
  .footer-contacts {
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
  }
  /* line 1062, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown {
    position: relative;
    display: flex;
    align-items: flex-start;
  }
  /* line 1068, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown-toggle {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }
  /* line 1075, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown-menu {
    position: static;
    display: none;
    margin-top: 12px;
    padding-left: 0;
    margin-left: 34px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
  }
  /* line 1086, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown-menu.show {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    opacity: 1;
    visibility: visible;
  }
  /* line 1095, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown-menu a {
    color: #0e0d0d;
    font-size: 18px;
    font-weight: 400;
    transition: none;
  }
  /* line 1103, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown-menu a:hover,
.mobile-nav-item .dropdown-menu a:focus,
.mobile-nav-item .dropdown-menu a:active {
    background: none;
    color: #0e0d0d;
    text-decoration: none;
    outline: none;
  }
  /* Фиксируем позицию номера элемента */
  /* line 1113, app/assets/stylesheets/media.scss */
  .mobile-nav-item .mobile-nav-number {
    position: relative;
    top: 3px;
  }
  /* line 1118, app/assets/stylesheets/media.scss */
  .mobile-nav-number {
    color: var(--Text-Gray-low-opacity, #535353);
    font-family: "Instrument Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
    transform: translateY(-4px);
  }
  /* line 1129, app/assets/stylesheets/media.scss */
  .mobile-nav-item.dropdown-item .mobile-nav-number {
    position: relative;
    top: 10px;
  }
  /* Стили для main */
  /* line 1135, app/assets/stylesheets/media.scss */
  main {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  /* line 1140, app/assets/stylesheets/media.scss */
  .video-block {
    width: 712px;
    height: 412px;
    margin: 0;
  }
  /* line 1146, app/assets/stylesheets/media.scss */
  .vertical-lines {
    width: 640px;
    left: calc(50% - 340px);
    grid-template-columns: 200px 60px 200px 120px 60px 1fr;
  }
  /* line 1152, app/assets/stylesheets/media.scss */
  .concept-vertical-lines {
    top: 200px !important;
  }
  /* line 1156, app/assets/stylesheets/media.scss */
  .services-two-line-title {
    width: 582px !important;
  }
  /* Стиль для двустрочного заголовка при ширине 768-1023px */
  /* line 1161, app/assets/stylesheets/media.scss */
  .two-line-title {
    width: 570px;
  }
  /* Скрываем лишние линии */
  /* line 1166, app/assets/stylesheets/media.scss */
  .vertical-lines .vertical-line:nth-child(n + 7) {
    display: none;
  }
  /* line 1170, app/assets/stylesheets/media.scss */
  .video-content {
    width: 688px;
    height: 388px;
  }
  /* Стили для горизонтальной линии при ширине 1280-1599px */
  /* line 1176, app/assets/stylesheets/media.scss */
  .horizontal-line-container {
    display: none;
  }
  /* line 1180, app/assets/stylesheets/media.scss */
  .crew-form-container {
    width: 520px;
  }
  /* line 1184, app/assets/stylesheets/media.scss */
  .crew-form-container h3 {
    font-size: 20px !important;
  }
  /* line 1188, app/assets/stylesheets/media.scss */
  .our-crews-worked-with .vertical-lines {
    height: calc(100% + 180px);
  }
  /* line 1192, app/assets/stylesheets/media.scss */
  .h1 {
    color: #0e0d0d;
    text-align: center;
    font-family: "Instrument Sans";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%;
    /* 72px */
    letter-spacing: -3.2px;
  }
  /* line 1204, app/assets/stylesheets/media.scss */
  .h2 {
    color: var(--Black, #1b1b1b);
    text-align: center;
    font-family: "Instrument Sans";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    /* 52.8px */
    letter-spacing: -1.92px;
  }
  /* line 1216, app/assets/stylesheets/media.scss */
  .h3 {
    color: var(--Black, #1b1b1b);
    font-family: "Instrument Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    /* 26.4px */
  }
  /* line 1227, app/assets/stylesheets/media.scss */
  .title-container {
    margin-bottom: 20px;
  }
  /* line 1231, app/assets/stylesheets/media.scss */
  .production-solutions {
    margin-bottom: 50px;
  }
  /* line 1235, app/assets/stylesheets/media.scss */
  section {
    margin-bottom: 100px;
  }
  /* line 1239, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you {
    margin-top: 100px;
  }
  /* line 1243, app/assets/stylesheets/media.scss */
  .from-concept-title {
    width: 405px;
  }
  /* line 1247, app/assets/stylesheets/media.scss */
  .title-container.services-we-can-offer-you-title,
.title-container.products-and-other-stuff-title,
.title-container.crew-for-your-video-project-title {
    flex-direction: column;
    align-items: center;
  }
  /* Отступ для подзаголовков */
  /* line 1255, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you-title-text,
.products-and-other-stuff-title-text,
.crew-for-your-video-project-title-text {
    margin-top: 18px;
    margin-left: 285px;
    max-width: 360px;
  }
  /* line 1263, app/assets/stylesheets/media.scss */
  .two-line-title {
    gap: 5px;
  }
  /* line 1267, app/assets/stylesheets/media.scss */
  .slider-container .swiper-slide img.slide-image {
    width: 250px !important;
    height: 350px !important;
  }
  /* line 1272, app/assets/stylesheets/media.scss */
  .slider-container .swiper-slide {
    width: 250px !important;
    height: 350px !important;
  }
  /* line 1277, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown {
    position: relative;
    display: flex;
    align-items: flex-start;
  }
  /* line 1283, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown-menu.show {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
  }
  /* line 1290, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown-menu.show a {
    justify-content: flex-start;
  }
  /* line 1294, app/assets/stylesheets/media.scss */
  .body-text {
    /* 768/Body text */
    font-family: "Instrument Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 16.8px */
  }
  /* line 1304, app/assets/stylesheets/media.scss */
  .card-item {
    width: 100%;
    height: 310px;
    padding: 16px 12px;
  }
  /* line 1310, app/assets/stylesheets/media.scss */
  .card-item .h3 {
    width: 180px;
  }
  /* line 1314, app/assets/stylesheets/media.scss */
  .card-item .body-text {
    max-width: 100%;
  }
  /* line 1317, app/assets/stylesheets/media.scss */
  .card-item--size-flexible {
    height: auto;
    min-height: 210px;
  }
  /* line 1322, app/assets/stylesheets/media.scss */
  .logo-item .grayscale-logo {
    height: 28px;
  }
  /* line 1326, app/assets/stylesheets/media.scss */
  .logo-small-item .grayscale-logo {
    height: 20px;
  }
  /* line 1330, app/assets/stylesheets/media.scss */
  .footer-title .h2 {
    text-align: center;
    margin-left: 0;
    margin-bottom: 0;
  }
  /* line 1336, app/assets/stylesheets/media.scss */
  .footer-form {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
  /* line 1342, app/assets/stylesheets/media.scss */
  .contact-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
  /* line 1349, app/assets/stylesheets/media.scss */
  .contact-form input {
    width: 100%;
  }
  /* line 1353, app/assets/stylesheets/media.scss */
  .contact-form .button-primary {
    min-width: 180px;
    padding: 6px 40px;
  }
  /* line 1358, app/assets/stylesheets/media.scss */
  .footer-contact-info {
    padding: 0;
    flex-direction: column;
  }
  /* line 1363, app/assets/stylesheets/media.scss */
  .footer-nav {
    flex-direction: column;
    gap: 15px;
  }
  /* line 1368, app/assets/stylesheets/media.scss */
  .vertical-lines {
    display: none;
  }
  /* line 1372, app/assets/stylesheets/media.scss */
  .horizontal-line-container {
    display: none;
  }
  /* line 1376, app/assets/stylesheets/media.scss */
  .from-concept-title {
    width: 100%;
  }
  /* line 1380, app/assets/stylesheets/media.scss */
  .production-solutions-title {
    width: 600px;
    gap: 24px;
  }
  /* line 1385, app/assets/stylesheets/media.scss */
  .button-primary {
    color: #fff;
    text-align: center;
    font-family: "Instrument Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 14.4px */
  }
  /* line 1397, app/assets/stylesheets/media.scss */
  .buttons-crew a.button-primary {
    height: 26px;
    padding: 6px 40px;
  }
  /* line 1402, app/assets/stylesheets/media.scss */
  .crew-form-container .h3 {
    /* 768/H3 */
    font-family: "Instrument Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    /* 22px */
  }
  /* line 1413, app/assets/stylesheets/media.scss */
  .crew-form-inputs {
    gap: 8px;
  }
  /* line 1417, app/assets/stylesheets/media.scss */
  .step-indicator {
    /* 768/Body text */
    font-family: "Instrument Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 16.8px */
  }
  /* line 1427, app/assets/stylesheets/media.scss */
  .mobile-contact-link-israel {
    display: none;
  }
  /* line 1431, app/assets/stylesheets/media.scss */
  .rec-indicator {
    top: 25px;
    right: 25px;
  }
  /* line 1436, app/assets/stylesheets/media.scss */
  .rec-indicator span {
    color: #fff;
    text-align: center;
    font-family: "Instrument Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 16.8px */
  }
  /* line 1447, app/assets/stylesheets/media.scss */
  .rec-indicator img {
    width: 9px;
    height: 9px;
  }
  /* line 1452, app/assets/stylesheets/media.scss */
  .production-solutions-title .body-text {
    width: 400px;
  }
  /* line 1456, app/assets/stylesheets/media.scss */
  .production-solutions {
    margin-bottom: 30px;
  }
  /* line 1460, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you {
    margin-top: 80px;
  }
  /* line 1464, app/assets/stylesheets/media.scss */
  .from-concept-title-text {
    width: 400px;
  }
  /* line 1468, app/assets/stylesheets/media.scss */
  .two-line-title .corner-decoration {
    width: 15px;
    height: 15px;
  }
  /* line 1473, app/assets/stylesheets/media.scss */
  .decorated-title .corner-decoration {
    width: 15px;
    height: 15px;
  }
  /* line 1478, app/assets/stylesheets/media.scss */
  .two-line-title {
    padding-left: 15px;
  }
  /* line 1482, app/assets/stylesheets/media.scss */
  .two-line-title .corner-decoration.top-left {
    left: -15px;
  }
  /* line 1485, app/assets/stylesheets/media.scss */
  .two-line-title .corner-decoration.bottom-right {
    right: -15px;
  }
  /* line 1489, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you .card-item {
    width: 236px;
    height: 310px;
  }
  /* Стили для декоративного блока возле карточек в секции услуг */
  /* line 1495, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you .card-item {
    width: 236px;
    position: relative;
    margin-bottom: 0;
  }
  /* line 1501, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you .cards-container {
    flex-direction: column;
  }
  /* line 1505, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you .card-decoration-block {
    display: block;
    position: absolute;
    top: 0;
    right: -85px;
    width: 86px;
    height: 100%;
  }
  /* Позиционирование уголков */
  /* line 1515, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you .card-decoration-block .corner {
    position: absolute;
    width: 22px;
    height: 22px;
    background: url(/assets/Rectangle-corner-808b4a74b09572020094709557bf6d0972cb8b2400791a7598daf706e2ac6da5.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
  /* line 1524, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you .card-decoration-block .corner.top-left {
    top: 0;
    left: 8px;
  }
  /* line 1529, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you .card-decoration-block .corner.top-right {
    top: 0;
    right: 0;
    transform: rotate(90deg);
  }
  /* line 1535, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you .card-decoration-block .corner.bottom-left {
    bottom: 0;
    left: 8px;
    transform: rotate(-90deg);
  }
  /* line 1541, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you .card-decoration-block .corner.bottom-right {
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
  }
  /* Центральный элемент */
  /* line 1548, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you .card-decoration-block .center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    background: url(/assets/card-center-da658d988b8e83227638d0c5e7d948aedf55777801646401fdb8917e8690e742.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
  /* Фильтр для 2-й и 3-й карточки, чтобы изменить цвет на #DFDFDF */
  /* line 1561, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you
.card-item--offset-1
.card-decoration-block
.corner,
.services-we-can-offer-you
.card-item--offset-2
.card-decoration-block
.corner,
.services-we-can-offer-you
.card-item--offset-1
.card-decoration-block
.center,
.services-we-can-offer-you
.card-item--offset-2
.card-decoration-block
.center {
    /* Применяем фильтр, чтобы преобразовать синий (#004CFF) в серый (#DFDFDF) */
    filter: brightness(0.95) saturate(0) contrast(0.8) brightness(2.5);
  }
  /* Горизонтальный скролл для карточек в секции products-and-other-stuff */
  /* line 1582, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .cards-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: scroll !important;
    max-width: 100%;
    padding-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 0;
    /* Убираем паддинг справа, чтобы показать что есть элементы для скролла */
    justify-content: flex-start !important;
    /* Перезаписываем justify-end из HTML */
    scroll-padding-left: 15px;
  }
  /* Скрываем полосу прокрутки для улучшения внешнего вида */
  /* line 1597, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .cards-container::-webkit-scrollbar {
    display: none;
  }
  /* line 1601, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .cards-container {
    -ms-overflow-style: none;
    /* IE и Edge */
    scrollbar-width: none;
    /* Firefox */
  }
  /* line 1606, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .card-item--size-flexible {
    flex: 0 0 auto;
    width: 80%;
    /* Размер, занимающий большую часть экрана, но не весь */
    min-width: 260px;
    max-width: 300px;
    margin-right: 12px;
  }
  /* Последняя карточка тоже с отступом для лучшего эффекта скролла */
  /* line 1615, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .card-item--size-flexible:last-child {
    margin-right: 15px;
    /* Отступ справа у последнего элемента для лучшего опыта скролла */
  }
  /* Сбрасываем позиционирование контейнера */
  /* line 1620, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .container-custom, .car-container-custom, .container-custom-filter {
    overflow: visible;
    position: relative;
  }
  /* Горизонтальный скролл для карточек */
  /* line 1626, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .cards-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 20px;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 40px;
    /* Увеличенный отступ справа, чтобы было видно, что карточки продолжаются */
    justify-content: flex-start !important;
    scroll-snap-type: x proximity;
    /* Мягкая привязка скролла */
    position: relative;
  }
  /* Скрываем полосу прокрутки для чистого вида */
  /* line 1643, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .cards-container::-webkit-scrollbar {
    display: none;
  }
  /* line 1647, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .cards-container {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  /* Стили для карточек */
  /* line 1653, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .card-item--size-flexible {
    flex: 0 0 auto;
    width: 70vw;
    max-width: 100%;
    min-width: 100%;
    margin-right: 15px;
    scroll-snap-align: start;
    /* Сохраняем внутренние вертикальные отступы */
    height: auto;
    /* Добавляем тень для лучшего выделения карточек */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  }
  /* Плавное увеличение для активных карточек */
  /* line 1667, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .card-item--size-flexible:active {
    transform: scale(0.98);
    transition: transform 0.2s ease;
  }
  /* Убираем justify-end, который может быть задан через классы в HTML */
  /* line 1673, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .cards-container.justify-end {
    justify-content: flex-start !important;
  }
  /* Добавляем градиент справа как подсказку о возможности скролла */
  /* line 1678, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .container-custom, .car-container-custom, .container-custom-filter {
    position: relative;
  }
  /* line 1682, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .container-custom::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
    pointer-events: none;
    z-index: 10;
  }
  /* line 1695, app/assets/stylesheets/media.scss */
  .faq-tab {
    font-family: "Instrument Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 14.4px */
    padding: 10px;
  }
  /* line 1706, app/assets/stylesheets/media.scss */
  .faq-item-header {
    /* 360/Body text */
    font-family: "Instrument Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 14.4px */
  }
  /* line 1716, app/assets/stylesheets/media.scss */
  .faq-item-content {
    /* 360/Body text */
    font-family: "Instrument Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 14.4px */
  }
  /* line 1726, app/assets/stylesheets/media.scss */
  .footer-contact-info {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    grid-gap: 24px !important;
    width: 100% !important;
    flex-direction: row !important;
    /* Отменяем column из основных стилей */
    padding: 0 !important;
  }
  /* Первая колонка: Contacts */
  /* line 1736, app/assets/stylesheets/media.scss */
  .footer-contact-info .contact-block:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 113px !important;
    /* Фиксируем ширину первой колонки */
  }
  /* Вторая колонка: Location и Socials */
  /* line 1743, app/assets/stylesheets/media.scss */
  .footer-contact-info .contact-block:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
  /* line 1748, app/assets/stylesheets/media.scss */
  .footer-contact-info .contact-block:nth-child(3) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin-top: -40px !important;
  }
  /* Третья колонка: Sections */
  /* line 1755, app/assets/stylesheets/media.scss */
  .footer-contact-info .contact-block:nth-child(4) {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
  }
  /* Уменьшаем размеры шрифтов и отступы для мобильной версии */
  /* line 1761, app/assets/stylesheets/media.scss */
  .contact-block {
    margin-bottom: 0 !important;
  }
  /* line 1765, app/assets/stylesheets/media.scss */
  .contact-block-title {
    margin-bottom: 10px !important;
    font-size: 14px !important;
  }
  /* line 1770, app/assets/stylesheets/media.scss */
  .contact-block-content {
    display: flex !important;
    flex-direction: column;
    gap: 6px !important;
  }
  /* Фиксируем размер контейнера футера */
  /* line 1777, app/assets/stylesheets/media.scss */
  .footer-contacts {
    width: 100% !important;
  }
  /* Настраиваем навигационный блок */
  /* line 1782, app/assets/stylesheets/media.scss */
  .footer-nav {
    flex-direction: column !important;
    gap: 8px !important;
  }
  /* Настраиваем отступы для выравнивания */
  /* line 1788, app/assets/stylesheets/media.scss */
  .contact-block-content a,
.contact-block-content span,
.footer-dropdown-toggle {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
  /* Убедимся, что контент помещается в колонки */
  /* line 1796, app/assets/stylesheets/media.scss */
  .footer-contact-info .contact-block {
    min-width: 0 !important;
    /* Позволяет контенту сжиматься при необходимости */
  }
  /* Выравниваем размеры для мелких экранов */
}

@media (min-width: 768px) and (max-width: 1024px) and (max-width: 480px) {
  /* line 1802, app/assets/stylesheets/media.scss */
  .footer-contact-info {
    grid-template-columns: 113px 1fr 1.2fr !important;
    /* Сохраняем ширину первой колонки и делаем третью немного шире */
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* line 1807, app/assets/stylesheets/media.scss */
  .crew-form-inputs {
    gap: 16px;
  }
  /* line 1811, app/assets/stylesheets/media.scss */
  .crew-text-input {
    font-size: 14px;
  }
  /* line 1815, app/assets/stylesheets/media.scss */
  .back-btn {
    font-size: 12px;
  }
  /* line 1819, app/assets/stylesheets/media.scss */
  .crew-data-summary {
    max-height: 160px;
    gap: 15px;
  }
  /* line 1824, app/assets/stylesheets/media.scss */
  .summary-type,
.summary-data {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  /* line 1832, app/assets/stylesheets/media.scss */
  .hotel-wrapper {
    padding-left: 55px;
    padding-right: 33px;
  }
}

@media (max-width: 1280px) {
  /* line 1839, app/assets/stylesheets/media.scss */
  .hotel-wrapper {
    padding-left: 10px;
    padding-right: 0px;
  }
}

@media (max-width: 1024px) {
  /* line 1846, app/assets/stylesheets/media.scss */
  .cards-container {
    display: block;
  }
  /* line 1849, app/assets/stylesheets/media.scss */
  .hotel-wrapper {
    padding-left: 0px;
    padding-right: 0px;
  }
  /* line 1854, app/assets/stylesheets/media.scss */
  .card-item-services {
    width: 100%;
  }
  /* line 1857, app/assets/stylesheets/media.scss */
  .container-custom, .car-container-custom, .container-custom-filter {
    max-width: 800px;
  }
}

@media (max-width: 768px) {
  /* line 1863, app/assets/stylesheets/media.scss */
  .background-video-container {
    width: 100%;
  }
  /* line 1867, app/assets/stylesheets/media.scss */
  .hotel-form-content {
    width: 100%;
    min-height: 400px;
    padding: 16px 12px;
  }
  /* line 1872, app/assets/stylesheets/media.scss */
  .container-custom, .car-container-custom, .container-custom-filter {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 0 16px;
  }
  /* Стили для мобильного меню */
  /* line 1880, app/assets/stylesheets/media.scss */
  header {
    position: relative;
    z-index: 1000;
  }
  /* line 1885, app/assets/stylesheets/media.scss */
  .header-nav {
    display: none;
    /* Скрываем обычное меню */
  }
  /* line 1889, app/assets/stylesheets/media.scss */
  .burger-menu-btn {
    display: block;
    width: 40px;
    height: 40px;
    background: url(/assets/burger-menu-463e62eb0bb8e5895f8b4bef8b52fd1d0233a02d55ff0279db9fe15050cc6d63.svg) no-repeat center;
    background-size: 40px 8px;
    border: none;
    cursor: pointer;
    padding: 0;
  }
  /* line 1900, app/assets/stylesheets/media.scss */
  .close-menu-btn {
    display: none;
    width: 20px;
    height: 20px;
    background: url(/assets/Cross-1a3d69d64098d38c1c041ea96741390f9e687c0ccad7ac7f25b68765db2ca7e6.svg) no-repeat center;
    background-size: 31px 30px;
    border: none;
    cursor: pointer;
    padding: 0;
  }
  /* line 1911, app/assets/stylesheets/media.scss */
  .mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    max-height: 0;
    overflow: hidden;
    background-color: #fff;
    transition: max-height 0.3s ease;
    z-index: 999;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    display: block;
  }
  /* line 1926, app/assets/stylesheets/media.scss */
  .mobile-menu-inner {
    height: 100%;
    padding: 60px 15px 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    opacity: 0;
    transition: opacity 0.2s ease;
    visibility: hidden;
    justify-content: space-between;
  }
  /* line 1938, app/assets/stylesheets/media.scss */
  .mobile-menu.active {
    height: calc(100vh - 60px);
    max-height: 100vh;
    overflow-y: auto;
    top: 60px;
  }
  /* line 1945, app/assets/stylesheets/media.scss */
  .mobile-menu.active .mobile-menu-inner {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease 0.1s;
  }
  /* line 1951, app/assets/stylesheets/media.scss */
  .mobile-nav {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  /* line 1958, app/assets/stylesheets/media.scss */
  .mobile-nav-item {
    display: flex;
    align-items: flex-end;
    gap: 8px;
  }
  /* Специальные стили для элемента с дропдауном */
  /* line 1965, app/assets/stylesheets/media.scss */
  .mobile-nav-item.dropdown-item {
    align-items: flex-start;
  }
  /* line 1969, app/assets/stylesheets/media.scss */
  .mobile-nav-item.dropdown-item .mobile-nav-number {
    position: relative;
    top: 10px;
  }
  /* line 1974, app/assets/stylesheets/media.scss */
  .mobile-nav-item a,
.mobile-nav-item .dropdown-toggle {
    color: #0e0d0d;
    font-family: "Instrument Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
    text-decoration: none;
  }
  /* line 1986, app/assets/stylesheets/media.scss */
  .mobile-contacts {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    margin-top: auto;
    padding-top: 20px;
    align-items: flex-start;
  }
  /* line 1994, app/assets/stylesheets/media.scss */
  .mobile-contact-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: fit-content;
  }
  /* line 2001, app/assets/stylesheets/media.scss */
  .mobile-contact-block:first-child {
    grid-column: 1;
    margin-right: 0;
    margin-bottom: 0;
  }
  /* line 2007, app/assets/stylesheets/media.scss */
  .mobile-contact-block:nth-child(2) {
    grid-column: 3;
    margin-right: 0;
    margin-bottom: 0;
  }
  /* line 2013, app/assets/stylesheets/media.scss */
  .mobile-contact-block:nth-child(3) {
    grid-column: 4;
    padding-left: 24px;
    margin-right: 0;
    margin-bottom: 0;
  }
  /* line 2020, app/assets/stylesheets/media.scss */
  .mobile-contact-title {
    color: var(--Black, #1b1b1b);
    font-family: "Instrument Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
    margin-bottom: 12px;
  }
  /* line 2031, app/assets/stylesheets/media.scss */
  .contacts-title,
.socials-title {
    color: var(--Text-Gray-low-opacity, #535353);
  }
  /* line 2036, app/assets/stylesheets/media.scss */
  .mobile-contact-block a,
.mobile-contact-block span {
    color: var(--Black, #1b1b1b);
    font-family: "Instrument Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-decoration: none;
  }
  /* Затемнение контента при активном меню */
  /* line 2049, app/assets/stylesheets/media.scss */
  .content-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 998;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  /* line 2062, app/assets/stylesheets/media.scss */
  .content-overlay.active {
    display: block;
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  /* Стили для FAQ элементов */
  /* line 2069, app/assets/stylesheets/media.scss */
  .faq-item-header, .faq-item-header-two-columns {
    padding: 8px 20px 8px 8px;
    align-items: center;
    gap: 2px;
    position: relative;
    background-color: transparent;
    color: #1b1b1b;
    border-bottom: 1px solid #eaeaea;
  }
  /* line 2079, app/assets/stylesheets/media.scss */
  .faq-item-header::after, .faq-item-header-two-columns::after {
    content: "";
    position: absolute;
    right: 20px;
    width: 12px;
    height: 7px;
    background-image: url(/../img/dropdown.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
  }
  /* Отключаем ховер эффект для этого брейкпоинта */
  /* line 2092, app/assets/stylesheets/media.scss */
  .faq-item-header:hover {
    background: transparent;
    color: #1b1b1b;
  }
  /* line 2097, app/assets/stylesheets/media.scss */
  .faq-item.active {
    background-color: #f5f5f5;
  }
  /* line 2101, app/assets/stylesheets/media.scss */
  .faq-item.active .faq-item-header {
    background-color: transparent;
    color: #1b1b1b;
  }
  /* line 2106, app/assets/stylesheets/media.scss */
  .faq-item.active .faq-item-header::after {
    transform: rotate(180deg);
  }
  /* line 2110, app/assets/stylesheets/media.scss */
  .faq-item-content {
    width: 100%;
    margin-left: 0;
    padding: 0;
    align-items: flex-start;
    gap: 10px;
  }
  /* line 2118, app/assets/stylesheets/media.scss */
  .faq-item.active .faq-item-content {
    padding: 8px 0 12px 8px;
  }
  /* line 2122, app/assets/stylesheets/media.scss */
  .footer-content {
    grid-template-columns: 1fr;
    grid-template-areas: "title" "form" "contacts";
    gap: 25px;
    padding: 40px 20px;
    height: auto;
  }
  /* line 2133, app/assets/stylesheets/media.scss */
  .footer-title {
    margin-bottom: 5px;
    text-align: center;
  }
  /* line 2138, app/assets/stylesheets/media.scss */
  .footer-title .h2 {
    text-align: center;
    margin-bottom: 0;
  }
  /* line 2143, app/assets/stylesheets/media.scss */
  .footer-contacts {
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  /* line 2149, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown {
    position: relative;
    display: flex;
    align-items: flex-start;
  }
  /* line 2155, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown-toggle {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }
  /* line 2162, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown-menu {
    position: static;
    display: none;
    margin-top: 12px;
    padding-left: 0;
    margin-left: 34px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
  }
  /* line 2173, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown-menu.show {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    opacity: 1;
    visibility: visible;
  }
  /* line 2182, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown-menu a {
    color: #0e0d0d;
    font-size: 16px;
    font-weight: 400;
    transition: none;
    justify-content: flex-start;
  }
  /* line 2191, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown-menu a:hover,
.mobile-nav-item .dropdown-menu a:focus,
.mobile-nav-item .dropdown-menu a:active {
    background: none;
    color: #0e0d0d;
    text-decoration: none;
    outline: none;
  }
  /* Фиксируем позицию номера элемента */
  /* line 2201, app/assets/stylesheets/media.scss */
  .mobile-nav-item .mobile-nav-number {
    position: relative;
    top: 3px;
  }
  /* line 2206, app/assets/stylesheets/media.scss */
  .mobile-nav-number {
    color: var(--Text-Gray-low-opacity, #535353);
    font-family: "Instrument Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
  }
  /* line 2216, app/assets/stylesheets/media.scss */
  .mobile-nav-item.dropdown-item .mobile-nav-number {
    position: relative;
    top: 10px;
  }
  /* Стили для main */
  /* line 2222, app/assets/stylesheets/media.scss */
  main {
    padding-top: 50px;
    padding-bottom: 80px;
  }
  /* Стили для заголовков */
  /* line 2228, app/assets/stylesheets/media.scss */
  .h1 {
    color: #0e0d0d;
    text-align: center;
    font-family: "Instrument Sans";
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%;
    /* 43.2px */
    letter-spacing: -1.92px;
  }
  /* line 2240, app/assets/stylesheets/media.scss */
  .h2 {
    color: var(--Black, #1b1b1b);
    text-align: center;
    font-family: "Instrument Sans";
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -1.44px;
  }
  /* line 2252, app/assets/stylesheets/media.scss */
  .h3 {
    color: var(--Black, #1b1b1b);
    font-family: "Instrument Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
  }
  /* Стили для текста */
  /* line 2264, app/assets/stylesheets/media.scss */
  .body-text {
    font-family: "Instrument Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 14.4px */
  }
  /* line 2273, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown-toggle:hover,
.mobile-nav-item .dropdown-toggle:focus,
.mobile-nav-item .dropdown-toggle:active {
    background: none;
    color: #0e0d0d;
    text-decoration: none;
    outline: none;
  }
  /* Отменяем эффект ховера для dropdown-toggle в мобильном меню */
  /* line 2283, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown:hover .dropdown-toggle:not(.active),
.mobile-nav-item .dropdown .dropdown-toggle:focus:not(.active),
.mobile-nav-item .dropdown .dropdown-toggle:active:not(.active) {
    background: transparent;
    color: #0e0d0d;
    outline: none;
  }
  /* line 2291, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown:hover .dropdown-toggle:not(.active)::after,
.mobile-nav-item .dropdown .dropdown-toggle:focus:not(.active)::after,
.mobile-nav-item .dropdown .dropdown-toggle:active:not(.active)::after {
    background-image: url(/assets/Arrow-black-376872349440a801099ef8e15f79f08abd1640fd56874d453f1c856a6214acdf.svg);
  }
  /* Стили для активного состояния dropdown-toggle в мобильном меню */
  /* line 2298, app/assets/stylesheets/media.scss */
  .mobile-nav-item .dropdown .dropdown-toggle.active {
    background: transparent;
    color: #0e0d0d;
  }
  /* Стили для карточек */
  /* line 2304, app/assets/stylesheets/media.scss */
  .card-item {
    width: 100%;
    height: auto;
    min-height: 280px;
    padding: 16px 12px;
    margin-bottom: 20px;
  }
  /* line 2312, app/assets/stylesheets/media.scss */
  .card-item .h3 {
    width: 100%;
    max-width: 220px;
  }
  /* line 2317, app/assets/stylesheets/media.scss */
  .card-item .body-text {
    max-width: 100%;
    margin-top: 10px;
  }
  /* line 2322, app/assets/stylesheets/media.scss */
  .card-item--size-flexible {
    height: auto;
    min-height: 180px;
  }
  /* line 2327, app/assets/stylesheets/media.scss */
  .card-item--offset-1,
.card-item--offset-2 {
    margin-top: 0;
  }
  /* Стили для секций */
  /* line 2333, app/assets/stylesheets/media.scss */
  section {
    margin-bottom: 80px;
  }
  /* Стили для видео блока */
  /* line 2338, app/assets/stylesheets/media.scss */
  .video-block {
    width: 100%;
    height: 390px;
    /* aspect-ratio: 16/9; */
    margin: 0;
    padding: 15px;
  }
  /* line 2346, app/assets/stylesheets/media.scss */
  .video-content {
    width: 100%;
    height: 100%;
    padding: 0;
  }
  /* line 2352, app/assets/stylesheets/media.scss */
  .corner-decoration {
    width: 15px;
    height: 15px;
  }
  /* line 2357, app/assets/stylesheets/media.scss */
  .top-left {
    top: 5px;
    left: 5px;
  }
  /* line 2362, app/assets/stylesheets/media.scss */
  .top-right {
    top: 5px;
    right: 5px;
  }
  /* line 2367, app/assets/stylesheets/media.scss */
  .bottom-left {
    bottom: 5px;
    left: 5px;
  }
  /* line 2372, app/assets/stylesheets/media.scss */
  .bottom-right {
    bottom: 5px;
    right: 5px;
  }
  /* Стили для заголовков секций */
  /* line 2378, app/assets/stylesheets/media.scss */
  .title-container {
    margin-bottom: 20px;
  }
  /* line 2382, app/assets/stylesheets/media.scss */
  .title-container.services-we-can-offer-you-title,
.title-container.products-and-other-stuff-title,
.title-container.crew-for-your-video-project-title {
    flex-direction: column;
    align-items: center;
  }
  /* line 2389, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you-title-text,
.products-and-other-stuff-title-text,
.crew-for-your-video-project-title-text {
    margin-top: 12px;
    margin-left: 85px;
    max-width: 245px;
  }
  /* line 2397, app/assets/stylesheets/media.scss */
  .two-line-title {
    width: calc(100% - 20px);
    gap: 5px;
  }
  /* Стили для слайдера */
  /* line 2403, app/assets/stylesheets/media.scss */
  .slider-container .swiper-slide img.slide-image {
    width: 150px !important;
    height: 210px !important;
  }
  /* line 2408, app/assets/stylesheets/media.scss */
  .slider-container .swiper-slide {
    width: 150px !important;
    height: 225px !important;
  }
  /* line 2413, app/assets/stylesheets/media.scss */
  .logo-item .grayscale-logo {
    height: 22px;
  }
  /* line 2417, app/assets/stylesheets/media.scss */
  .logo-small-item .grayscale-logo {
    height: 18px;
  }
  /* line 2421, app/assets/stylesheets/media.scss */
  .marquee-content {
    gap: 32px;
  }
  /* Формы */
  /* line 2426, app/assets/stylesheets/media.scss */
  .footer-form {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
  /* line 2432, app/assets/stylesheets/media.scss */
  .contact-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
  /* line 2439, app/assets/stylesheets/media.scss */
  .contact-form input {
    width: 100%;
  }
  /* line 2443, app/assets/stylesheets/media.scss */
  .contact-form .button-primary {
    min-width: 160px;
    margin: 10px auto 0;
  }
  /* line 2448, app/assets/stylesheets/media.scss */
  .crew-form-container {
    width: 100%;
    padding: 16px 12px;
  }
  /* line 2453, app/assets/stylesheets/media.scss */
  .crew-form-container .h3 {
    width: 249px;
    /* 768/H3 */
    font-family: "Instrument Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    /* 22px */
  }
  /* line 2466, app/assets/stylesheets/media.scss */
  .counter-btn {
    color: var(--Input-text, #b9b9b9);
    text-align: center;
    font-family: "Instrument Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%;
    /* 13.8px */
    width: 20px;
  }
  /* line 2479, app/assets/stylesheets/media.scss */
  .counter-value {
    text-align: center;
    font-family: "Instrument Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%;
    /* 13.8px */
    width: 20px;
  }
  /* line 2491, app/assets/stylesheets/media.scss */
  .crew-select select {
    font-family: "Instrument Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 14.4px */
  }
  /* line 2500, app/assets/stylesheets/media.scss */
  .add-another-btn {
    color: var(--Input-text, #b9b9b9);
    font-family: "Instrument Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 14.4px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
  /* line 2516, app/assets/stylesheets/media.scss */
  .step-indicator {
    color: var(--Text-Gray-low-opacity, #535353);
    font-family: "Instrument Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 14.4px */
  }
  /* line 2526, app/assets/stylesheets/media.scss */
  .crew-select::after {
    width: 9px;
    height: 12px;
  }
  /* line 2531, app/assets/stylesheets/media.scss */
  .footer-contact-info {
    padding: 0;
    flex-direction: column;
  }
  /* line 2536, app/assets/stylesheets/media.scss */
  .footer-nav {
    flex-direction: column;
    gap: 15px;
  }
  /* line 2541, app/assets/stylesheets/media.scss */
  .vertical-lines {
    display: none;
  }
  /* line 2545, app/assets/stylesheets/media.scss */
  .horizontal-line-container {
    display: none;
  }
  /* line 2549, app/assets/stylesheets/media.scss */
  .from-concept-title {
    width: 100%;
  }
  /* line 2553, app/assets/stylesheets/media.scss */
  .production-solutions-title {
    width: 305px;
    gap: 24px;
  }
  /* line 2558, app/assets/stylesheets/media.scss */
  .button-primary {
    color: #fff;
    text-align: center;
    font-family: "Instrument Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 14.4px */
  }
  /* line 2570, app/assets/stylesheets/media.scss */
  .mobile-contact-link-israel {
    display: none;
  }
  /* line 2574, app/assets/stylesheets/media.scss */
  .rec-indicator {
    top: 25px;
    right: 25px;
  }
  /* line 2579, app/assets/stylesheets/media.scss */
  .rec-indicator span {
    color: #fff;
    text-align: center;
    font-family: "Instrument Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 16.8px */
  }
  /* line 2590, app/assets/stylesheets/media.scss */
  .rec-indicator img {
    width: 9px;
    height: 9px;
  }
  /* line 2595, app/assets/stylesheets/media.scss */
  .production-solutions-title .body-text {
    width: 270px;
  }
  /* line 2599, app/assets/stylesheets/media.scss */
  .production-solutions {
    margin-bottom: 30px;
  }
  /* line 2603, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you {
    margin-top: 80px;
  }
  /* line 2607, app/assets/stylesheets/media.scss */
  .from-concept-title-text {
    width: 270px;
  }
  /* line 2611, app/assets/stylesheets/media.scss */
  .two-line-title .corner-decoration {
    width: 15px;
    height: 15px;
  }
  /* line 2616, app/assets/stylesheets/media.scss */
  .decorated-title .corner-decoration {
    width: 15px;
    height: 15px;
  }
  /* line 2621, app/assets/stylesheets/media.scss */
  .two-line-title {
    padding-left: 15px;
    max-width: 400px;
  }
  /* line 2626, app/assets/stylesheets/media.scss */
  .two-line-title .corner-decoration.top-left {
    left: -15px;
  }
  /* line 2629, app/assets/stylesheets/media.scss */
  .two-line-title .corner-decoration.bottom-right {
    right: -15px;
  }
  /* line 2633, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you .card-item {
    width: 236px;
    height: 310px;
  }
  /* Стили для декоративного блока возле карточек в секции услуг */
  /* line 2639, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you .card-item {
    width: 236px;
    position: relative;
    margin-bottom: 0;
  }
  /* line 2645, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you .cards-container {
    flex-direction: column;
  }
  /* line 2649, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you .card-decoration-block {
    display: block;
    position: absolute;
    top: 0;
    right: -85px;
    width: 86px;
    height: 100%;
  }
  /* Позиционирование уголков */
  /* line 2659, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you .card-decoration-block .corner {
    position: absolute;
    width: 22px;
    height: 22px;
    background-image: url(/assets/Rectangle-corner-808b4a74b09572020094709557bf6d0972cb8b2400791a7598daf706e2ac6da5.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
  /* line 2668, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you .card-decoration-block .corner.top-left {
    top: 0;
    left: 8px;
  }
  /* line 2673, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you .card-decoration-block .corner.top-right {
    top: 0;
    right: 0;
    transform: rotate(90deg);
  }
  /* line 2679, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you .card-decoration-block .corner.bottom-left {
    bottom: 0;
    left: 8px;
    transform: rotate(-90deg);
  }
  /* line 2685, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you .card-decoration-block .corner.bottom-right {
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
  }
  /* Центральный элемент */
  /* line 2692, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you .card-decoration-block .center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    background: url(/assets/card-center-da658d988b8e83227638d0c5e7d948aedf55777801646401fdb8917e8690e742.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
  /* Фильтр для 2-й и 3-й карточки, чтобы изменить цвет на #DFDFDF */
  /* line 2705, app/assets/stylesheets/media.scss */
  .services-we-can-offer-you
.card-item--offset-1
.card-decoration-block
.corner,
.services-we-can-offer-you
.card-item--offset-2
.card-decoration-block
.corner,
.services-we-can-offer-you
.card-item--offset-1
.card-decoration-block
.center,
.services-we-can-offer-you
.card-item--offset-2
.card-decoration-block
.center {
    /* Применяем фильтр, чтобы преобразовать синий (#004CFF) в серый (#DFDFDF) */
    filter: brightness(0.95) saturate(0) contrast(0.8) brightness(2.5);
  }
  /* Горизонтальный скролл для карточек в секции products-and-other-stuff */
  /* line 2726, app/assets/stylesheets/media.scss */
  .products-and-other-stuff {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: scroll !important;
    max-width: 100%;
    padding-bottom: 20px;
    padding-right: 0;
    /* Убираем паддинг справа, чтобы показать что есть элементы для скролла */
    justify-content: flex-start !important;
    /* Перезаписываем justify-end из HTML */
    scroll-padding-left: 15px;
  }
  /* Скрываем полосу прокрутки для улучшения внешнего вида */
  /* line 2738, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .cards-container::-webkit-scrollbar {
    display: none;
  }
  /* line 2742, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .cards-container {
    -ms-overflow-style: none;
    /* IE и Edge */
    scrollbar-width: none;
    /* Firefox */
  }
  /* line 2747, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .card-item--size-flexible {
    flex: 0 0 auto;
    width: 80%;
    /* Размер, занимающий большую часть экрана, но не весь */
    min-width: 260px;
    max-width: 300px;
    margin-right: 12px;
  }
  /* Последняя карточка тоже с отступом для лучшего эффекта скролла */
  /* line 2756, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .card-item--size-flexible:last-child {
    margin-right: 15px;
    /* Отступ справа у последнего элемента для лучшего опыта скролла */
  }
  /* Сбрасываем позиционирование контейнера */
  /* line 2761, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .container-custom, .car-container-custom, .container-custom-filter {
    overflow: visible;
    position: relative;
  }
  /* Горизонтальный скролл для карточек */
  /* line 2767, app/assets/stylesheets/media.scss */
  .products-and-other-stuff {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 20px;
    justify-content: center !important;
    scroll-snap-type: x proximity;
    /* Мягкая привязка скролла */
    position: relative;
  }
  /* Скрываем полосу прокрутки для чистого вида */
  /* line 2780, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .cards-container::-webkit-scrollbar {
    display: none;
  }
  /* line 2784, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .cards-container {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  /* Стили для карточек */
  /* line 2790, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .card-item--size-flexible {
    flex: 0 0 auto;
    width: 394px;
    margin-right: 15px;
    scroll-snap-align: start;
    /* Сохраняем внутренние вертикальные отступы */
    height: auto;
    /* Добавляем тень для лучшего выделения карточек */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  }
  /* Плавное увеличение для активных карточек */
  /* line 2802, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .card-item--size-flexible:active {
    transform: scale(0.98);
    transition: transform 0.2s ease;
  }
  /* Убираем justify-end, который может быть задан через классы в HTML */
  /* line 2808, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .cards-container.justify-end {
    justify-content: flex-start !important;
  }
  /* Добавляем градиент справа как подсказку о возможности скролла */
  /* line 2813, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .container-custom, .car-container-custom, .container-custom-filter {
    position: relative;
  }
  /* line 2817, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .container-custom::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
    pointer-events: none;
    z-index: 10;
  }
  /* line 2830, app/assets/stylesheets/media.scss */
  .faq-tab {
    font-family: "Instrument Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 14.4px */
    padding: 10px;
  }
  /* line 2841, app/assets/stylesheets/media.scss */
  .faq-item-header, .faq-item-header-two-columns {
    /* 360/Body text */
    font-family: "Instrument Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 14.4px */
  }
  /* line 2851, app/assets/stylesheets/media.scss */
  .faq-item-content {
    /* 360/Body text */
    font-family: "Instrument Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 14.4px */
  }
  /* line 2861, app/assets/stylesheets/media.scss */
  .footer-contact-info {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    grid-gap: 24px !important;
    width: 100% !important;
    flex-direction: row !important;
    /* Отменяем column из основных стилей */
    padding: 0 !important;
  }
  /* Первая колонка: Contacts */
  /* line 2871, app/assets/stylesheets/media.scss */
  .footer-contact-info .contact-block:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 113px !important;
    /* Фиксируем ширину первой колонки */
  }
  /* Вторая колонка: Location и Socials */
  /* line 2878, app/assets/stylesheets/media.scss */
  .footer-contact-info .contact-block:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
  /* line 2883, app/assets/stylesheets/media.scss */
  .footer-contact-info .contact-block:nth-child(3) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin-top: -40px !important;
  }
  /* Третья колонка: Sections */
  /* line 2890, app/assets/stylesheets/media.scss */
  .footer-contact-info .contact-block:nth-child(4) {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
  }
  /* Уменьшаем размеры шрифтов и отступы для мобильной версии */
  /* line 2896, app/assets/stylesheets/media.scss */
  .contact-block {
    margin-bottom: 0 !important;
  }
  /* line 2900, app/assets/stylesheets/media.scss */
  .contact-block-title {
    margin-bottom: 10px !important;
    font-size: 14px !important;
  }
  /* line 2905, app/assets/stylesheets/media.scss */
  .contact-block-content {
    display: flex !important;
    flex-direction: column;
    gap: 6px !important;
  }
  /* Фиксируем размер контейнера футера */
  /* line 2912, app/assets/stylesheets/media.scss */
  .footer-contacts {
    width: 100% !important;
  }
  /* Настраиваем навигационный блок */
  /* line 2917, app/assets/stylesheets/media.scss */
  .footer-nav {
    flex-direction: column !important;
    gap: 8px !important;
  }
  /* Настраиваем отступы для выравнивания */
  /* line 2923, app/assets/stylesheets/media.scss */
  .contact-block-content a,
.contact-block-content span,
.footer-dropdown-toggle {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
  /* Убедимся, что контент помещается в колонки */
  /* line 2931, app/assets/stylesheets/media.scss */
  .footer-contact-info .contact-block {
    min-width: 0 !important;
    /* Позволяет контенту сжиматься при необходимости */
  }
  /* Выравниваем размеры для мелких экранов */
}

@media (max-width: 768px) and (max-width: 480px) {
  /* line 2937, app/assets/stylesheets/media.scss */
  .footer-contact-info {
    grid-template-columns: 113px 1fr 1.2fr !important;
    /* Сохраняем ширину первой колонки и делаем третью немного шире */
  }
}

@media (max-width: 768px) {
  /* line 2942, app/assets/stylesheets/media.scss */
  .crew-form-inputs {
    gap: 15px;
    margin-top: 20px;
  }
  /* line 2947, app/assets/stylesheets/media.scss */
  .crew-text-input {
    font-size: 14px;
    padding: 6px 10px 6px 0px;
  }
  /* line 2952, app/assets/stylesheets/media.scss */
  .back-btn {
    font-size: 12px;
  }
  /* line 2956, app/assets/stylesheets/media.scss */
  .crew-form-buttons {
    gap: 15px;
  }
  /* line 2960, app/assets/stylesheets/media.scss */
  .crew-data-summary {
    max-height: 270px;
    gap: 12px;
  }
  /* line 2965, app/assets/stylesheets/media.scss */
  .summary-type,
.summary-data {
    font-size: 12px;
    line-height: 115%;
  }
  /* line 2972, app/assets/stylesheets/media.scss */
  .summary-section {
    gap: 6px;
  }
  /* line 2976, app/assets/stylesheets/media.scss */
  .mobile-br {
    display: none;
  }
  /* line 2980, app/assets/stylesheets/media.scss */
  .pick-car-select {
    width: 100%;
  }
  /* line 2984, app/assets/stylesheets/media.scss */
  .hotel-form-flex .form-item:last-child,
.vendor-form-flex .form-item:last-child {
    flex: 1 1 0;
    min-width: 0;
    max-width: 100%;
  }
  /* line 2990, app/assets/stylesheets/media.scss */
  .hotel-wrapper {
    width: 60%;
  }
  /* line 2993, app/assets/stylesheets/media.scss */
  .cards-container {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
  }
  /* line 2998, app/assets/stylesheets/media.scss */
  .hotel-wrapper {
    width: 100% !important;
  }
}

@media (max-width: 480px) {
  /* line 3004, app/assets/stylesheets/media.scss */
  .about-us-page {
    background-image: url(/assets/about_us_phone-5ee061734111f439ba50bed8a69ad7e38a3d61ecc7aa30c4242e42b60760edba.jpg) !important;
  }
  /* line 3008, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .cards-container {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  /* line 3015, app/assets/stylesheets/media.scss */
  .pick-car-select {
    width: 100%;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: opacity, transform;
  }
  /* line 3022, app/assets/stylesheets/media.scss */
  .marquee-small {
    overflow: auto;
  }
  /* line 3026, app/assets/stylesheets/media.scss */
  .marquee-content {
    animation: marquee 10s linear infinite;
  }
  /* line 3030, app/assets/stylesheets/media.scss */
  .blue-container {
    background-attachment: unset !important;
  }
  /* line 3034, app/assets/stylesheets/media.scss */
  .crew-form {
    display: block;
  }
  /* line 3038, app/assets/stylesheets/media.scss */
  .crew-form-buttons {
    flex-wrap: wrap;
  }
  /* line 3042, app/assets/stylesheets/media.scss */
  .faq-item-two-columns {
    display: block !important;
  }
  /* line 3046, app/assets/stylesheets/media.scss */
  .faq-item-column-1,
.faq-item-column-2 {
    width: 100% !important;
  }
  /* line 3051, app/assets/stylesheets/media.scss */
  .card-item-services {
    width: 100%;
    margin-top: 10px;
  }
  /* line 3056, app/assets/stylesheets/media.scss */
  .about-us-page {
    padding-top: 20px;
  }
  /* line 3060, app/assets/stylesheets/media.scss */
  .products-and-other-stuff-title > .body-text {
    text-align: center;
  }
  /* line 3064, app/assets/stylesheets/media.scss */
  .about_us_text_container {
    justify-content: center;
  }
  /* line 3068, app/assets/stylesheets/media.scss */
  .about_us_title {
    text-align: center;
  }
  /* line 3072, app/assets/stylesheets/media.scss */
  .hotel-wrapper {
    width: 100% !important;
  }
  /* line 3076, app/assets/stylesheets/media.scss */
  .two-line-title-crew {
    width: 100% !important;
  }
  /* line 3079, app/assets/stylesheets/media.scss */
  .car-container {
    z-index: 2 !important;
    margin-top: -215px !important;
  }
  /* line 3084, app/assets/stylesheets/media.scss */
  .pick-car-select-item img {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: width, height;
    transition: width 0.2s ease, height 0.2s ease;
  }
  /* line 3090, app/assets/stylesheets/media.scss */
  .hotel-select-container {
    display: block !important;
  }
  /* line 3093, app/assets/stylesheets/media.scss */
  .hotel-info {
    width: 100% !important;
    flex-direction: row !important;
  }
  /* line 3097, app/assets/stylesheets/media.scss */
  .hotel-name {
    font-size: 15px !important;
    font-weight: 500;
  }
  /* line 3101, app/assets/stylesheets/media.scss */
  .hotel-description {
    font-size: 15px !important;
  }
  /* line 3104, app/assets/stylesheets/media.scss */
  .hotel-wrapper {
    padding-right: 2px;
    padding-left: 2px;
  }
  /* line 3110, app/assets/stylesheets/media.scss */
  .mobile-br {
    display: block;
  }
  /* line 3114, app/assets/stylesheets/media.scss */
  .desktop-br {
    display: none;
  }
  /* line 3118, app/assets/stylesheets/media.scss */
  #adults-select-desktop, #rooms-select-desktop {
    display: none;
  }
  /* line 3122, app/assets/stylesheets/media.scss */
  .mobile-container-adults-rooms {
    display: flex;
    width: 100%;
  }
  /* line 3127, app/assets/stylesheets/media.scss */
  .mobile-adults, .mobile-rooms {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 50%;
    flex-shrink: 0;
  }
  /* line 3135, app/assets/stylesheets/media.scss */
  .mobile-adults .plus-button,
.mobile-adults .minus-button,
.mobile-rooms .plus-button,
.mobile-rooms .minus-button {
    width: 20%;
    flex-shrink: 0;
  }
  /* line 3143, app/assets/stylesheets/media.scss */
  .mobile-container-adults-rooms input {
    width: 60%;
    flex-shrink: 0;
    text-align: center;
    margin: 0;
  }
  /* line 3150, app/assets/stylesheets/media.scss */
  .mobile-container-adults-rooms .form-item {
    flex: none !important;
  }
  /* line 3154, app/assets/stylesheets/media.scss */
  .button-send {
    width: 50% !important;
    margin: 0 auto 10px;
    display: block;
    font-size: 12px !important;
    padding: 10px 50px !important;
    margin-top: 20px !important;
  }
  /* line 3163, app/assets/stylesheets/media.scss */
  .hotel-select-mobile, .car-select-mobile {
    display: block;
  }
  /* line 3166, app/assets/stylesheets/media.scss */
  .hotel-select-desktop, .car-select-desktop {
    display: none;
  }
  /* line 3170, app/assets/stylesheets/media.scss */
  .hotel-container {
    margin-top: 0px;
  }
  /* line 3173, app/assets/stylesheets/media.scss */
  .car-container-custom {
    padding: 0px;
  }
  /* line 3177, app/assets/stylesheets/media.scss */
  .grid-container, .grid-container-light {
    height: 115vh;
  }
  /* line 3181, app/assets/stylesheets/media.scss */
  .products-and-other-stuff .card-item--size-flexible {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 1024px) {
  /* line 3189, app/assets/stylesheets/media.scss */
  .cards-container-products {
    margin: 0 auto !important;
    padding-right: 0 !important;
  }
}