/* ==========================================
   Firouze Design System
   Utilities v1.0
========================================== */

/* ===== Text ===== */

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

/* ===== Display ===== */

.d-block{ display:block; }
.d-inline-block{ display:inline-block; }
.d-flex{ display:flex; }

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

/* ===== Width ===== */

.w-100{ width:100%; }
.h-100{ height:100%; }

/* ===== Margin ===== */

.m-0{ margin:0; }

.mt-1{ margin-top:10px; }
.mt-2{ margin-top:20px; }
.mt-3{ margin-top:30px; }
.mt-4{ margin-top:40px; }

.mb-1{ margin-bottom:10px; }
.mb-2{ margin-bottom:20px; }
.mb-3{ margin-bottom:30px; }
.mb-4{ margin-bottom:40px; }

/* ===== Padding ===== */

.p-0{ padding:0; }

.pt-1{ padding-top:10px; }
.pt-2{ padding-top:20px; }
.pt-3{ padding-top:30px; }

.pb-1{ padding-bottom:10px; }
.pb-2{ padding-bottom:20px; }
.pb-3{ padding-bottom:30px; }

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

.radius-sm{
    border-radius:var(--radius-sm);
}

.radius-md{
    border-radius:var(--radius-md);
}

.radius-lg{
    border-radius:var(--radius-lg);
}

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

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

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

.shadow-lg{
    box-shadow:var(--shadow-lg);
}
/* ==========================================
   Brand Colors
========================================== */

/* ---------- Text Colors ---------- */

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

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

.text-orange{
    color:var(--color-orange);
}

.text-gold{
    color:var(--color-gold);
}

.text-dark{
    color:var(--color-gray-dark);
}

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

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

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


/* ---------- Background Colors ---------- */

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

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

.bg-orange{
    background-color:var(--color-orange);
}

.bg-gold{
    background-color:var(--color-gold);
}

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

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


/* ---------- Border Colors ---------- */

.border-primary{
    border-color:var(--color-primary);
}

.border-secondary{
    border-color:var(--color-secondary);
}

.border-orange{
    border-color:var(--color-orange);
}

.border-gold{
    border-color:var(--color-gold);
}

.border-light{
    border-color:var(--color-border);
}
/* ===== Maps ===== */

.map-container-2{
    overflow:hidden;
    position:relative;
    height:0;
    padding-bottom:56.25%;
}

.map-container-2 iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.color-00cccc{
    color:var(--color-primary)!important;
}

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

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

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

.bg-19283c{
    background:var(--color-secondary);
}

.bg-43bac1{
    background:var(--color-primary);
}

.bg-dfeaf8{
    background:#dfeaf8;
}

.border-left-00cccc{
    border-left:3px solid var(--color-primary);
}

.border-00cccc{
    border:1px solid var(--color-primary);
}

.border-dadada{
    border:2px solid #dadada;
}

.shadow-dark{
    box-shadow:0 0 10px rgba(0,0,0,.35);
}

.shadow-dfeaf8{
    box-shadow:0 0 5px #dfeaf8;
}

.radius-10{
    border-radius:10px;
}

.linew-fec86c{
    width:100px;
    height:2px;
    background:var(--color-gold);
}

.linew-969696{
    width:70px;
    height:1px;
    background:#969696;
}

.line-969696{
    width:50px;
    height:1px;
    background:#969696;
}