/* ===== Styles of home_slider starts from here ===== */

.home_slider{
    padding-top: 0;
    margin-top: 0;
}
.home_slider .slider_wrapper{}
.home_slider .slider_holder{
    position: relative;
}
.home_slider .slider_swiper{}
.home_slider .slider_swiper .swiper-wrapper{
}
.home_slider .swiper-slide{
}
.home_slider .swiper-slide a{}
.home_slider .swiper-slide a img{
    width: 100%;
    height: auto;
    display: block;
}
.home_slider .swiper-slide a video{}
.home_slider .slider_scroll{
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 2;
    text-align: center;
    pointer-events: none;
}
.home_slider .slider_scroll::before{
    content: '\e92f';
    font-family: icon;
    font-size: 20px;
    display: inline-block;
    color: var(--color5);
/* From https: //css.glass */
    background: rgba(255, 255, 255, 0.3);
    border-radius: 60px;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border: 1px solid var(--color5);
    padding: 20px 10px;
    pointer-events: auto;
    cursor: pointer;
}

/* ===== End of home_slider starts from here ===== */

/* ===== Styles of home_category starts from here ===== */
.home_category{
    position: relative;
    z-index: 1;
}

.home_category .heading_holder{
}
.home_category .cats_holder{
    margin-top: 30px;
}
.home_category .cats_holder .cat_swiper{
    border-radius: 16px;
}
.home_category .cats_holder .swiper-wrapper{
    margin-bottom: 15px;
}
.home_category .cat_content{}
.home_category .cat_content .imgholder{
    position: relative;
    display: block;
    overflow: hidden;
}
.home_category .cat_content .imgholder img{
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.home_category .cat_content .imgholder .cat_detail{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color5);
    color: var(--color3);
    font-size: 16px;
    padding: 15px 5px;
    min-height: 63px;
    transform: translateY(63px);
    transition: all 0.3s ease-in;
}

.home_category .cat_content:hover .imgholder .cat_detail{
    transform: translateY(0);
}

.home_category .cat_content .imgholder .cat_detail::after{
    content: '\e931';
    font-family: icon;
    font-size: 20px;
    display: inline-block;
    color: var(--color3);
    margin-right: 6px;
    transform: rotate(45deg);
}

.home_category .cat_content .cat_line{}
.home_category .cat_content .cat_title_holder{
    margin-top: 20px;
    text-align: center;
}
.home_category .cat_content .cat_fa_title{}
.home_category .cat_content .cat_fa_title a{
    font-size: 16px;
    font-family: 'peyda_medium';
    color: var(--text1);
    min-height: 47px;
    display: inline-block;
}
.home_category .cat_content .cat_decsription{}
.home_category .cat_content .cat_decsription a{
    color: var(--color7);
    line-height: 26px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 10px;
    min-height: 52px;
    font-size: 15px;
    padding: 0 10px;
}

.home_category .swiper_button{
    top: 35%;
}

/* ===== End of home_category starts from here ===== */

/* ===== Styles of home_banner starts from here ===== */

.home_banner {
}

.home_banner .banner_holder {
    margin: 10px auto;
}

.home_banner .img_holder {
    display: block;
    border-radius: 24px;
    overflow: hidden;
}

.home_banner .img_holder img {
    width: 100%;
    height: auto;
    display: block;
}

/* ===== End of home_banner starts from here ===== */


/* ===== Styles of home_products starts from here ===== */

.home_products{
    position: relative;
    z-index: 1;
}

.home_products .heading_holder{
}
.home_products .products_holder{}
.home_products .products_swiper{}
.home_products .products_swiper .swiper-wrapper{
    margin-bottom: 50px;
}
.home_products .btn_holder{
    text-align: center;
    margin-top: 10px;
}
.home_products .btn_holder a{}

/* ===== End of home_products starts from here ===== */

/* ===== Styles of home_blog starts from here ===== */

.home_blog{}
.home_blog .heading_holder{
}
.home_blog .blog_holder{}
.home_blog .blog_swiper{}
.home_blog .blog_swiper .swiper-wrapper{
    margin-bottom: 20px;
}
.home_blog .btn_holder{text-align: center;margin-top: 15px;}
.home_blog .btn_holder a{}

.home_blog .swiper_button{
    top: 30%;
}

/* ===== End of home_blog starts from here ===== */

/* ===== Styles of home_about starts from here ===== */

.home_about{
    padding: 40px 0;
    background-image: linear-gradient(to bottom, #183774,#0B1B38);
}
.home_about .gallery_wrapper{}
.home_about .gallery_wrapper .about_gallery{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.home_about .gallery_wrapper .about_gallery_col{
    position: relative;
    height: 520px;
    overflow: hidden;
}
.home_about .gallery_wrapper .about_gallery_track{
    position: absolute;
    inset: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    will-change: transform;
}
.home_about .gallery_wrapper .about_gallery_item{
    flex: 0 0 auto;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    border-radius: 16px;
}
.home_about .gallery_wrapper .about_gallery_item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.home_about .gallery_wrapper .about_gallery.mobile_gallery{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.home_about .gallery_wrapper .about_gallery.mobile_gallery .about_gallery_row{
    position: relative;
    height: 200px;
    overflow: hidden;
}
.home_about .gallery_wrapper .about_gallery.mobile_gallery .about_gallery_track{
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: row;
    gap: 12px;
    width: max-content;
    min-width: 100%;
    will-change: transform;
}
.home_about .gallery_wrapper .about_gallery.mobile_gallery .about_gallery_item{
    width: 80vw;
    min-width: 80vw;
}
.home_about .content_wrapper{
    margin-top: 20px;
}
.home_about .heading_holder{
    margin-bottom: 20px;
}
.home_about .heading_holder .heading_entitle{}
.home_about .heading_holder .heading_title{
    color: var(--color5);
}
.home_about .about_desc{
    color: var(--color5);
    text-align: justify;
    font-family: 'peyda_light';
}
.home_about .btn_holder{
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.home_about .btn_holder a{}
.home_about .features_wrapper{
    margin-top: 35px;
}
.home_about .features_holder{}
.home_about .features_swiper{}
.home_about .swiper-wrapper{}
.home_about .feature_item{}
.home_about .feature_content{/* From https: //css.glass */
    background: rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8.2px);
    -webkit-backdrop-filter: blur(8.2px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 15px;
}
.home_about .feature_content .feature_heading{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.home_about .feature_content .imgholder{
    background-color: #3A5382;
    box-shadow: 0px 0px 10px -2px #ffffff5c;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    border: 1px solid var(--color8);
}
.home_about .feature_content .imgholder img{
    width: 100%;
    height: auto;
    display: block;
}
.home_about .feature_content .feature_title{
    color: var(--color5);
    font-size: 16px;
    margin-right: 10px;
    line-height: 28px;
}
.home_about .feature_content .feature_summery{
    margin-top: 15px;
    text-align: justify;
    line-height: 26px;
    color: var(--color8);
    font-size: 14px;
}
/* ===== End of home_about starts from here ===== */

/* ===== Styles of home_block starts from here ===== */

.home_block{}
.home_block .block_image_wrapper{}
.home_block .block_image_wrapper .imgholder{
    border-radius: 40px 0 40px 40px;
    overflow: hidden;
}
.home_block .block_image_wrapper .imgholder img{
    width: 100%;
    height: auto;
    display: block;
}
.home_block .block_content_wrapper{
}
.home_block .block_content_wrapper .heading_holder{
    margin-bottom: 15px;
}
.home_block .block_content_wrapper .heading_entitle{}
.home_block .block_content_wrapper .heading_title{}
.home_block .block_content_wrapper .about_desc{
    text-align: justify;
    font-family: 'peyda_light';
    color: var(--color6);
}
.home_block .block_content_wrapper .btn_holder{
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}
.home_block .block_content_wrapper .btn_holder a{}

/* ===== End of home_block starts from here ===== */


/* ===== Styles of home_features starts from here ===== */

.home_features{
}
.home_features .heading_holder{}
.home_features .heading_entitle{}
.home_features .heading_title{}
.home_features .features_holder{background-image: linear-gradient(to bottom, var(--color1), var(--color2));border-radius: 22px;padding: 16px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 10px;}
.home_features .feature_item{width: 100%;}
.home_features .feature_content{
    background: rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8.2px);
    -webkit-backdrop-filter: blur(8.2px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 15px;
}
.home_features .feature_content .imgholder{
    background-color: var(--color1);
    box-shadow: 0px 0px 10px -2px #ffffff5c;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    border: 1px solid var(--color8);
}
.home_features .feature_content .imgholder img{
    width: 100%;
    height: auto;
    display: block;
}
.home_features .feature_content .feature_info_holder{
    margin-top: 15px;
}
.home_features .feature_content .feature_title{
    font-size: 20px;
    font-family: 'peyda_medium';
    color: var(--color5);
    margin-bottom: 10px;
}
.home_features .feature_content .feature_decsription{
    font-size: 16px;
    color: var(--color5);
}

/* ===== End of home_features starts from here ===== */



/* Small screens: less than 576px */
@media (max-width: 575.98px) {
    .home_slider .slider_scroll{
        display: none;
    }

}


/* Medium screens: 576px to 767px */
@media (min-width: 576px) and (max-width: 767.98px) {


    .brand_content .brand_title_holder{bottom: -13px;}


}

@media (max-width: 767.98px) {
    .home_about .gallery_wrapper .about_gallery{
    grid-template-columns: 1fr;
    gap: 12px;
}
    .home_about .gallery_wrapper .about_gallery_col{
    height: 200px;
}
    .home_about .gallery_wrapper .about_gallery_track{
    flex-direction: row;
    gap: 12px;
    width: max-content;
}
    .home_about .gallery_wrapper .about_gallery_item{
    width: 48%;
    min-width: 48%;
}
    .home_about .gallery_wrapper .about_gallery.mobile_gallery{
    display: flex;
    gap: 12px;
}
    .home_about .gallery_wrapper .about_gallery.mobile_gallery .about_gallery_item{
    width: 80vw;
    min-width: 80vw;
}
}

@media (min-width: 768px) {
    .heading_holder .heading_title{
    font-size: 26px;
}
    .heading_holder .heading_entitle{
    font-size: 18px;
}
    .home_about{
        padding-top: 0;
    }
    .home_about .heading_holder{
        margin-top: 0;
        text-align: right;
    }
    .home_about .content_wrapper{
        margin-top: 30px;
    }
    .home_about .btn_holder{
        justify-content: flex-start;
    }
    .home_block .block_image_wrapper{
        order: 2;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .home_block .block_content_wrapper{
        order: 1;
    }
    .home_block .block_content_wrapper .heading_holder{
    margin-top: 0;
    text-align: right;
}
    .home_block .block_content_wrapper .btn_holder{
    justify-content: flex-start;
}
    .home_features .feature_item{
    width: 49%;
}


}

/* Large screens: 768px to 991px */
@media (min-width: 768px) and (max-width: 991.98px) {

    .brand_content .brand_title_holder{
    padding: 15px 0;
    bottom: -20px;
}


}

@media (min-width: 992px) {
    .module_setting{
    margin: 50px 0;
}
    .home_slider{
    margin-top: 0 !important;
}
    .home_category .cats_holder .cat_swiper{
        border-radius: 24px;
    }
    .home_category .swiper_button{
        top: 40%;
    }
    .home_category .cats_holder{
    margin-top: 35px;
}
    .home_category .heading_holder{
}
    .home_category .cat_content .cat_fa_title a{
    font-size: 20px;
}
    .home_category .cat_content .cat_decsription a{
        font-size: 18px;
        line-height: 30px;
        min-height: 60px;
    }
    .home_category .cat_content .cat_title_holder{
}
    .brand_content .brand_title_holder{
    width: 82%;
    bottom: -12px;
    padding: 10px 0px;
}
    .brand_content .brand_fa_title, .brand_content .brand_en_title{
    font-size: 22px;
}
    .brand_content .brand_title_holder i{
    margin: 0 13px;
}
    .secondary_btn_style span{
    font-size: 16px;
    padding: 10px 10px;
}
    .home_products .heading_holder{
        margin-top: 40px;
    }
    .home_products .products_holder{
    margin-top: 35px;
}
    .home_blog .blog_holder{
    margin-top: 35px;
}
    .home_products .btn_holder{
        margin-top: 20px;
    }
    .home_about{
    padding-bottom: 60px;
}
    .home_about .content_wrapper{
    margin-top: 70px;
}
    .home_about .heading_holder{}
    .home_about .about_desc{
    font-size: 17px;
    line-height: 32px;
}
    .home_about .features_wrapper{
    margin-top: 50px;
}
    .home_about .feature_content{
    padding: 25px;
}
    .home_about .feature_content .feature_title{
    font-size: 18px;
}
    .home_about .feature_content .feature_summery{
    font-size: 16px;
    line-height: 32px;
}
    .home_block .block_content_wrapper .about_desc{
        font-size: 18px;
    }
    .home_block .block_content_wrapper .btn_holder{
        margin-top: 20px;
    }
    .home_features .feature_item{
        width: 32%;
    }
    .home_features .features_holder{
    gap: 15px;
    padding: 20px;
}
}

/* Extra large screens: 992px to 1199px */
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/* Extra extra large screens: 1200px and up */
@media (min-width: 1200px) {
    .module_setting {
        margin: 60px 0;
    }
    .home_category .heading_holder{
    }
    .brand_content .brand_title_holder{
    bottom: -25px;
    padding: 10px 0 18px 0;
}
    .home_products .heading_holder{
        margin-top: 60px;
    }

}