.trm-chn-l-cnt{
    width: 40%;
    /* min-width: 400px; */
    max-width: 500px;
     /* width: clamp(250px, 40%, 700px); */
}
.trm-chn-r-cnt{
    width: 60%;
}
.trm-chn-body-cnt{
    background: linear-gradient(
        120deg,
        #C8A12A 0%,
        #8A7A3E 30%,
        #3E4C54 55%,
        #173657 75%,
        #0D2D52 100%
    );
}

.remov-bgr-col{
    background-color: transparent!important;
}
.trm-chn-col1{
     color: #204874!important;
}
.trm-chn-col2{
     color: #3A2D08!important;
}
.trm-chn-col3{
     color: #E4DCC3!important;
}
.trm-chn-col4{
     color: #C8A12A!important;
}
.trm-chn-bod-pad-top{
    padding: 50px 125px;
}
.trm-chn-fnt-xl{
    font-size: 2.85em;
}
.trm-chn-fnt-l{
    font-size: 1.85em;
}
.trm-chn-bgr-w{
    background-color: #E4DCC3!important;
}
.trm-chn-bgr-b{
    background-color: #0D2D52!important;
}
.trm-dash-width-chn{
    width: 100%!important;
}
/*payment summary ui*/
.trm-paym-summ-cnt{
    width: 100%;
    max-width: 600px;
    /* height: 180px; */
}
.trm-pay-sum-cnt-ing{
    width: 42px;
    height: 42px;
    background-color :rgba(37, 62, 95, 1);
    color: rgb(128, 170, 221);
    border-radius: 50%;

}
.trm-sucess-bgcolor{
    background-color: rgba(27, 70, 20, 1);
}
.trm-pay-sumry-cl{
    width: 100%;
    max-width:500px!important;
    margin: auto;
}
.trm-id-card {
    width: 204px;
    height: 324px;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .25);
    /* padding: 5px; */
}
.trm-id-btn-bgr{
    background-color: #1565c0;
    color: #fff;;
}
.trm-header {
    height: 120px;
    background: linear-gradient(180deg, #8d0019, #b3132b, #e46d00);
    position: relative;
    color: #ffe7a0;
    /* text-align: center; */
}
.trm-photo {
    width: 90px;
    height: 110px;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    /* margin: -15px auto 6px; */
    /* display: block; */
    /* position: relative; */
    /* z-index: 5; */
}
.trm-hear-img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* margin: auto; */
}
/* borowed from checker*/
.chk-border-d{
    border: solid thin #fefbfb33;
}
/* borrows from id card */
.trm-chn-l-cnt{
    width: 40%;
    /* min-width: 400px; */
    max-width: 500px;
     /* width: clamp(250px, 40%, 700px); */
}
.trm-chn-r-cnt{
    width: 60%;
}
.trm-chn-body-cnt{
    background: linear-gradient(
        120deg,
        #C8A12A 0%,
        #8A7A3E 30%,
        #3E4C54 55%,
        #173657 75%,
        #0D2D52 100%
    );
}

.remov-bgr-col{
    background-color: transparent!important;
}
.trm-chn-col1{
     color: #204874!important;
}
.trm-chn-col2{
     color: #3A2D08!important;
}
.trm-chn-col3{
     color: #E4DCC3!important;
}
.trm-chn-col4{
     color: #C8A12A!important;
}
.trm-chn-bod-pad-top{
    padding: 50px 125px;
}
.trm-chn-fnt-xl{
    font-size: 2.85em;
}
.trm-chn-fnt-l{
    font-size: 1.85em;
}
.trm-chn-fnt-11{
    font-size: 1.1em;
}
.trm-chn-bgr-w{
    background-color: #E4DCC3!important;
}
.trm-chn-bgr-b{
    background-color: #0D2D52!important;
}
.trm-dash-width-chn{
    width: 100%!important;
}
/*payment summary ui*/
.trm-back {
    padding: 10px;
    box-sizing: border-box;
}
.trm-back h4 {
    text-align: center;
    color: #900;
    font-size: 12px;
    margin: 0 0 8px;
    font-weight: bold;
}
.trm-back p {
    font-size: 8px;
    line-height: 1.3;
    margin: 2px 0;
}
.chk-newc-bgr{
    background-color: #DCFCE7;
}
.chk-newc-bgr-col{
    color: #16A34A;
}
/* add button */
.trs-add-btn {
    width: 100%;
    padding: 13px;
    border-radius: 11px;
    cursor: pointer;
    background: rgba(34, 211, 238, 0.05);
    border: 1px dashed rgba(34, 211, 238, 0.35);
    color: #22d3ee;;
    font-size: 13.5px;
    font-weight: 600;
    font-family: inherit;
    transition: background .15s ease, border-color .15s ease, transform .1s ease;
}
.trs-panel-icon-gold {
    background: rgba(251, 191, 36, 0.1);
    border-color: rgba(251, 191, 36, 0.28);
    color: #fbbf24;
}
.trs-upload-icon {
    width: 35px;
    height: auto;
    border-radius: 9px;
    flex-shrink: 0;
    padding: 5px;
    background: rgba(255, 255, 255, 0.04);
}
.cor-border-dash-hover{
    border: 1px dashed rgba(34, 211, 238, 0.18);
    box-sizing: border-box;
    transition: border-color 0.4s ease-in-out, color 0.4s ease-in-out;
}

.cor-border-dash-hover:hover{
    border-color: rgba(34, 211, 238, 0.35);
    color: #22d3ee;
}
.trs-doc-chip {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 11px;
    border-radius: 100px;
    font-size: 12px;
    /* font-weight: 600; */
    background: rgba(52, 211, 153, 0.08);
    border: 1px solid rgba(52, 211, 153, 0.25);
    color: #34d399;;
}
.trs-uplodC {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
}
.trs-pylist-border-bot{
    border-bottom: 1px dashed rgba(34, 211, 238, 0.35);
}
#fnStament,#fnLetre,#fnPasport,#fnAlumni,#fnConVocR,#fnPasport100L,.cl-fnPasport{
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* error handler */
.trm-icon {
    width: 64px;
    height: 64px;
    color: #c7cad1;
    margin-bottom: 18px;
}
.trm-code {
    /* font-family: 'Space Grotesk', sans-serif; */
    font-weight: 600;
    font-size: 20px;
    color: #9498a5;
    margin-bottom: 10px;
}
.trm-msg {
    /* font-family: 'Space Grotesk', sans-serif; */
    /* font-weight: 600; */
    font-size: 22px;
}
.trm-w{
    width: 100%!important;
}
.trm-star-col{
    color: #a78bfa;
}
.fyc-padding-10{
    padding: 10px;
}
.trs-upload-icon-i {
    width: 105px;
    height: 105px;
    border-radius: 50%;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.04);
}
.chk-app-btn-subm-blue {
    background-color: #3860e0;
    color: #fff;
}
.fyc-gap-3{
    gap: 3px;
}
.fyc-gap-4{
    gap: 4px;
}
.fyc-gap-5{
    gap: 5px;
}
.fyc-gap-50{
    gap: 50px;
}
.fyc-gap-10{
    gap: 10px;
}
.fyc-margin-top{
    padding-top: 5px;
}
.chk-stu-bgr-col {
    color: #4F46E5;
}
.chk-page-bgr {
    background-color: #f4f5f7;
}

.chk-tiles-bgr {
    background-color: #fff;
}
.chk-notp {
    border: rgba(255, 104, 53, 0.3) solid thin;
    background-color: rgba(255, 104, 53, 0.06);
}
.chk-suc-border {
    border: 1px solid #86EFAC;
}
.chk-course-change-success {
    background: linear-gradient(135deg, #F0FDF4 0%, #F8FAFC 55%, #FFFFFF 100%);
}
.trm-w {
    width: 100% !important;
}
.cote-app-font-07 {
    font-size: 0.7em;
}
.chk-stu-bgr {
    background-color: #EEF2FF;
}
.chk-col-dark {
    color: #101219;
}
.chk-suc-border-purpl {
    border: 1px solid #C8D6FF;
}
.chk-icon-student,.chk-icon-student-thin {
    background: #FFFFFF;
    border: 1.5px solid #E7EAF3;
    width: 100%;
}
.chk-icon-student-thin{
    border: 1px solid #E7EAF3;
}
.fyc-aprov-lay-cnt{
    width: 170px;
    height: 120px;
}
.fyc-aprov-lay-cnt-security{
    width: 230px;
    height: 230px;
}
.fyc-aliner-cnt{
    width: 100px;
    height: 22px;;
}
/* grid */
/* .grid-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(250px, 1fr));
    gap: 5px;
    width: 100%;
} */
.grid-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    width: 100%;
    box-sizing: border-box;
}
/* payment */
/* .trm-payment-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 5px;
    width: 100%;
} */
 .trm-payment-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 5px;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}
.chk-amber-soft {
    background-color: #e38d1d5a;
    ;
}

.chk-amber {
    color: #c17a1a;
    ;
}

.chk-amber-border {
    border: 1px solid #c17a1a;
    ;
}
.chk-reg-bgr {
    background-color: #E0F2FE;
}

.chk-reg-bgr-col {
    color: #0284C7;
}
.pd {
    background: rgba(251, 191, 36, .14);
    color: #fcd34d;
    padding: 4px;
    border-radius: 40px;
}
/* 3 divs in row */
/* .trm-grid-container {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
}

.trm-grid-item {
    min-width: 0;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 8px;
} */
/* 2 divs in a row */
.trm-grid-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
}

.trm-grid-item {
    min-width: 0;
    padding: 15px;
    box-sizing: border-box;
    /* background: #f1f5f9; */
    border-radius: 8px;
}
.fyc-approv-doc-cnt-img{
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1;
    box-sizing: border-box;
    /* background-color: #1c1a1a; */
}
.cm {
    font-size: 13.5px;
    line-height: 1.55;
    color: #d9e0ef;
    background: rgba(139, 92, 246, .13);
    border-radius: 12px;
    padding: 12px 14px;
}
.av {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #8b5cf6;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* trims */
.trm-w{
    width: 100%;
}
.pri {
    background: #22d3ee!important;
    color: #06222a!important;
    border: 0;
}
.btn {
    font: inherit;
    font-size: 13.5px;
    /* font-weight: 700; */
    border-radius: 10px;
    min-height: 44px;
    padding: 0 16px;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, .16);
    color: #eef2fb;
    background: rgba(255, 255, 255, .08);
}