.btn {
    font-size: 20px;
}

.text-fluid {
    font-size: 21vw;
    color: #f4623a;
}

.btn-second:active, .btn-second:focus, .btn-second:hover {
    color: #f4623a;
}

.carousel-indicators [data-bs-target] {
    background-color: #f4623a !important;
}

.icon-size {
    width: 4vw;
    cursor: pointer;
}

.icon-size:hover {
    width: 4.5vw;
}

.bg-main {
    background-color: #ffbaa5;
}

.success-message {
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    background: rgba(0,0,0,.6); 
    color: #fff; 
    font-size: 1.25rem;
    border-radius: 10px;
}

.map-size {
    width: 80vw;
    height: 70vh;
}

.was-validated .form-control:invalid, 
.form-control.is-invalid,
.was-validated .form-select:invalid,
.form-select.is-invalid,
.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
    /* Оставляем только те стили, которые нужны для is-invalid */
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

/* Полностью убираем зеленые галочки, которые появляются от браузера */
.was-validated .form-control:valid, 
.form-control.is-valid,
.was-validated .form-select:valid,
.form-select.is-valid,
.was-validated .form-check-input:valid,
.form-check-input.is-valid {
    /* Убираем зеленую иконку */
    background-image: none;
    padding-right: 0.75rem;
    border-color: #ced4da; /* Возвращаем стандартный цвет границы */
}

/* Для checkbox убираем зеленую рамку */
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
    color: inherit;
}

.was-validated .form-check-input:valid,
.form-check-input.is-valid {
    border-color: rgba(0,0,0,.25);
}