.elementor-508 .elementor-element.elementor-element-c86cebd{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:48px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-508 .elementor-element.elementor-element-639b403{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:0px;--padding-left:40px;--padding-right:24px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-508 .elementor-element.elementor-element-ce0d360{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-508 .elementor-element.elementor-element-ce0d360.elementor-element{--align-self:flex-start;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-508 .elementor-element.elementor-element-620d700{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:26px;color:#364153;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-508 .elementor-element.elementor-element-7dafa5b .elementor-button{background-color:transparent;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:700;line-height:28px;text-shadow:0px 0px 0px rgba(0,0,0,0.3);fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(90deg, #2F625C 0%, #58A29D 100%);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);transition-duration:0.3s;border-style:solid;border-width:2px 2px 2px 2px;border-radius:150px 150px 150px 150px;padding:0.5rem 2rem 0.5rem 2rem;}.elementor-508 .elementor-element.elementor-element-7dafa5b .elementor-button:hover, .elementor-508 .elementor-element.elementor-element-7dafa5b .elementor-button:focus{background-color:transparent;color:#58A29D;background-image:linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 100%);border-color:#58A29D;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-508 .elementor-element.elementor-element-7dafa5b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-508 .elementor-element.elementor-element-7dafa5b .elementor-button:hover svg, .elementor-508 .elementor-element.elementor-element-7dafa5b .elementor-button:focus svg{fill:#58A29D;}.elementor-508 .elementor-element.elementor-element-b5d2692{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-508 .elementor-element.elementor-element-b5d2692.e-con{--align-self:center;}.elementor-508 .elementor-element.elementor-element-b32bf36{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-508 .elementor-element.elementor-element-b32bf36.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-508 .elementor-element.elementor-element-c86cebd{--content-width:86vw;}.elementor-508 .elementor-element.elementor-element-639b403{--width:50%;}.elementor-508 .elementor-element.elementor-element-b5d2692{--width:50%;}}@media(min-width:1536px){.elementor-508 .elementor-element.elementor-element-639b403{--padding-top:0px;--padding-bottom:0px;--padding-left:180px;--padding-right:0px;}.elementor-508 .elementor-element.elementor-element-ce0d360{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-508 .elementor-element.elementor-element-620d700{padding:0px 0px 0px 0px;}.elementor-508 .elementor-element.elementor-element-620d700.elementor-element{--align-self:flex-start;}.elementor-508 .elementor-element.elementor-element-b32bf36{padding:0px 0px 0px 80px;}.elementor-508 .elementor-element.elementor-element-b32bf36.elementor-element{--align-self:flex-start;}}@media(max-width:767px){.elementor-508 .elementor-element.elementor-element-c86cebd{--padding-top:48px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-508 .elementor-element.elementor-element-639b403{--padding-top:0px;--padding-bottom:40px;--padding-left:24px;--padding-right:24px;}.elementor-508 .elementor-element.elementor-element-b5d2692{--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}}/* Start custom CSS for heading, class: .elementor-element-ce0d360 */.gradient-title {
  font-size: 1.5rem;           /* text-2xl */
  font-weight: 700;            /* font-bold */
  text-transform: uppercase;
  background-image: linear-gradient(to right, #5fa59b, #2c5c57);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* Адаптив — опционально, так как размеры везде одинаковые */
@media (min-width: 768px) {
  .gradient-title {
    font-size: 1.5rem; /* md:text-2xl */
  }
}

@media (min-width: 1024px) {
  .gradient-title {
    font-size: 1.5rem; /* lg:text-2xl */
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b32bf36 *//* ---- Стили для ТРЕТЬЕЙ формы Otoiture (Contact Form 7) ---- */

/* Главный контейнер формы */
.cf7-otoiture-form-3-wrapper {
    background: linear-gradient(to bottom, #386b69, #4f857f);
    border-radius: 1.5rem; /* rounded-3xl */
    padding: 1.5rem; /* p-6 */
    color: white;
    
    /* --- НОВЫЕ СТИЛИ ДЛЯ РАЗМЕРА И ВЫРАВНИВАНИЯ --- */
    width: 100%;
    max-width: 440px; /* Максимальная ширина */
    min-height: 540px; /* Минимальная высота */
    margin-left: auto;
    margin-right: auto;
    
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Заменяет gap, распределяет элементы по высоте */
}

/* Заголовок и подзаголовок формы */
.cf7-otoiture-form-3-title {
    font-size: 1.5rem; /* text-2xl */
    font-weight: 700; /* font-bold */
    text-align: center;
    margin-bottom: 0.5rem; /* mb-2 */
    color: white;
}

.cf7-otoiture-form-3-subtitle {
    text-align: center;
    margin-top: 0;
    margin-bottom: 1rem; /* Уменьшено для лучшего вида с justify-content */
    color: white;
}

/* Сетка для полей ввода */
.cf7-otoiture-form-3-grid {
    display: grid;
    grid-template-columns: 1fr; /* По умолчанию одна колонка */
    gap: 1rem; /* gap-4 */
}

/* Медиа-запрос для экранов шире 640px (sm:) */
@media (min-width: 640px) {
    .cf7-otoiture-form-3-grid {
        grid-template-columns: repeat(2, 1fr); /* Две колонки на больших экранах */
    }
    .cf7-otoiture-form-3-grid .span-two-columns {
        grid-column: span 2 / span 2;
    }
}

/* Стили для всех полей ввода, select и textarea */
.cf7-otoiture-form-3-wrapper input[type="text"],
.cf7-otoiture-form-3-wrapper input[type="email"],
.cf7-otoiture-form-3-wrapper input[type="tel"],
.cf7-otoiture-form-3-wrapper select,
.cf7-otoiture-form-3-wrapper textarea {
    padding: 0.75rem; /* p-3 */
    border-radius: 0.375rem; /* rounded-md */
    width: 100%;
    font-size: 0.875rem; /* text-sm */
    color: black;
    background-color: white;
    border: 1px solid #ccc;
}

/* Стили для плейсхолдера */
.cf7-otoiture-form-3-wrapper ::placeholder {
    color: #4b5563; /* placeholder-gray-600 */
    opacity: 1; 
}

/* Кнопка отправки */
.cf7-otoiture-form-3-wrapper input[type="submit"] {
    width: 100%;
    border-color: white;
    border-style: solid;
    border-width: 5px; /* border-5 */
    color: white;
    background-color: transparent;
    font-weight: 600; /* font-semibold */
    padding-top: 0.5rem; /* py-2 */
    padding-bottom: 0.5rem;
    border-radius: 9999px; /* rounded-full */
    transition: all 0.3s;
    cursor: pointer;
    font-size: 1rem;
}

.cf7-otoiture-form-3-wrapper input[type="submit"]:hover {
    background-color: white;
    color: #386b69; /* hover:text-[#386b69] */
}/* End custom CSS */