@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),
        url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),
        url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),
        url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),
        url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Vazir;
    src: url('../fonts/Vazir.eot');
    src: url('../fonts/Vazir.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Vazir.woff2') format('woff2'),
        url('../fonts/Vazir.woff') format('woff'),
        url('../fonts/Vazir.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Vazir;
    src: url('../fonts/Vazir-Bold.eot');
    src: url('../fonts/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Vazir-Bold.woff2') format('woff2'),
        url('../fonts/Vazir-Bold.woff') format('woff'),
        url('../fonts/Vazir-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Vazir;
    src: url('../fonts/Vazir-Light.eot');
    src: url('../fonts/Vazir-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Vazir-Light.woff2') format('woff2'),
        url('../fonts/Vazir-Light.woff') format('woff'),
        url('../fonts/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Vazir;
    src: url('../fonts/Vazir-Medium.eot');
    src: url('../fonts/Vazir-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Vazir-Medium.woff2') format('woff2'),
        url('../fonts/Vazir-Medium.woff') format('woff'),
        url('../fonts/Vazir-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: Vazir;
    src: url('../fonts/Vazir-Thin.eot');
    src: url('../fonts/Vazir-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Vazir-Thin.woff2') format('woff2'),
        url('../fonts/Vazir-Thin.woff') format('woff'),
        url('../fonts/Vazir-Thin.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: Vazir;
    src: url('../fonts/Vazir-Black.eot');
    src: url('../fonts/Vazir-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Vazir-Black.woff2') format('woff2'),
        url('../fonts/Vazir-Black.woff') format('woff'),
        url('../fonts/Vazir-Black.ttf') format('truetype');
    font-weight: 900;
}

/*---------------------------------- End of fonts ---------------------------------- */

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background-color: #ffffff !important;
}

a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
button,
label,
span {
    font-family: Vazir !important;
}

label {
    float: right;
}

.navbar {
    z-index: 100;
}

.img-home {
    max-width: 3560px;
    width: 100%;
    -webkit-filter: blur(2px);
    filter: blur(2px);
    z-index: -2;
}

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

.counter {
    border-radius: 26px !important;
    margin-top: 5%;
    padding: 2% 4%;
}

.value {
    font-family: Vazir;
    text-align: center;
}

.btn-home {
    padding: 2% 4%;
    font-weight: bold;
    border: 2.5px solid #64d9e8;
    background-color: #d7f5f9;
    color: rgb(0, 0, 0);
    border-radius: 18px;
}

.cart-home>img {
    width: 200px;
}

/*---------------------------------- End of home-page ---------------------------------- */

.contact-us {
    background-image: url('../img/logo.png');
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
}

.gradient-custom-2 {
}

@media (min-width: 768px) {
    .gradient-form {
        height: 100vh !important;
    }
}

@media (min-width: 769px) {
    .gradient-custom-2 {
        border-top-right-radius: .3rem;
        border-bottom-right-radius: .3rem;
    }
}

/*---------------------------------- End of contact-us ---------------------------------- */


/*---------------------------------- End of login ---------------------------------- */


/*---------------------------------- End of download ---------------------------------- */

.btn-down-page {
    border: 2.2px solid #64d9e8 !important;
    background-color: #d7f5f9 !important;
    color: rgb(0, 0, 0) !important;
    border-radius: 12px !important;
}

.btn-home:hover,
.btn-down:hover,
.btn-down-page:hover {
    text-decoration: none;
    background-color: #bfeff5 !important;
    color: rgba(0, 0, 0, 0.83) !important;
    transform: translateX(0) !important;
    transition-timing-function: cubic-bezier(0, 1.5, 1, 1) !important;
    transition-duration: 0.5s !important;
}

.btn-down {
    padding: 1% 3%;
    font-weight: bold;
    border: 2.5px solid #64d9e8;
    background-color: #d7f5f9;
    color: rgb(0, 0, 0);
    border-radius: 18px;
}

.cart-home {
    border: 2.5px solid #64d9e8 !important;
    border-radius: 25px !important;
}

.social-media>a {
    color: rgb(73, 73, 73);
    margin-right: 0.5%;
    font-size: 30px;
}

.social-media>a:hover {
    opacity: 0.8;
    color: rgb(73, 73, 73);
    transform: translateX(0);
    transition-timing-function: cubic-bezier(0, 1.5, 1, 1);
    transition-duration: 0.5s;
}

/*---------------------------------- End of footer ---------------------------------- */

@media only screen and (max-width: 520px) {

    .logo-footer {
        margin-top: 5%;
        width: 25%;
    }

    .secound-footer>p {
        color: rgb(73, 73, 73);
        margin-right: 0.5%;
        font-size: 15px;
    }
}

@media only screen and (max-width: 319px) {

    .img-home {
        height: 150px;
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
        border-end-end-radius: 25%;
        border-end-start-radius: 25%;
    }

    .first-footer {
        display: block;
    }

    .logo-footer {
        width: 50%;
        margin-left: 25%;
    }

    .item-box>h3,
    .item-box>h4 {
        font-size: 5px;
    }

    .counter {
        width: 85%;
    }
}

@media (min-width: 320px) and (max-width: 520px) {

    .img-home {
        height: 250px;
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
        border-end-end-radius: 25%;
        border-end-start-radius: 25%;
    }

    .first-footer {
        display: block;
    }

    .logo-footer {
        width: 50%;
        margin-left: 25%;
    }

    .item-box>h3,
    .item-box>h4 {
        font-size: 8px;
    }

    .counter {
        width: 84%;
    }
}

@media (min-width: 521px) and (max-width: 724px) {

    .img-home {
        height: 250px;
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
        border-end-end-radius: 25%;
        border-end-start-radius: 25%;
    }

    .first-footer {
        display: block;
    }

    .logo-footer {
        width: 20%;
        margin-left: 40%;
    }

    .item-box>h3,
    .item-box>h4 {
        font-size: 11px;
    }

    .counter {
        width: 84%;
        padding: 2% 4%;
    }
}

@media (min-width: 725px) and (max-width: 893px) {

    .img-home {
        height: 350px;
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
        border-end-end-radius: 25%;
        border-end-start-radius: 25%;
    }

    .first-footer {
        display: flex;
    }

    .logo-footer {
        width: 20%;
        margin-left: 3rem !important;
    }

    .item-box>h3,
    .item-box>h4 {
        font-size: 11px;
    }

    .counter {
        width: 65%;
        padding: 2% 4%;
    }
}

@media (min-width: 894px) and (max-width: 1012px) {

    .img-home {
        height:450px;
        box-shadow:0 .125rem .25rem rgba(0, 0, 0, .075) !important;
        border-end-end-radius: 35%;
        border-end-start-radius: 35%;
    }

    .first-footer {
        display: flex;
    }

    .logo-footer {
        width: 25%;
        margin-left: 3rem !important;
    }

    .item-box>h3,
    .item-box>h4 {
        font-size: 13px;
    }

    .counter {
        width: 60%;
        padding: 2% 4%;
    }
}

@media (min-width: 1013px) and (max-width: 1213px) {

    .img-home {
        height: 550px;
        margin-top: -20%;
        border-end-end-radius: 35%;
        border-end-start-radius: 35%;
    }

    .first-footer {
        display: flex;
    }

    .logo-footer {
        width: 22%;
        margin-left: 3rem !important;
    }

    .item-box>h3,
    .item-box>h4 {
        font-size: 15px;
    }

    .counter {
        width: 60%;
        padding: 2% 4%;
    }
}

@media (min-width: 1213px) {

    .img-home {
        height: 700px;
        margin-top: -10%;
        border-end-end-radius: 35%;
        border-end-start-radius: 35%;
    }

    .first-footer {
        display: flex;
    }

    .logo-footer {
        width: 18%;
        margin-left: 3rem !important;
    }

    .item-box>h3,
    .item-box>h4 {
        font-size: 20px;
    }

    .counter {
        width: 60%;
        padding: 2% 4%;
    }
}

/*---------------------------------- End of responsive ---------------------------------- */