
@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@100;200;300;400;500;600;700;800;900&display=swap');


/*   font-family: "Gothic A1", sans-serif; */


/* ===common-css---- */
.icon-fill {font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;}
.bg-white{background-color: var(--bs-white) !important;}
.text-primary{color: var(--bs-primary) !important;}
.text-green{color: var(--bs-green) !important;}
.text-white{color: var(--bs-white);}
.gredient-bg{background: var(--bs-primary-gredient);}
.bg-light-ylw{background: var(--bs-light-ylw);}
.bg-dark{background-color: var(--bs-primary);}
.text-danger{color: var(--bs-danger);}
.text-blue{color: var(--bs-light-blue);}
.fs-xs{font-size: 12px;}
.fs-sm{font-size: 14px;}
.fs-md{font-size: 16px;}
.fs-lg{font-size: 20px;}
.fs-xl{font-size: 24px;}
.fw-medium{font-weight: 500;}
.fw-bold{font-weight: 700;}
.fw-semibold{font-weight: 600;}
.fw-light{font-weight: 300;}
.fw-extra-light{font-weight: 200;}
.fw-regular{font-weight: 400;}
.fw-thin{font-weight: 100;}
.rounded-8{border-radius: 8px;}
.rounded-10{border-radius: 10px;}
.rounded-16{border-radius: 16px;}
.rounded-24{border-radius: 24px;}
.rounded-90{border-radius: 90px;}
/*----------buttons--------------*/
.btn{height: 60px;display: inline-flex;align-items: center;gap: 6px;padding: 0 24px;background: var(--bs-primary);color: var(--bs-white);border-radius: 10px;font-size: 14px;font-weight: 900; text-align: center;justify-content: center; text-transform: uppercase;}
.btn:hover{background: var(--bs-primary-gredient);color: var(--bs-primary);}
.btn.btn-primary{background: var(--bs-primary-gredient);color: var(--bs-primary);}
.btn.btn-primary:hover{background: linear-gradient(90deg, #FFCACA 0%, #FFDBB9 100%);color: var(--bs-primary);}
.btn:focus{box-shadow: none;outline: none;}
.btn.disabled{background-color: var(--bs-bg-light);color: var(--bs-colorA6);}
.btn.outline{background-color: transparent;border: 2px solid var(--bs-light-gray);color: var(--bs-primary);}
.btn.outline:hover{background: var(--bs-primary-gredient);color: var(--bs-primary);}
.btn.white_btn{background: var(--bs-white);color: var(--bs-primary);}
.btn.white_btn:hover{background: var(--bs-primary);color: var(--bs-white);}


/*----------buttons--------------*/
