/*
Theme Name: Zinab
Theme URI: https://shirazpsd.com
Author: yahya salimi shiraz 09170885477
Author URI: https://shirazpsd.com
Description: کد نویسی و سئو توسط یحیی سلیمی به تاریخ اسفند 1404
Requires PHP: 8.1
Version: 1.0
Tags: ShirazPsd , MaxManShiraz
*/

/*-------------------------------------------------------------
font-face
--------------------------------------------------------------*/
@font-face {
    font-family: 'IRANSans';
    src: url('assets/fonts/IRANSans.woff2') format('woff2'),
        url('assets/fonts/IRANSans.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Plasma';
    src: url('assets/fonts/Plasma.woff2') format('woff2'),
        url('assets/fonts/Plasma.woff') format('woff');
    font-display: swap;
}


@font-face {
    font-family: 'javan';
    src: url('assets/fonts/javan.woff2') format('woff2'),
        url('assets/fonts/javan.woff') format('woff');
    font-display: swap;
}

/*-------------------------------------------------------------
 ریسپانسیو
--------------------------------------------------------------*/
.container {
    margin: 0 auto;
    padding: 0 24px;
}

/* موبایل کوچک */
@media screen and (max-width: 480px) {
    .container {
        width: 100%;
    }
}

/* موبایل مدرن */
@media screen and (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}

/* تبلت */
@media screen and (min-width: 992px) {
    .container {
        max-width: 992px;
    }
}

/* PC */
@media screen and (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

@media screen and (min-width: 1440px) {
    .container {
        max-width: 1440px;
    }
}

/*-------------------------------------------------------------
R O O T رنگ بندی
--------------------------------------------------------------*/
:root {
    --A: #283C55;
    --B: #02CED5;
    --C: #E9C46A;
    --BG: #EDF2FA;
    --BG-A: #D5DEE3;
    --BG-B: #E8EDF8;
    --BG-C: #DADDE1;
    --BG-D: #f5f9ff;
    --E: #11af26;
    --F: #112137;
    --H: #EF4444;
    --I: #7C8C9F;
    --G: #957119;
    --K: #cfce9d;

    --A-border: #425b7a;
    --C-border: #eacb7F;
    --B-border: #3cdbe0;
    --BG-border: #cfd7db;
    --A-TEXT: #717f87;
    --B-TEXT: #02a9af;
    --C-TEXT: #c3a345;
}

/*-------------------------------------------------------------
CSS
--------------------------------------------------------------*/
* {
    margin: 0px;
    padding: 0px;
    font-family: IRANSans;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    font-size: 16px;
    direction: rtl;
    text-align: justify;
    line-height: 1.7;
    background: var(--BG);
    color: var(--A);
}

html {
    scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 30px;
    font-family: Plasma;
    line-height: 1.3;
}

/******* ریسپانسو *******/
@media screen and (max-width: 768px) {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 25px;
    }
}

hr {
    border-top: 1px #9ea2a7 dashed;
}

a {
    text-decoration: none;
    cursor: pointer;
}

li {
    list-style: none;
}

/*-------------------------------------------------------------
 دکمه
--------------------------------------------------------------*/
/*-------------------btn-A-----------------*/
a.btn-A {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    color: var(--F);
    border: 1px solid var(--C-border);
    background-color: var(--C);
    border-radius: 10px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.50);
}

a.btn-A i {
    font-size: 18px;
    color: white;
}

/*-------------------btn-B-----------------*/
a.btn-B {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    color: var(--F);
    border: 1px solid var(--B-border);
    background-color: var(--B);
    border-radius: 4px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.50);
}

a.btn-B i {
    font-size: 18px;
    color: white;
}