/* ------------------------------------      NORMAL      ------------------------------------ */
@font-face {
    font-family: 'iran yekan bakh';
    font-style: normal;
    font-weight: 400;
    src: url("../../theme/fonts/Yekan-Bakh-FaNum-04-Regular.woff") format("woff");
}

/* ------------------------------------       BOLD       ------------------------------------ */
@font-face {
    font-family: 'iran yekan bakh';
    font-style: normal;
    font-weight: 700;
    src: url("../../theme/fonts/Yekan-Bakh-FaNum-06-Bold.woff") format("woff");
}

/* ------------------------------------       FAT       ------------------------------------ */
@font-face {
    font-family: 'iran yekan bakh';
    font-style: normal;
    font-weight: 900;
    src: url("../../theme/fonts/Yekan-Bakh-FaNum-08-Fat.woff") format("woff");
}

:root {
    --bs-fs-base: .875rem;
    --bs-line-height: 2.5rem;
    --gap: 70px;

    --bs-fs-base-1: calc(var(--bs-fs-base) * 2.25 + 1.3vw) !important;
    --bs-fs-base-2: calc(var(--bs-fs-base) * 2 + 1.1vw) !important;
    --bs-fs-base-3: calc(var(--bs-fs-base) * 1.75 + .9vw) !important;
    --bs-fs-base-4: calc(var(--bs-fs-base) * 1.5 + .7vw) !important;
    --bs-fs-base-5: calc(var(--bs-fs-base) * 1.25 + .5vw) !important;
    --bs-fs-base-6: calc(var(--bs-fs-base) * 1 + .3vw) !important;
    --bs-fs-base-7: calc(var(--bs-fs-base) * .9 + .3vw) !important;
    --bs-fs-base-8: calc(var(--bs-fs-base) * .7 + .3vw) !important;
    --bs-fs-base-9: calc(var(--bs-fs-base) * .6 + .3vw) !important;
    --bs-fs-base-10: calc(var(--bs-fs-base) * .5 + .3vw) !important;
}

html {
    overflow-y: scroll;
}

html,
body {
    padding: 0;
    margin: 0;
    font-family: "iran yekan bakh", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    background-color: #ffffff !important;
    color: #1e1e1e;
    font-size: var(--bs-fs-base);
    line-height: var(--bs-line-height);
    overflow-x: hidden;
}

a {
    text-decoration: none !important;
    transition: all .2s ease-in-out;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-fat {
    font-weight: 900 !important;
}

.fs-1 {
    font-size: var(--bs-fs-base-1) !important;
}

.fs-2 {
    font-size: var(--bs-fs-base-2) !important;
}

.fs-3 {
    font-size: var(--bs-fs-base-3) !important;
}

.fs-4 {
    font-size: var(--bs-fs-base-4) !important;
}

.fs-5 {
    font-size: var(--bs-fs-base-5) !important;
}

.fs-6 {
    font-size: var(--bs-fs-base-6) !important;
}

.fs-7 {
    font-size: var(--bs-fs-base-7) !important;
}

.fs-8 {
    font-size: var(--bs-fs-base-8) !important;
}

.fs-9 {
    font-size: var(--bs-fs-base-9) !important;
}

.fs-10 {
    font-size: var(--bs-fs-base-10) !important;
}

/*---------------------------------------------------------------------------------------------------------------
/* Container
*/
/*---------------------------------------------------------------------------------------------------------------
/* Container
*/
@media (max-width: 576px) {
    .container {
        --bs-gutter-x: 3rem;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 100%;
        padding-left: 10%;
        padding-right: 10%;
    }
}


/* ---------------------------
navbar
*/

.start-wrapper {
    height: 91px;
}

nav.navbar .nav-item {
    padding: 0 15px;
    background-color: #fff;
    border-radius: 10px;
    margin-left: 20px;
}

nav.navbar .nav-item .nav-link span {
    color: #000;
}

nav.roll-activated {
    background-color: rgba(37, 48, 96, 0.8);
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
    position: fixed;
    width: 100%;
    z-index: 1000;
    backdrop-filter: blur(3px);
}

/* ---------------------------
banner
*/
.banner-bg {
    /*background-image: url("../../theme/images/banner-bg-desktop.svg");*/
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

/* ---------------------------
specifications
*/

.specifications {
    background-color: #E6F0F5;
}

.specifications .specification-item {
    border-radius: 20px;
}

.specifications .specification-title {
    color: #2769AC;
}

/* ---------------------------
download-center
*/

.download-center {
    background-color: #2769AC;
    border-radius: 20px;
}

/* ---------------------------
footer
*/
footer {
    background-image: linear-gradient(to bottom, #79AFCA, #3687B0);;
}