/*pkv fix*/
*{
    box-sizing:border-box !important;
}
body{
    background-color: #607658;
    
}

/*Кнопка попытка убрать из форм грубо прилепленную графическую кнопку, которая много где сьезжает, особо важные моменты как цвет и скругление с параметром !important, остальные при желании можно активировать.*/
:root {
  --button-bg-color: #F4CEAD;
  --button-text-color: hsla(33, 6%, 29%, 1);
  --button-border-radius-top: 0.9375rem;
  --button-border-radius-bottom: 1.244rem;
  --button-box-shadow-color: #F4CEAD;
}

.tn-form__submit {
  /* Добавьте стили для контейнера по необходимости */
  /* Например, чтобы задать ширину: */
  width: auto; /* Или любое другое значение */
  padding: 10px; /* Если нужно */
  box-sizing: border-box; /* Важно, чтобы padding не увеличивал общую ширину */
}

.t-submit {
  /* Общие стили */
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
  border: none;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0%;
  transition: transform 0.1s ease, box-shadow 0.1s ease;

  /* Специфичные стили */
  background: var(--button-bg-color) !important;
  box-shadow: 0 4px 8px color-mix(in srgb, var(--button-box-shadow-color) 40%, black);
  color: var(--button-text-color) !important;
  font-size: 1.25rem !important;
  /*width: 22.5625rem;    Удалите фиксированную ширину*/
  height: 6.5rem;
  border-radius: var(--button-border-radius-top) var(--button-border-radius-top)
    var(--button-border-radius-bottom) var(--button-border-radius-bottom) !important;

  max-width: 100%; /*  Ограничиваем ширину  */
  box-sizing: border-box; /*  Важно, чтобы padding и border не выходили за ширину  */
}

.t-submit:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 12px color-mix(in srgb, var(--button-box-shadow-color) 60%, black);
}

.t-submit:active {
  transform: scale(0.95);
  box-shadow: 0 2px 4px color-mix(in srgb, var(--button-box-shadow-color) 80%, black);
}

/*Конец стилей кнопки*/



/*
div.t-container{
    background-color: #FFF9F2;
}
*/
/*
    div.t-container{
        background-color: yellow;
    }
*/


/* CSS FROM ALL PAGES */

input.t-input.js-tilda-rule.t-input-inline-styles  {
    padding: 0px 0px 0px 61px !important;
}

/*
.t-checkbox__control {
    display: -webkit-inline-box;
} 
.t-checkbox__labeltext, .t-checkbox__labeltext div {
    display: block;
}
*/

.t-checkbox__indicator { /*Изменяем обводку галочки*/
    border: 1px solid #D9D9D9 !important;
    border-radius: 4px !important;
    opacity: 1 !important;
    height: 20px !important;
    width: 20px !important;
}

.t-checkbox__indicator:after { /*Изменяем галочку*/
    left: 6px !important;
    top: 1px !important;
    width: 5px !important;
    height: 10px !important;
    border-color: #F5C686 !important;
}

/*Кастомизация активной точки*/
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    display: none !important;
    background: #607658 !important;
    width: 13px !important;
    height: 13px !important;
    margin: 5px 5px !important;
}

/*Кастомизация точек*/
.owl-theme .owl-dots .owl-dot span {
    display: none !important;
    width: 7px !important;
    height: 7px !important;
    margin: 8px 5px !important;
    background: #E2E9D7 !important;
}

@media (min-width: 741px) and (max-width: 960px) {
    .t-checkbox__labeltext, .t-checkbox__labeltext div {
        display: inline;
        font-size: 8px !important;
    }
    input.t-input.js-tilda-rule.t-input-inline-styles {
        padding: 0px 0px 0px 40px !important;
    }
}

@media screen and (max-width: 740px) {
    /*Кастомизация активной точки*/
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        display: block !important;
    }
    /*Кастомизация точек*/
    .owl-theme .owl-dots .owl-dot span {
        display: block !important;
    }
    input.t-input.js-tilda-rule.t-input-inline-styles {
        padding: 0px 0px 0px 50px !important;
    }
    /*
        .t-slds__bullet_active .t-slds__bullet_body {
        width: 13px !important;
        height: 13px !important;
        }

        .t-slds__bullet_body {
        margin: 8px 5px !important;
        }
    */
}