@import url(./font.css);
:root{
    --shadow:0px 4px 10px 2px rgba(0, 0, 0, 0.25);
    --primary-50:  #ffe9e9;
    --primary-100: #ffcece;
    --primary-200: #ff9a9a;
    --primary-300: #fe5a59;
    --primary-400: #e40c04;
    --primary-500: #aa0602;
    --primary-600: #8a0401;
    --primary-700: #6c0201;
    --primary-800: #500100;
    --primary-900: #350100;
    --primary-950: #270000;
    --secondary-50: #f1f1f1;
    --secondary-100: #dfdfdf;
    --secondary-200: #c4c4c4;
    --secondary-300: #a6a6a6;
    --secondary-400: #8b8b8b;
    --secondary-500: #6f6f6f;
    --secondary-600: #575757;
    --secondary-700: #3e3e3e;
    --secondary-800: #282828;
    --secondary-900: #111111;
    --secondary-950: #000000;
    --danger:#EF0644;
    --danger-200:#FFE5E9;
    --danger-300:#F9B5BE;
    --danger-400:#F95D72;
    --danger-500:#B8142A;
    --danger-700:#A11225;
    --warning:#E3C922;
    --warning-200:#FFF7C2;
    --warning-300:#FBEB84;
    --warning-400:#F8E253;
    --warning-500:#C2A90A;
    --warning-700:#8E810B;
    --success:#22E34C;
    --success-200:#CCFFD7;
    --success-300:#A1E5B0;
    --success-400:#79D28C;
    --success-500:#14B838;
    --success-700:#0A5C1C;
    --info:#2233B0;
    --info-200:#CCE1FF;
    --info-300:#A1BDE5;
    --info-400:#6690CC;
    --info-500:#0F428A;
    --info-700:#0A2C5C;
    --black:#15161A;
    --white:#FAFAFF}
    *{box-sizing:border-box;padding:0;margin:0; }
    body{background-color: var(--white);}
    p{font-weight:400;font-size:16px;font-family: 'Uncut Sans', Arial, Helvetica, sans-serif;}
    p b{font-weight:500;font-size:14px}
    .btn-copy{ font-family: 'Uncut Sans', Arial, Helvetica, sans-serif;font-size:16px;}
    h1{font-weight:700!important; font-family: 'Uncut Sans', Arial, Helvetica, sans-serif; }
    h2{font-weight:500!important; font-family: 'Uncut Sans', Arial, Helvetica, sans-serif; }
    h3{font-weight:500!important; font-family: 'Uncut Sans', Arial, Helvetica, sans-serif; }
    h4{font-weight:500!important; font-family: 'Uncut Sans', Arial, Helvetica, sans-serif; }
    h5{font-weight:500!important; font-family: 'Uncut Sans', Arial, Helvetica, sans-serif;  }
    h6{font-weight:500!important; font-family: 'Uncut Sans', Arial, Helvetica, sans-serif;  }
/*     a{font-weight:400!important;font-size:11.67px!important;}
 */    .text{font-size:14px;font-weight:400;font-style:normal}
    .btn{cursor:pointer;border:none;padding:.5rem;text-align:center;border-radius:.25rem;text-transform:uppercase;font-weight:500;font-size:14px;font-family: 'Uncut Sans', Arial, Helvetica, sans-serif;}
    .btn-adjust-width{display:flex;margin:auto}
    .btn-lg{
        width: 100%;
    }
    /* .btn:hover{transform:scale(1.05)} */
    button:disabled,button[disabled]{color:var(--secondary-500)!important}
    .btn-primary{background-color:var(--primary-300); color: #ffffff; }
    .btn-primary:hover{background-color:var(--primary-500)}
    .btn-primary:focus{background-color:var(--primary-500)}
    
    .btn-default{background-color:var(--secondary-300);color:var(--secondary-700)}
    .btn-default:hover{background-color:var(--secondary-400)}
    .btn-default:focus{background-color:var(--secondary-500)}
    .btn-secondary{background-color:var(--secondary-400);color:#ffffff;}
    .btn-secondary:hover{background-color:var(--secondary-500)}
    .btn-secondary:focus{background-color:var(--secondary-700)}
    .btn-outline-primary{background-color:#fff0;color:var(--primary-500);border:1px solid var(--primary-500)}
    .btn-outline-primary-white:hover{background-color:#ffffff;;color: var(--black);}
    .btn-outline-primary-white:focus{background-color:#ffffff;;color: var(--black);}
    .btn-outline-primary-white{background-color:transparent;color:#ffffff;;border:1px solid #ffffff;}
    .btn-outline-primary:hover{background-color:var(--primary-200)}
    .btn-outline-primary:focus{background-color:var(--primary-300)}
    .btn-danger{background-color:var(--danger);color:#ffffff;}
    .btn-danger:hover{background-color:var(--danger-500)}
    .btn-danger:focus{background-color:var(--danger-700)}
    .link-secondary{color:var(--secondary-500);background:none!important;border:none;padding:0!important;text-decoration:underline;cursor:pointer}
    .link-secondary:hover{color:var(--secondary-500)}
    .link-secondary:focus{color:var(--secondary-700)}
    span{font-weight:500;font-size:12px;letter-spacing:.04rem}
    .badge{border-radius:.25rem;padding:.1rem .3rem;text-align:center;display:inline-block;border-radius:20px;margin:5px 0}
    .badge-primary{background-color:var(--primary-200);color:var(--primary-700)}
    .badge-red{background-color:var(--danger-200);color:var(--danger-700)}
    .badge-yellow{background-color:var(--warning-300);color:var(--warning-B6S00)}
    .tag{border-radius:.25rem;padding:.1rem .6rem;text-align:center;display:inline-block;border-radius:20px;margin:5px 0}
    .tag-primary{background-color:var(--primary-300);color:var(--primary-700)}
    .mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}
    .btn-icon{border-radius:50%;cursor:pointer;border:none;text-align:center;font-weight:500}
    .danger{color:var(--danger)}
    .pagination{display:flex;align-items:center;justify-content:center}
    .pagination div{border:1px solid var(--primary-500)}
    .pagination div button{padding:8px 16px;cursor:pointer;border:none;padding:.5rem;text-align:center;text-transform:uppercase;font-weight:500;color:var(--primary-500);min-width:35.2px;font-size:14px;background-color:#fff0}
    .pagination div button:hover{background-color:var(--primary-200)}
    .button-active{background-color:var(--primary-500)!important;color:#ffffff!important}
    .button-active:hover{background-color:var(--primary-500)!important;color:#ffffff!important}
    .text-primary {color: var(--primary--500);}
    .text-primary-500 {color: var(--primary-500);}
    .text-secondary {color: var(--secondary);}
    .text-secondary-500 {color: var(--secondary-500);}
    .text-secondary {color: var(--secondary);}
    .text-secondary-500 {color: var(--secondary-500);}
    .text-secondary-700 {color: var(--secondary-700);}
    .text-info {color: var(--info);}
    .text-info-500 {color: var(--info-500);}
    .text-warning {color: var(--warning);}
    .text-warning-500 {color: var(--warning-500);}
    .text-danger {color: var(--danger);}
    .text-danger-500 {color: var(--danger-500);}
    .text-succes {color: var(--success);}
    .text-succes-500 {color: var(--success-500);}
    .text-black {color: var(--black);}
    .text-white {color: #ffffff;;}
    .bg-primary-50 {background-color: var(--primary-50);}
    .bg-primary-100 {background-color: var(--primary-100);}
    .bg-primary-200 {background-color: var(--primary-200);}
    .bg-primary-300 {background-color: var(--primary-300);}
    .bg-primary-400 {background-color: var(--primary-400);}
    .bg-primary-600 {background-color: var(--primary-600);}
    .bg-primary-800 {background-color: var(--primary-800);}
    .bg-primary-900 {background-color: var(--primary-900);}
    .bg-primary-950 {background-color: var(--primary-950);}
    .bg-secondary-50 {background-color: var(--secondary-50);}
    .bg-secondary-100 {background-color: var(--secondary-100);}
    .bg-secondary-200 {background-color: var(--secondary-200);}
    .bg-secondary-300 {background-color: var(--secondary-300);}
    .bg-secondary-400 {background-color: var(--secondary-400);}
    .bg-secondary-600 {background-color: var(--secondary-600);}
    .bg-secondary-800 {background-color: var(--secondary-800);}
    .bg-secondary-900 {background-color: var(--secondary-900);}
    .bg-secondary-950 {background-color: var(--secondary-950);}
    
    .bg-primary {background-color: var(--primary-500);}
    .bg-primary-500 {background-color: var(--primary-500);}
    .bg-primary-700 {background-color: var(--primary-700);}
    .bg-secondary {background-color: var(--secondary);}
    .bg-secondary-500 {background-color: var(--secondary-500);}
    .bg-secondary {background-color: var(--secondary);}
    .bg-secondary-500 {background-color: var(--secondary-500);}
    .bg-info {background-color: var(--info);}
    .bg-info-500 {background-color: var(--info-500);}
    .bg-warning {background-color: var(--warning);}
    .bg-warning-500 {background-color: var(--warning-500);}
    .bg-danger {background-color: var(--danger);}
    .bg-danger-500 {background-color: var(--danger-500);}
    .bg-succes {background-color: var(--success);}
    .bg-succes-500 {background-color: var(--success-500);}
    .bg-black {background-color: var(--black);}
    .bg-white {background-color: #ffffff;;}