:root{
    --blue:#0b1f3a;
    --soft-blue:#2f5bea;
    --yellow:#dea744;
    --orange:#ff0101;
    --red:#762029;
    --green:#214d40;
    --dark:#111827;
    --black:#111111;
    --white:#ffffff;
    --gray:#6b7280;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Poppins', sans-serif !important;font-size:16px;line-height:1.7;}
a{text-decoration:none;color:inherit;}
button{border:none;background:none;cursor:pointer;font-family:inherit;}
p{margin-bottom:0px;}
input,textarea,select{width:100%;padding:12px 15px;border:1px solid #e5e7eb;border-radius:5px;outline:none;transition:var(--transition);}
input:focus,textarea:focus,select:focus{border-color:var(--grey);box-shadow:0 0 0 3px rgba(47,91,234,0.1);}


/* ============== BUTTON ============== */

.fill-btn, a.fill-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;font-size:15px;font-weight:600;gap: 5px;cursor: pointer;
    border-radius:3px;text-decoration:none;transition:var(--transition);background:var(--green);border:2px solid var(--green);color:var(--white) !important;}
.fill-btn:hover, a.fill-btn:hover{background:var(--green);color:var(--white);}
.outline-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;font-size:15px;font-weight:600;gap: 5px;cursor: pointer;
    border-radius:3px;text-decoration:none;transition:var(--transition);background:transparent;border:2px solid var(--green);color:var(--green);}
.outline-btn:hover{background:var(--green);color:var(--white);}
.free-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;font-size:15px;font-weight:600;
    border-radius:3px;text-decoration:none;transition:var(--transition);border:none;}
.see-more{margin-top:40px;}
.see-more a{color:var(--soft-blue);font-weight:500;text-decoration: none;}
.small-fill-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 600;
    gap: 5px;
    border-radius: 3px;
    text-decoration: none;
    transition: var(--transition);
    border: none;
    background: var(--blue);
    color: var(--white) !important;
}

/* ============== TYPOGRAPHY ============== */

.big-heading{font-size:52px;font-weight:700;line-height:1.2;}
.heading{font-size:38px;font-weight:700;line-height:1.3;}
.mid-heading{font-size:30px;font-weight:600;line-height:1.4;color:var(--blue)}
.small-heading{font-size:22px;font-weight:600;line-height:1.5;}
.big-paragraph{font-size:20px;font-weight:400;line-height:1.8;}
.paragraph{font-size:16px;font-weight:400;line-height:1.7;color:#6b7280;margin-bottom: 0;}
.small-paragraph{font-size:14px;font-weight:400;line-height:1.6;color:#6b7280;}
.soft-text {font-size: 12px;color: #6c7a95;}
.tagline {font-size: 14px;letter-spacing: 2px;color: var(--red);font-weight: 600;display: inline-flex;align-items: center;
    text-transform: uppercase;gap: 10px;}
.tagline i{font-size:16px;}

/* ============== COLOR ============== */

.blue{color:var(--blue);}
.yellow{color:var(--yellow);}
.dark{color:var(--dark);}
.gray{color:var(--gray);}
.white{color:var(--white);}
.green{color:var(--green);}
.red{color:var(--red);}

.bg-blue{background:var(--blue);}
.bg-yellow{background:var(--dark);}
.bg-dark{background:var(--dark);}
.bg-light{background:var(--light-gray);}
.bg-white{background:var(--white);}

/* ============== SPACING ============== */

.mt-0{margin-top:0px;}
.mt-6{margin-top:6px;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}

.mb-0{margin-bottom:0px;}
.mb-6{margin-bottom:5px;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}

.pt-10{padding-top:20px;}
.pb-10{padding-bottom:20px;}

/* ============== SECTION ============== */

.section{padding:70px 0;}
.small-section{padding:50px 0;}

.flex{display:flex;}
.flex-center{display:flex;align-items:center;justify-content:center;}
.flex-between{display:flex;justify-content:space-between;align-items:center;}

.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

.w-100{width:100%;}
.w-60{width:60%}

.m-auto{margin:0 auto;}
.rounded{border-radius:var(--radius-md);}
.shadow{
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
}


/* =================================
   CARD SYSTEM
================================= */

.card-global{
    background:var(--white);
    padding:30px;
    border-radius:var(--radius-md);
    box-shadow:0 10px 40px rgba(0,0,0,0.06);
    transition:var(--transition);
}

.card-global:hover{
    transform:translateY(-6px);
}

/* =================================
   BACKGROUND UTILITIES
================================= */

.bg-light-global{
    background:var(--light);
}

.bg-primary-global{
    background:var(--primary);
    color:var(--white);
}

.bg-primary-global h1,
.bg-primary-global h2,
.bg-primary-global h3{
    color:var(--white);
}

/* =================================
   FORM GLOBAL STYLE
================================= */



/* =================================
   RESPONSIVE TYPOGRAPHY
================================= */

@media(max-width:992px){
    h1{font-size:38px;}
    h2{font-size:30px;}
}

@media(max-width:576px){
    h1{font-size:32px;}
    h2{font-size:26px;}
}