@import url(fontiran.css);
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
:root{

    /* ===========================
        Primary Colors
    ============================ */

    --primary: #0B3B78;          /* آبی اصلی لوگو */
    --primary-dark: rgb(8, 45, 92);     /* هدر و فوتر */
    --primary-light: rgb(31, 95, 174);    /* هاور */

    --secondary: #4FA63A;        /* سبز اصلی لوگو */
    --secondary-dark: #2E7D32;   /* دکمه ها */
    --secondary-light: #7BCB4D;  /* هاور */

    --bs-primary: var(--primary);
    --bs-secondary: var(--secondary);
    /* ===========================
        Background
    ============================ */

    --bg-section: #F8FAFC;
    --bg-body: #FFFFFF;
    --bg-light: #F3F6F9;
    --bg-soft: #EEF4F7;

    /* ===========================
        Header
    ============================ */

    --topbar-bg: #082D5C;
    --header-bg: #FFFFFF;
    --header-border: #E8EDF2;

    /* ===========================
        Footer
    ============================ */

    --footer-bg: #082D5C;
    --footer-bg-dark: #062347;
    --footer-text: #FFFFFF;
    --footer-muted: #B8C7DA;

    /* ===========================
        Typography
    ============================ */

    --text: #243446;
    --text-light: #64748B;
    --text-white: #FFFFFF;
    --text-title: #0B3B78;

    /* ===========================
        Buttons
    ============================ */

    --btn-primary: #0B3B78;
    --btn-primary-hover: #1F5FAE;

    --btn-secondary: #4FA63A;
    --btn-secondary-hover: #5FBE46;

    --btn-white: #FFFFFF;

    /* ===========================
        Cards
    ============================ */

    --card-bg: #FFFFFF;
    --card-border: #E5ECF2;
    --card-hover: #F7FAFD;

    /* ===========================
        Icons
    ============================ */

    --icon-primary: #0B3B78;
    --icon-secondary: #4FA63A;
    --icon-bg: #F4F8FB;

    /* ===========================
        Borders
    ============================ */

    --border-normal: #DCE5EE;
    --border-dark: #B8C8D6;
    --border-light: #EDF2F7;

    /* ===========================
        Status
    ============================ */

    --success: #43A047;
    --warning: #F4B400;
    --danger: #D32F2F;
    --info: #2196F3;

    /* ===========================
        Shadow
    ============================ */

    --shadow-sm: 0 2px 8px rgba(11,59,120,.08);
    --shadow-md: 0 8px 24px rgba(11,59,120,.10);
    --shadow-lg: 0 20px 50px rgba(11,59,120,.12);

    /* ===========================
        Radius
    ============================ */

    --radius-sm: 8px;
    --radius: 14px;
    --radius-lg: 22px;
    --radius-xl: 30px;

    /* ===========================
        Transition
    ============================ */

    --transition:all .35s ease;

}

body {
    background-color: var(--bg-body);
    font-family:IRANSansXFaNum !important;    
    
}

/*  COLORS
/* ---------- Primary ---------- */

.bg-primary {
    background-color: var(--primary) !important;
}

.bg-primary-dark {
    background-color: var(--primary-dark)!important; 
}

.bg-primary-light {
    background-color: var(--primary-light)!important;
}

.text-primary {
    color: var(--primary)!important;
}

.text-primary-dark {
    color: var(--primary-dark)!important;
}

.text-primary-light {
    color: var(--primary-light)!important;
}


/* ---------- Secondary ---------- */

.bg-secondary {
    background-color: var(--secondary)!important;
}

.bg-secondary-dark {
    background-color: var(--secondary-dark)!important;
}

.bg-secondary-light {
    background-color: var(--secondary-light)!important;
}

.text-secondary {
    color: var(--secondary)!important;
}

.text-secondary-dark {
    color: var(--secondary-dark)!important;
}

.text-secondary-light {
    color: var(--secondary-light)!important;
}


/*BACKGROUND*/

.bg-body {
    background-color: var(--bg-body)!important;
}

.bg-section {
    background-color: var(--bg-section)!important;
}

.bg-light {
    background-color: var(--bg-light)!important;
}

.bg-soft {
    background-color: var(--bg-soft)!important;
}

.bg-primary-gradient{
    background: #1F5FAE;
    background: linear-gradient(275deg, rgba(31, 95, 174, 1) 0%, rgba(8, 45, 92, 1) 100%);
}

.bg-secondary-gradient{
    background: #4FA63A;
    background: linear-gradient(275deg,#4FA63A 0%, #2E7D32 100%);
}

/* HEADER*/

.bg-topbar {
    background-color: var(--topbar-bg)!important;
}

.bg-header {
    background-color: var(--header-bg)!important;
}

.border-header {
    border-color: var(--header-border)!important;
}

/* gradiant */

.gradiant {
    background: var(--gradiant)!important;
}

/* FOOTER */

.bg-footer {
    background-color: var(--footer-bg)!important;
}

.bg-footer-dark {
    background-color: var(--footer-bg-dark)!important;
}

.text-footer {
    color: var(--footer-text)!important;
}

.text-footer-muted {
    color: var(--footer-muted)!important;
}


/*TYPOGRAPHY*/

.text {
    color: var(--text)!important;
}

.text-light {
    color: var(--text-light)!important;
}

.text-white {
    color: var(--text-white)!important;
}

.text-title {
    color: var(--text-title)!important;
}


/* nav links */

.navlink-active{
    color: var(--secondary-dark) !important;
    border-bottom:2px solid var(--secondary-dark) !important;
}

/* .navlink-primary ` */

.navlink-primary:hover {
    color: var(--primary-light)!important;
}

/* .navlink-secondary {
    color: var(--btn-secondary)!important;
} */

.navlink-secondary:hover {
    color: var(--secondary-light)!important;
}

.navlink-white {
    background-color: var(--btn-white)!important;
    color: var(--primary)!important;
}

/*CARDS*/

.bg-card {
    background-color: var(--card-bg)!important;
}

.border-card {
    border-color: var(--card-border)!important;
}

.card-hover:hover {
    background-color: var(--card-hover)!important;
} 


/*ICONS*/

.icon-primary {
    color: var(--icon-primary)!important;
}

.icon-secondary {
    color: var(--icon-secondary)!important;
}

.bg-icon {
    background-color: var(--icon-bg)!important;
}

/*BORDERS*/

.border-normal {
    border-color: var(--border-normal)!important;
}

.border-light {
    border-color: var(--border-light)!important;
}

/*STATUS*/

.text-success {
    color: var(--success)!important;
}

.text-warning{
    color: var(--warning)!important;
}

.text-danger {
    color: var(--danger)!important;
}

.text-info{
    color: var(--info)!important;
}

.bg-success {
    background-color: var(--success)!important;
}

.bg-warning{
    background-color: var(--warning)!important;
}

.bg-danger{
    background-color: var(--danger)!important;
}

.bg-info{
    background-color: var(--info)!important;
}

/* SHADOW*/

.shadow-sm {
    box-shadow: var(--shadow-sm)!important;
}

.shadow-md {
    box-shadow: var(--shadow-md)!important;
}

.shadow-lg {
    box-shadow: var(--shadow-lg)!important;
}

/* RADIUS*/

.rounded-sm {
    border-radius: var(--radius-sm)!important;
    -webkit-border-radius: var(--radius-sm)!important;
    -moz-border-radius: var(--radius-sm)!important;
    -ms-border-radius: var(--radius-sm)!important;
    -o-border-radius: var(--radius-sm)!important;
}

.rounded {
    border-radius: var(--radius)!important;
    -webkit-border-radius: var(--radius)!important;
    -moz-border-radius: var(--radius)!important;
    -ms-border-radius: var(--radius)!important;
    -o-border-radius: var(--radius)!important;
}

.rounded-lg {
    border-radius: var(--radius-lg)!important;
    -webkit-border-radius: var(--radius-lg)!important;
    -moz-border-radius: var(--radius-lg)!important;
    -ms-border-radius: var(--radius-lg)!important;
    -o-border-radius: var(--radius-lg)!important;
}

.rounded-xl {
    border-radius: var(--radius-xl)!important;
    -webkit-border-radius: var(--radius-xl)!important;
    -moz-border-radius: var(--radius-xl)!important;
    -ms-border-radius: var(--radius-xl)!important;
    -o-border-radius: var(--radius-xl)!important;
}

/* TRANSITION */

.transition {
    transition: var(--transition)!important;
    -webkit-transition: var(--transition)!important;
    -moz-transition: var(--transition)!important;
    -ms-transition: var(--transition)!important;
    -o-transition: var(--transition)!important;
}

/* HOVER */

.primary-hover:hover {
    color: var(--btn-primary-hover)!important;
}

.secondary-hover:hover {
    color: var(--btn-secondary-hover)!important;
}

/* FOCUS */
.form-control:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 0.25rem rgba(11, 59, 120, 0.15);
}
  
/*custom  bootstrap */