:root {
    --body-bg: #ffffff;
    --font-family-sans-serif: "Poppins", sans-serif;
    --font-size-base: 0.9rem;
    --line-height-base: 1.6;
    --primary: #6c70dc;
    --primary-dark: #6063c0;
}

body {
    background-color:#f8f8f8;
    font-family: var(--font-family-sans-serif);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
}

.form-control:focus {
    border-color: #FF6900;
    box-shadow: 0 0 0 0.25rem rgba(255, 105, 0, 0.15);
}

.form-check-input:checked {
    background-color: #FF6900;
    border-color: #FF6900;
}

.form-check-input:focus {
    border-color: #FF6900;
    box-shadow: 0 0 0 0.25rem rgba(255, 105, 0, 0.15);
}

.btn-outline-secondary:hover {
    background-color: #f8f9fa;
    border-color: #dee2e6;
    color: #6c757d;
}

.btn-outline-secondary:focus {
    box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.15);
}

.input-group .btn-outline-secondary {
    border-left: 0;
}

.input-group .form-control:focus + .btn-outline-secondary {
    border-color: #FF6900;
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25;
}

/* International Telephone Input Styling */
.iti {
    width: 100%;
    display: block;
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 0;
}

.iti__selected-flag {
    padding: 0 8px 0 8px;
    height: 100%;
}

.iti input.form-control {
    padding-left: 52px;
    width: 100%;
}

@media (max-width: 991.98px) {
    .container-fluid .row > div {
        min-height: auto !important;
    }
}