﻿body {
    background: linear-gradient(160deg,rgba(243, 113, 32, 1) 0%, rgba(255, 255, 255, 1) 97%);
}

#reg-div {
    border-radius: 20px !important;
}


.p-5 {
    padding: 2em !important;
}


.col-3 .fw-semibold
{
    font-size:12px;
}


.btn-back {
    background-color: #969BA0;
    color: white;
    border: unset;
    width: 55px !important;
    height: 55px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

.btn {
    border: unset !important;
}

.form-check-input:checked {
    background-color: #F37120;
    border-color: #F37120
}

.color-grey {
    color: gray !important;
}

/* Dropdown item alignment */
.select2-results__option {
    display: flex;
    align-items: center;
    padding: 4px 8px;
}

/* Center selected flag */
.select2-container--default .select2-selection--single {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 32px;
}

/* Remove left padding that pushes it */
.select2-selection__rendered {
    padding-left: 4px !important;
    padding-right: 14px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

/* Keep arrow aligned right */
.select2-selection__arrow {
    right: 5px;
}

/* Optional: small flag */
.flag-icon {
    width: 20px;
    height: 14px;
}

#countrySelect, .select2-container {
    width: 70px !important;
}

.select2-container--default .select2-selection--single {
    border: none !important;
}

.registration-info-container {
    padding: 12px 16px;
}



body {
    background: linear-gradient(160deg,rgba(243, 113, 32, 1) 0%, rgba(255, 255, 255, 1) 97%);
}

#reg-div {
    border-radius: 20px !important;
}

.btn-back {
    background-color: #969BA0;
    color: white;
    border: unset;
    width: 55px !important;
    height: 55px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

.btn {
    border: unset !important;
}

.form-check-input:checked {
    background-color: #F37120;
    border-color: #F37120
}

.step {
    display: none;
}

    .step.active {
        display: block;
    }

.select-card {
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 0.75rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, transform 0.1s ease-in-out;
}

    .select-card:hover {
        border-color: #ddd;
        box-shadow: 0 0.5rem 1rem rgba(0,0,0,.08);
        transform: translateY(-1px);
    }

    .select-card.selected {
        border-color: red;
        box-shadow: 0 0.75rem 1.5rem rgba(255,0,0,.25);
    }

    .select-card img {
        max-height: 120px;
        object-fit: contain;
    }



.error-border {
    border: 2px solid red !important;
}

.error-text {
    color: red !important;
    font-size: 0.875em;
}


#btnSubmit {
    cursor: pointer;
    height: 56px;
    border-radius: 8px;
    background-color: #F37120;
    color: #ffffff !important;
    width: 100%;
    border: none;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-appearance: none;
}

#btnPrev, #btnNext {
    cursor: pointer;
    height: 56px;
    border-radius: 8px;
    background-color: #6c757d;
    color: #ffffff !important;
    border: none;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-appearance: none;
}


.registration-container {
    margin: 15px 0;
}


.registration-container ul {
    list-style-type: none;
    padding-left: 0;
    background-color: white;
    border-radius:20px;
    padding:30px;
    color:black;

}

    .registration-container ul li {
       padding: 10px 0px;
       line-height:400%;
       font-size:14px;
    }