* {
    direction: rtl !important;
}

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

body {
    font-family: "vazir" !important;
}

.navbar .navbar-brand {
    font-size: 1.1rem;
}

.font-farsi {
    font-family: "vazir" !important;
}

.font-en {
    font-family: sans-serif !important;
    direction: ltr !important;
}

.input-group input {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-right: none;
    border-left: 1px solid #D2D6DA !important;
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
    padding: 0 15px !important;
}

.input-group span {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-right: 1px solid #D2D6DA !important;
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}

.input-group select:nth-of-type(1) {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    padding: 0 15px !important;
}

.input-group select:last-of-type {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-left: 1px solid #D2D6DA !important;
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
    padding: 0 15px !important;
}

.ltr {
    direction: ltr !important;
}

.slider {
    margin: 40px 0 70px 0
}

    .slider .swiper {
        border-radius: 2rem
    }

        .slider .swiper .swiper-slide {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center
        }

            .slider .swiper .swiper-slide img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
                max-height: 200px;
                border-radius: 2rem
            }

        .slider .swiper .swiper-button-next::after {
            content: none !important
        }

        .slider .swiper .swiper-button-next i {
            background-color: #17c1e8;
            padding: 0px 13px 0px 9px;
            border-radius: 1rem;
            color: #ffff;
            font-size: 2rem
        }

        .slider .swiper .swiper-button-prev::after {
            content: none !important
        }

        .slider .swiper .swiper-button-prev i {
            background-color: #17c1e8;
            padding: 0px 9px 0px 13px;
            border-radius: 1rem;
            color: #ffff;
            font-size: 2rem
        }

.post img {
    object-fit: cover;
}

.second-level-menu a {
    direction: rtl !important;
}

.navbar-nav .dropdown-header {
    font-weight: 400 !important;
}

.feature-title{
    font-weight:800 !important;
}

#blogbody {
    font-weight: 200 !important;
    font-size: 20px !important;
    line-height: 40px !important;
}

    #blogbody h3 {
        font-weight: 600 !important;
        font-size: 1.6rem !important;
    }
    #blogbody ol {
        font-weight: 400;
        font-size: 1.1rem !important;
        line-height:1.75rem;
    }

@media screen and (max-width: 576px) {
    .feature-title{
        font-size:15px !important;
    }
    .post img {
        height: 170px;
    }
}

@media screen and (min-width: 577px) {
    .feature-title {
        font-size: 16px !important;
    }

    .post img {
        height: 180px;
    }

    .slider .swiper .swiper-slide img {
        max-height:300px;
    }
}

@media screen and (min-width: 768px) {
    .feature-title {
        font-size: 17px !important;
    }

    .post img {
        height: 200px;
    }
    .slider .swiper .swiper-slide img {
        max-height: 350px;
    }
}

@media screen and (min-width: 992px) {
    .feature-title {
        font-size: 20px !important;
    }
    .post img {
        height: 220px;
    }
    .slider .swiper .swiper-slide img {
        max-height: 650px;
    }
}