.btn-primary {
    height: 44px;
    font-size:15px;
    font-weight:600; 
    background-color: #1f33ff; 
    color: #fff;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    border-radius: 0.25rem;
    border:none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    flex:1
    }
.col-verify{
    max-width: 600px;
}
    
.form-control {
    font-size: 15px;
    line-height: 1.5;
    color: #000;
    display: block;
    width: 100%;
    background: #ffffff;
    height: 39px;
    padding: 0 30px 0 32px;
    border-radius: 5px;
    border: 1px solid #ecf0fa;
}
.form-label{
    font-weight: 400;
    font-size: 14px;
    color: #666666;
}
.form-group{
    position: relative;
}
.form-group img{
position:absolute;
bottom:10px;
left:7px;
max-width: 20px;
}
.select2-container--default .select2-selection--single{
    height: 39px !important;
    padding: 0 30px 0 32px;
}
.custom-file {
    margin-top: 15px;
}
.custom-file-label{
    height:39px;
    padding: 7px 0.75rem;
}
.custom-file-label::after{
    height:37px;
    padding: 7px 0.75rem;
}
.card-title {
    font-weight: 400;
}
.btn {
    font-weight: 400;
    font-size: 15px;
    height: 47px !important;
}
/*container*/
.max-w-md {max-width: 28rem;}
.min-w-xl {max-width: 36rem;}
.max-w-xl {max-width: 36rem;}
.max-w-2xl {max-width: 40rem;}
.mx-auto{margin-left: auto; margin-right : auto;}
.py-8{padding-top : 2rem; padding-bottom:2rem}
.px-5{padding-right : 1rem; padding-left:1rem}
.mb-4{margin-bottom: 1rem}
.mb-6{margin-bottom : 1.5rem}
.mb-2{margin-bottom : 0.5rem}
.mt-2{margin-top : 0.5rem}
.mt-4{margin-top : 1rem}
.mt-6{margin-top : 1.5rem}

/*typography*/
.text-2xl{font-size: 1.5rem; line-height: 2rem;}
.text-xl{font-size: 1.25rem; line-height: 1.75rem;}
.text-sm{font-size: 0.875rem; line-height: 1.25rem}
.font-semibold{ font-weight: 600;}
.font-medium{ font-weight: 500;}
.text-center{ text-align: center;}
.text-gray-600{color : rgb(75 85 99)}
.text-gray-700{color : rgb(55 65 81)}
.text-white{color : #fff}
.text-red{color : #ff0000}
.text-black{color : #000}


/*alignement*/
.flex{display: flex}
.justify-center{justify-content:center}
.gap-2{gap:0.5rem}
.block{ display : block;}
.flex-col{flex-direction: column}
.item-center{align-items: center}
.hidden{ display: none;} 

/*inputs*/
.w-12{width:3rem}
.h-12{height : 3rem}
.border{border-width: 1px}
.border-gray-300{border-color: #8d8d8d !important; }
.rounded{border-radius: 0.25rem}
.focus\:outline-none:focus{outline : 0}
.focus\:ring:focus{box-shadow: 0 0 0 2px rgb(59 130 246 / 0.5)}
.focus\:border-blue-400:focus{border-color: rgb(96 165 250)}
.list-decimal{list-style-type: decimal;}
.list-inside{list-style-position: inside}
.space-y-2{
    --tw-space-y-reverse:0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}