@import "../utilities/_custom-color.css";

.container {
    padding-top: 40px;
    padding-bottom: 40px;
}

#checkBoxContainer {
    margin-bottom: 40px;
}

.form-control, .form-select {
    border: none !important;
    border-radius: 12px !important;
}

    .form-control:focus, .form-select:focus {
        box-shadow: inset 0 0 0 1px var(--custom-light-gray) !important;
    }

.btn {
    border-radius: 12px !important;
}

::placeholder {
    color: var(--custom-medium-gray) !important;
}

@media (max-width: 575px) {
    .container {
        padding-bottom: 60px;
    }
}

@media (max-width: 767px) {
    #titleContainer {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 991px) {
    #checkBoxLabel {
        font-size: 14px;
    }
}

@media (min-width: 576px) {
    #checkBoxContainer {
        margin-bottom: 64px;
    }
}

@media (min-width: 768px) {
    #subtitle {
        margin-bottom: 65px;
    }

    .container {
        padding-top: 80px;
        padding-bottom: 40px;
    }
}

@media (min-width: 992px) {
    #contentContainer {
        gap: 120px;
    }
}