@font-face {
  font-family: "Outfit";
  src: url("fonts/Outfit-Regular.eot");
  src: url("fonts/Outfit-Regular.eot?#iefix") format("embedded-opentype"),
    url("fonts/Outfit-Regular.woff2") format("woff2"),
    url("fonts/Outfit-Regular.woff") format("woff"),
    url("fonts/Outfit-Regular.ttf") format("truetype"),
    url("fonts/Outfit-Regular.svg#Outfit") format("svg");
  font-display: swap;
}

:root {
/* ===== Brand Colors ===== */
--color-primary: #1E3A8A;
--color-secondary: #2CA6C4;
--color-accent: #7AC943;
--color-purple: #6A2C91;

/* ===== Background Colors ===== */
--color-bg-main: #F8FAFC;
--color-bg-white: #FFFFFF;
--color-bg-light: #F1F5F9;

/* ===== Text Colors ===== */
--color-text-primary: #646a74;
--color-text-secondary: #3d4044;
--color-text-white: #FFFFFF;

/* ===== Border & UI ===== */
--color-border: #E2E8F0;

/* ===== Button Colors ===== */
--btn-primary-bg: var(--color-primary);
--btn-primary-hover: #2CA6C4;

--btn-success-bg: var(--color-accent);
--btn-success-hover: #5fb52f;

--gradient-primary: linear-gradient(135deg,#1E3A8A,#2CA6C4);
--gradient-secondary: linear-gradient(135deg,#2CA6C4,#6A2C91);
}

::-webkit-input-placeholder {color:#9f9f9f!important;}
::-moz-placeholder {color:#9f9f9f!important;}
::-ms-input-placeholder {color:#9f9f9f!important;}
::placeholder {color:#9f9f9f!important;}
.fs-13{font-size: 13px!important;}
.fs-14{font-size: 14px!important;}
.fs-15{font-size: 15px!important;}
.fs-16{font-size: 16px!important;}
.fs-17{font-size: 17px!important;}
.fs-18{font-size: 18px!important;}
.fs-20{font-size: 20px!important;}
.fs-22{font-size: 22px!important;}
.fs-24{font-size: 24px!important;}
*{box-sizing: border-box;}
.ma0{margin: 0px!important;}
.mt0{margin-top: 0px!important;}.mb0{margin-bottom: 0px!important;}
.mt3{margin-top: 3px!important;}.mb3{margin-bottom: 3px!important;}
.mt5{margin-top: 5px!important;}.mb5{margin-bottom: 5px!important;}
.mt8{margin-top: 8px!important;}.mb8{margin-bottom: 0px!important;}
.mt10{margin-top: 10px!important;}.mb10{margin-bottom: 10px!important;}
.mt15{margin-top: 15px!important;}.mb15{margin-bottom: 15px!important;}
.mt20{margin-top: 20px!important;}.mb20{margin-bottom: 20px!important;}
.mt25{margin-top: 25px!important;}.mb25{margin-bottom: 25px!important;}
.mt30{margin-top: 30px!important;}.mb30{margin-bottom: 30px!important;}
.mt40{margin-top: 40px!important;}.mb40{margin-bottom: 40px!important;}

.w_100_f{width: 100px!important;}.w_100_m{max-width: 100px!important;}
.w_150_f{width: 150px!important;}.w_150_m{max-width: 150px!important;}
.w_200_f{width: 200px!important;}.w_200_m{max-width: 200px!important;}
.w_250_f{width: 250px!important;}.w_250_m{max-width: 250px!important;}
.w_300_f{width: 300px!important;}.w_300_m{max-width: 300px!important;}
.w_350_f{width: 350px!important;}.w_350_m{max-width: 350px!important;}
.w_400_f{width: 400px!important;}.w_400_m{max-width: 400px!important;}
.w_450_f{width: 450px!important;}.w_450_m{max-width: 450px!important;}
.w_500_f{width: 500px!important;}.w_500_m{max-width: 500px!important;}
html {scroll-behavior: smooth;}