.custom-card{
    gap: 18px;
    display: flex;
    flex-direction: column;
}


.algntxtCart{
    gap: 18px;
    display: flex;
    flex-direction: column;
}

.algnCartForm{
    padding: 25px;
    border-radius: 10px;
}

.br-10{
    border-radius: 10px;
}

.infoCart {
    padding: 9px 15px;
    align-items: flex-start;
    gap: 10px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.c-yellow{
    color: var(--white, #FFF845);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 126.463%;
    text-decoration-line: underline;
}

.margin30-0{
    margin: 30px 0;
}
/*
form input {
    display: flex  !important;
    padding: 18px 8px  !important;
    align-items: flex-start !important;
    gap: 10px !important;
    border-radius: 10px  !important;
    border: 1px solid rgba(0, 0, 0, 0.50)  !important;
    margin-bottom: 30px;
}


form select {
    display: flex  !important;
    padding: 18px 8px  !important;
    align-items: flex-start !important;
    gap: 10px !important;
    border-radius: 10px  !important;
    border: 1px solid rgba(0, 0, 0, 0.50)  !important;
    margin-bottom: 30px;
}*/

input#fotoCarteirinha {
    margin-bottom: 10px;
}

.progress {
    margin-bottom: 30px;
}

.mb3txt{
    margin-bottom: 30px;
}

button.btn.bg-orange.font-field.c-white {
    width: fit-content;
    padding: 20px;
    align-self: flex-end;
    border-radius: 10px;
}

button.btn.bg-orange.font-field.c-white.wd40 {
    width: 83%;
}

.algnend{
    text-align-last: end;
}

svg.bi.bi-info-circle-fill.infoCurso {
    position: absolute;
    right: 11px;
    top: 93px;
    cursor: pointer;
    background-color: white;
}

.d-flex.justify-content-center.align-items-center.flex-md-column.flex-sm-column {
    flex-direction: row !important;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #dc3545 !important;
    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);
}

@media (min-width: 1400px) and (max-width: 1472px){
    svg.bi.bi-info-circle-fill.infoCurso {
        position: absolute;
        right: 14px;
        top: 59px;
        cursor: pointer;
    }
}

@media (min-width: 1350px)  and (max-width: 1400px) {
    svg.bi.bi-info-circle-fill.infoCurso {
        position: absolute;
        right: 16px;
        top: 47px;
        cursor: pointer;
    }
    button.btn.bg-orange.font-field.c-white.wd40 {
        width: 82%;
    }
}


@media (max-width: 1024px) {
    svg.bi.bi-info-circle-fill.infoCurso {
        position: absolute;
        right: 12px;
        top: 60px;
        cursor: pointer;
    }
    button.btn.bg-orange.font-field.c-white.wd40 {
        width: 100%;
    }
    .algnCartForm {
        padding: 10px;
    }
    svg.mrCartico {
        width: 22px;
    }
    .d-flex.justify-content-center.align-items-center.flex-md-column.flex-sm-column {
        flex-direction: row !important;
    }
}


@media (min-width: 768px)  and (max-width: 990px) {
    .d-flex.justify-content-center.align-items-center.flex-md-column.flex-sm-column {
        flex-direction: column !important;
        gap: 10px;
    }
}

@media (max-width: 768px) {
    button.btn.bg-orange.font-field.c-white.wd40 {
        width: fit-content;
    }
    svg.bi.bi-info-circle-fill.infoCurso {
        position: absolute;
        right: 10px;
        top: 44px;
        cursor: pointer;
    }
    .d-flex.justify-content-center.align-items-center.flex-md-column.flex-sm-column {
        flex-direction: column !important;
        gap: 10px;
    }
}

@media (min-width: 476px)  and (max-width: 576px) {
    .mb-3.d-flex.flex-sm-column.bg-white.algnCartForm {
        flex-direction: column !important;
    }
    .d-flex.flex-sm-column {
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    .flex-rowmb{
        flex-direction: row !important;
        align-items: center !important;
    }
    .saiba-card__icon {
        border-radius: 10px;
        padding: 14px;
    }
    .saiba-card__icon svg {
        width: 35px;
    }
    .d-flex.col-lg-12.col-md-12.col-sm-12.justify-content-between.flex-sm {
        flex-direction: column;
    }
    .d-flex.flex-sm-column {
        flex-direction: column;
    }
    .mb-3.d-flex.flex-sm-column.bg-white.algnCartForm {
        flex-direction: column;
    }
    .col-lg-5.col-md-12.col-sm-12.algnend {
        width: 100%;
        margin-top: 20px;
    }
    svg.bi.bi-info-circle-fill.infoCurso {
        position: absolute;
        right: 15px;
        top: 44px;
        cursor: pointer;
    }
    .d-flex.justify-content-center.align-items-center.flex-md-column.flex-sm-column {
        flex-direction: column;
    }
    button.btn.bg-orange.font-field.c-white.wd40 {
        width: fit-content;
        gap: 5px;
        display: flex;
        float: inline-end;
    }
    .col-lg-7.col-md-12.col-sm-12 {
        align-self: self-start;
    }
    .d-flex.justify-content-center.align-items-center.flex-md-column.flex-sm-column {
        flex-direction: column !important;
    }
}


@media (max-width: 375px) {
    button.btn.bg-orange.font-field.c-white.wd40 {
        width: 50%;
        gap: 5px;
        display: flex;
        float: inline-end;
    }
    svg.bi.bi-info-circle-fill.infoCurso {
        position: absolute;
        right: 10px;
        top: 44px;
        cursor: pointer;
    }
    .d-flex.justify-content-center.align-items-center.flex-md-column.flex-sm-column {
        flex-direction: column !important;
    }
}


@media (max-width: 325px) {
    svg.bi.bi-info-circle-fill.infoCurso {
        position: absolute;
        right: 8px;
        top: 45px;
        cursor: pointer;
    }
    .d-flex.justify-content-center.align-items-center.flex-md-column.flex-sm-column {
        flex-direction: column !important;
    }
}