.elementor-643 .elementor-element.elementor-element-0615ac7{--display:flex;--min-height:400px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.35;--margin-top:-200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1;}.elementor-643 .elementor-element.elementor-element-0615ac7:not(.elementor-motion-effects-element-type-background), .elementor-643 .elementor-element.elementor-element-0615ac7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://2.coloded.ru/wp-content/uploads/2025/04/image-467.png");background-repeat:no-repeat;background-size:cover;}.elementor-643 .elementor-element.elementor-element-0615ac7::before, .elementor-643 .elementor-element.elementor-element-0615ac7 > .elementor-background-video-container::before, .elementor-643 .elementor-element.elementor-element-0615ac7 > .e-con-inner > .elementor-background-video-container::before, .elementor-643 .elementor-element.elementor-element-0615ac7 > .elementor-background-slideshow::before, .elementor-643 .elementor-element.elementor-element-0615ac7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-643 .elementor-element.elementor-element-0615ac7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#02254D;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-643 .elementor-element.elementor-element-e0f5f48 > .elementor-widget-container{padding:100px 0px 0px 0px;}.elementor-643 .elementor-element.elementor-element-e0f5f48{text-align:center;}.elementor-643 .elementor-element.elementor-element-e0f5f48 .elementor-heading-title{color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-643 .elementor-element.elementor-element-42835f4{text-align:center;font-family:var( --e-global-typography-d1d942b-font-family ), Sans-serif;font-size:var( --e-global-typography-d1d942b-font-size );font-weight:var( --e-global-typography-d1d942b-font-weight );line-height:var( --e-global-typography-d1d942b-line-height );word-spacing:var( --e-global-typography-d1d942b-word-spacing );color:#FFFFFF;}.elementor-643 .elementor-element.elementor-element-f31a5c5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-643 .elementor-element.elementor-element-f091d9d{--display:flex;--justify-content:flex-start;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-643 .elementor-element.elementor-element-3e53e87{--display:flex;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-643 .elementor-element.elementor-element-42835f4{font-size:var( --e-global-typography-d1d942b-font-size );line-height:var( --e-global-typography-d1d942b-line-height );word-spacing:var( --e-global-typography-d1d942b-word-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-643 .elementor-element.elementor-element-e0f5f48 > .elementor-widget-container{padding:150px 0px 0px 0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-643 .elementor-element.elementor-element-42835f4{font-size:var( --e-global-typography-d1d942b-font-size );line-height:var( --e-global-typography-d1d942b-line-height );word-spacing:var( --e-global-typography-d1d942b-word-spacing );}.elementor-643 .elementor-element.elementor-element-f31a5c5{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}}/* Start custom CSS for html, class: .elementor-element-adcc8c0 */.card-grid {
  display: flex;
  flex-wrap: wrap; /* Разрешаем перенос карточек на новую строку */
  justify-content: center; /* Выравнивание карточек по центру */
  gap: 20px; /* Расстояние между карточками */
}

.card {
  flex: 0 0 calc(33.333% - 20px); /* Каждая карточка занимает 1/3 ширины (с учётом отступов) */
  max-width: 420px; /* Максимальная ширина карточки */
  box-sizing: border-box; /* Учитываем padding и border в ширине */
}

.card {
        text-align: center;
}

@media (max-width: 992px) {
  .card {
    flex: 0 0 calc(50% - 40px); /* 2 карточки в ряд на средних экранах */
  }
}

@media (max-width: 768px) {
  .card {
    flex: 0 0 100%; /* 1 карточка в ряд на маленьких экранах */
  }
}
/* Стили для карточки */
.card {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.26);
  overflow: hidden; /* Убедитесь, что это здесь */
  padding: 20px;
    margin: auto;
    margin-top: -13px;
}

.card .card-header {
  display: inline-block;
  position: relative;
  overflow: hidden; /* Скрывает лишние изображения */
}

.card .image-container {
  display: flex; /* Горизонтальное размещение изображений */
  transition: transform 0.5s ease; /* Плавное перемещение */
}

.card .image-container img {
  flex: 0 0 100%; /* Каждое изображение занимает 100% ширины */
  width: 100%;
  height: fit-content;
  object-fit: cover; /* Обеспечивает корректное отображение изображений */
}

/* Стили для блока с кнопками */
.card .carousel-controls {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2; /* Чтобы кнопки были поверх изображений */
  pointer-events: none; /* Отключаем клики на пустых областях */
}

.card .carousel-control {
  background-color: rgba(0, 0, 0, 0.5); /* Полупрозрачный фон */
  color: white; /* Белый текст */
  border: none;
  border-radius: 10%; /* Круглые кнопки */
  font-size: 16px;
  padding: 10px;
  cursor: pointer;
  transition: background-color 0.1s ease;
  pointer-events: auto; /* Включаем клики только на кнопках */
}

.card .carousel-control:hover {
  background-color: rgba(255, 217, 0, 0.8); /* Темнее при наведении */
}

.card .card-body {
  padding: 20px;
}

.card .card-title {
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 500;
    color: #0A2463;
    margin-bottom: 10px;
}

.card .card-price {
    font-size: 24px;
    font-family: 'Roboto';
    font-weight: 500;
    color: #0A2463;
    margin-bottom: 10px;
}

.card .card-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #ffcc00;
  color: #333;
  border: none;
  border-radius: 5px;
  font-family: Roboto;
  font-size: 0.9em;
  font-weight: 500;
  text-transform: uppercase; 
  text-decoration: none;
  transition: background-color 0.3s ease;
  cursor: pointer;
}

.card .card-button:hover {
  background-color: #ffc107;
}

.block-1 {
    margin-bottom: 10px;
}

.block-2 {
    margin-bottom: 10px;
}


.block-3 p {
    margin-bottom: 0px;
    font-size: 1em;
    color: #212121;
}

.block-3 .block-4 {
    margin-bottom: 20px;
}

.card-additional-info {
    margin: 20px 0px 20px 0px;
}

p.card-description {
    margin: 0px;
    color: #54595f;
    font-family: 'Roboto';
}

.card-additional-info p {
    font-size: 0.9em;
    color: #54595F;
}

.card.disk-card .main-image {
  max-width: 100%; /* Изображение не будет шире контейнера */
  height: auto;    /* Сохранение пропорций */
  width: 300px;    /* Фиксированная ширина (можно изменить на нужное значение) */
  margin: 0 auto;  /* Центрирование изображения по горизонтали */
  display: block;  /* Устранение лишних отступов под изображением */
  border-radius: 8px; /* Опционально: скругление углов */
  margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-45e09fc */#wpforms-874-field_11 {
    display: none;
}

button#wpforms-submit-874:hover {
     background: #EFB300 !important;
}



.wpforms-submit-container button.wpforms-submit {
  background-color: #FFBF00 !important;
  color: #000 !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 10px 20px !important;
  cursor: pointer !important;
  transition: transform 0.2s ease !important;
}

.wpforms-submit-container button.wpforms-submit:hover {
  background-color: #FFBF00 !important; /* Основной цвет при наведении */
}

.wpforms-submit-container button.wpforms-submit:active {
  background-color: #EFB300 !important; /* Цвет при нажатии */
  transform: scale(0.98) !important;
}

.wpforms-submit-container .wpforms-submit-spinner {
  margin-left: 10px !important;
  vertical-align: middle !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f31a5c5 */.elementor-643 .elementor-element.elementor-element-f31a5c5 a {
    text-decoration: none;
}/* End custom CSS */