@import url('../../libs/bootstrap/css/bootstrap.rtl.css');
@import url('../../libs/bootstrap_icon/font/bootstrap-icons.css');

@font-face {
    font-family: Vazir_Thin;
    src: url('../../Font/Vazir/Vazir-Thin-FD-WOL.eot') format('embedded-opentype'), url('../../Font/Vazir/Vazir-Thin-FD-WOL.woff') format('woff'), url('../../Font/Vazir/Vazir-Thin-FD-WOL.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: Vazir_Light;
    src: url('../../Font/Vazir/Vazir-Light-FD-WOL.eot') format('embedded-opentype'), url('../../Font/Vazir/Vazir-Light-FD-WOL.woff') format('woff'), url('../../Font/Vazir/Vazir-Light-FD-WOL.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Vazir_Normal;
    src: url('../../Font/Vazir/Vazir-FD-WOL.eot') format('embedded-opentype'), url('../../Font/Vazir/Vazir-FD-WOL.woff') format('woff'), url('../../Font/Vazir/Vazir-FD-WOL.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Vazir_Medium;
    src: url('../../Font//Vazir/Vazir-Medium-FD-WOL.eot') format('embedded-opentype'), url('../../Font/Vazir/Vazir-Medium-FD-WOL.woff') format('woff'), url('../../Font/Vazir/Vazir-Medium-FD-WOL.ttf') format('truetype');
    font-weight: 500;
}


@font-face {
    font-family: Vazir_Bold;
    src: url('../../Font/Vazir/Vazir-Bold-FD-WOL.eot') format('embedded-opentype'), url('../../Font/Vazir/Vazir-Bold-FD-WOL.woff') format('woff'), url('../../Font/Vazir/Vazir-Bold-FD-WOL.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Lalezar;
    src: url('../../Font/Lalezar/Lalezar.eot') format('embedded-opentype'), url('../../Font/Lalezar/Lalezar.woff') format('woff'), url('../../Font/Lalezar/Lalezar.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Shabnam_Thin;
    src: url('../../Font/Shabnam/Shabnam-Thin-FD.eot') format('embedded-opentype'), url('../../Font/Shabnam/Shabnam-Thin-FD.woff') format('woff'), url('../../Font/Shabnam/Shabnam-Thin-FD.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: Shabnam_Light;
    src: url('../../Font/Shabnam/Shabnam-Light-FD.eot') format('embedded-opentype'), url('../../Font/Shabnam/Shabnam-Light-FD.woff') format('woff'), url('../../Font/Shabnam/Shabnam-Light-FD.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Shabnam_Normal;
    src: url('../../Font/Shabnam/Shabnam-FD.eot') format('embedded-opentype'), url('../../Font/Shabnam/Shabnam-FD.woff') format('woff'), url('../../Font/Shabnam/Shabnam-FD.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Shabnam_Medium;
    src: url('../../Font/Shabnam/Shabnam-Medium-FD.eot') format('embedded-opentype'), url('../../Font/Shabnam/Shabnam-Medium-FD.woff') format('woff'), url('../../Font/Shabnam/Shabnam-Medium-FD.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: Shabnam_Bold;
    src: url('../../Font/Shabnam/Shabnam-Bold-FD.eot') format('embedded-opentype'), url('../../Font/Shabnam/Shabnam-Bold-FD.woff') format('woff'), url('../../Font/Shabnam/Shabnam-Bold-FD.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: nastaliq;
    src: url('../../Font/nastaliq/IranNastaliq.eot') format('embedded-opentype'), url('../../Font/nastaliq/IranNastaliq.woff') format('woff'), url('../../Font/nastaliq/IranNastaliq.ttf') format('truetype');
}

:root {
    --Mercury: #E1E5EB;
    --TitanWhite: #EDEFF5;
    --IceBerg: #E2F1F9;
    --ForestGreen: #4d9256;
    --GreenWhite: #e8e8e5;
    /*-----------------------------------------------------------------------------------------*/
    /*---- Color variable ----*/
    --FrenchBlue: #006cbe;
    --WaterBlue: #0F83DB;
    --MutedGreen: #589D61;
    --CottonSeed: #bdbdbd;
    --PastelGrey: #cccccc;
    --BarleyWhite: #f7f4ce;
    --FoggyGrey: #d0ccb1;
    --CarminePink: #f34545;
    --LightRed: #E67070;
    --SoftPeach: #efefef;
    --LavenderPinocchio: #e0e0e0;
    --Dark: #1d232c;
    --Gray: #909090;
    --BrightRed: #fb0a0a;
    --CharcoalGrey: #424242;
    --SmokyGrey: #6f6f6f;
    --DarkGrey: #383838;
    /*-----------------------*/
    --BalticSea: #282727;
    --Porcelain: #F1F2F6;
    --PersianBlue: #1940a9;
    --CornFlowerBlue: #6495ed;
    --Porcelain_inPut: #f1f2f9;
    --Raven: #757B89;
    --Cobalt: #1E488f;
    --OceanBlue: #0046FE;
    --carrotOrange: #FD8E29;
    --SunsetOrange: #FF574E;
    --White: #ffffff;
    --CuriosBlue: #169ACB;
    /*--*/
    --header-color: #6dbf83;
}

* {
    box-sizing: border-box;
}

    *:focus {
        outline: none;
    }

body {
    font-family: Shabnam_Normal;
    background-color: var(--BarleyWhite);
    color: var(--Raven);
}

a {
    color: var(--PersianBlue);
    text-decoration: none;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    font-family: Vazir_Bold;
}

    a:hover {
        color: var(--CornFlowerBlue);
    }

ul {
    list-style: none outside none;
    padding: 0;
}

.title {
    padding-top: 10px;
    margin-top: 30px;
    color: green;
}

    .title h3 {
        font-family: nastaliq;
        font-size: 62px;
    }

.card-header {
    color: var(--White);
    padding: 5px;
    padding-right: 15px;
    background-color: var(--header-color);
    font-family: Lalezar;
    font-size: 20px;
}

.card-body {
    font-family: Vazir_Bold;
    font-size: 14px;
}

    .card-body p strong {
        font-family: Shabnam_Bold;
        font-size: 14px;
    }