body{
    color: black;
    font-family: 'Cairo', sans-serif;
    overflow-x: hidden;
    direction: rtl;
}
.carousel-item {
    margin-right: auto !important;
}
.ml-50{
    margin-left: 50px!important;
}
.ml-20{
    margin-left: 20px!important;
}
.header-bottom .navbar .navbar-brand img{
    margin: 0;
}
.header-bottom .navbar .navbar-nav .nav-item:last-child{
    margin-left: 23px;
}
.popular-trend .popular .slider .carousel-item .content-slide .icon, .popular-trend .trend .blogs .blog .icon, .trend-main .trend-main-col .content-slide .icon{
    right: auto;
    left: 20px;
}
.popular-trend .popular .slider .carousel-indicators{
    left: auto;
    right: 87%;
}
.popular-trend .popular .slider .carousel-item .content-slide .content-slide-text, .popular-trend .trend .blogs .blog .content-blog-text, .trend-main .trend-main-col .content-slide .content-slide-text{
    left: auto;
    right: 20px;
}
.popular-trend .trend .show-all{
    right: auto;
    left: 0;
}
.categories .swiper-next_1{
    right: auto;
    left: 45px;
}
.categories .swiper-prev_1{
    right: auto;
    left: 0;
}
.new .new-title{
    margin-right: 15px;
}
.new .new-item .item-top .icon{
    right: auto;
    left: 30px;
}
.trend-main .swiper-next, .new .swiper-next{
    right: auto;
    left: 167px;
}
.trend-main .swiper-prev, .new .swiper-prev{
    left: 0;
    right: auto;
}
.trend-main .swiper-pagination, .new .swiper-pagination{
    right: auto;
    left: 32px;
}
.download .download-content .download-img{
    margin: 0;
    margin-left: 87.5px;
}
.foot-about-links a:first-child i{
    margin: 0;
    margin-left: 11.5px;
}
.footer .footer-top .foot-contact .foot-contact-list li img{
    margin: 0;
    margin-left: 10px;
}


/* categories */
.parts .nav-tabs .nav-item:not(:last-child){
    margin: 0;
    margin-left: 20px;
}
.parts .tab-content .tab-pane .part-img{
    margin: 0;
}
.parts .tab-content .tab-pane .part-content{
    margin: 0;
    margin-right: -35px;
    border-radius: 16px 0 0 16px;
}
.parts .share-save{
    right: auto;
    left: 40px;
}
.parts .share-saved{
    right: auto;
    left: 40px;
}



/* details */
.details-news .details-left{
    margin-left: 20px;
}
.details-news .details-left .links .share-save{
    right: auto;
    left: 0;
}
.details-news .details-right{
    width: 25%;
}
.details-news .details-right img{
    max-width: 100%;
    height: 422px;
}
.download-app .download-app-content{
    padding-left: 0;
    padding-right: 120px;
}
.download-app .download-app-content img{
    margin: 0;
    margin-left: 80px;
}


/*trend */
.trend-main .trend-main-title h3{
    margin-right: 15px;
}

/* about */
.who_we .who_we_title h3{
    margin-right: 15px;
}








/* ======== Responsive ========== */
@media(max-width:1199px){
    .popular-trend .popular .slider .carousel-item .content-slide .content-slide-text, .popular-trend .trend .blogs .blog .content-blog-text, .trend-main .trend-main-col .content-slide .content-slide-text{
        width: 90%;
    }
    .popular-trend .popular .slider .carousel-indicators{
        width: 82px;
        right: auto;
        left: 10px;

    }
    .who_we .who_we_title h3::after{
        width: 746px;
    }
}
@media(max-width:991px){
    .details-news .details-left{
        width: 100%;
    }
    .details-news .details-right{
        width: 100%;
    }
    .details-news .details-right img{
        width: 46%;
    }
    .details-news .details-right img:first-child{
        margin: 0;
        margin-left: 7%;
    }
    .details-news .details-right h2{
        top: 50%;
    left: 23%;
    transform: translate(-50%);
    }
    .download-app .download-app-content{
        text-align: center;
        padding: 30px 60px;
    }
    .download-app .download-app-content img{
        margin-right: 80px;
    }
    .download .download-content{
        padding: 30px;
    }
    .download .download-content .download-img,
    .download .download-content .download-desc{
        width: 50%;
        margin: 0;
        float: left;
    }
    .who_we .who_we_title h3::after{
        width: 509px;
    }
    .parts .nav-tabs .nav-item:not(:last-child){
        margin-right: 10px;
    }
    .parts .nav-tabs .nav-item a{
        line-height: 28px;
        font-size: 18px;
        height: 43px;
    }
}
@media(max-width:767px){
    .contact{
        width: 100%;
        height: 70px;
    }
    .contact .contact-no-social,.contact .contact-w-social{
        width: 100%;
        text-align: center;
    }
    .popular-trend .trend .blogs .blog .content-blog-text{
        right: 10px;
    }
    .parts .nav-tabs{
        justify-content: center;
    }
    .parts .nav-tabs .nav-item:not(:last-child){
        margin-right: 20px;
    }
    .parts .nav-tabs .nav-item{
        margin-bottom: 20px;
    }
    .about .about-content .about-inner{
        background-size: contain;
    }
    .popular-trend .trend .blogs .blog .content-blog-text .blog-title{
        font-size: 12px;
        line-height: 16px;
        margin-left: 0px;
    }
    .popular-trend .trend .blogs .blog .content-blog-text .offer{
        margin-left: -10px;
    }
    .parts .tab-content .tab-pane .part-img{
        height: 100%;
    }
    .details-news .details-left,.details-news .details-right,.parts .tab-content .tab-pane .part-img img{
        width: 100%;
    }
    .parts .tab-content .tab-pane .part-content{
        padding: 20px;
    }
    .parts .tab-content .tab-pane .part-content .part-right .first-new{
        margin-bottom: 30px;
        font-size: 11px;
    }
    .parts .tab-content .tab-pane .part-content .part-right .part-title{
        font-size: 12px;
        width: auto;
        line-height: 21px;
        margin-bottom: 30px;
    }
    .parts .tab-content .tab-pane .part-content .part-right .part-desc{
        font-size: 12px;
        width: auto;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .parts .share-save{
        top: 10px;
        right: 10px;
    }
    .parts .share-saved{
        top: 10px;
        right: 10px;
    }
    .details-news .details-right{
        text-align: center!important;
    }
    .details-news .details-right h2{
        bottom: 23%;
        top: auto;
    }
    .download .download-content{
        height: 720px;
    }
    .download .download-content .download-img, .download .download-content .download-desc{
        float: none!important;
        margin: 0!important;
        text-align: center;
        width: 100%;
    }
    .download-app .download-app-content{
        text-align: center;
        padding-bottom: 30px;
    }
    .download-app .download-app-content img{
        margin: 0;
        margin-bottom: 20px;
    }
    .who_we .who_we_left p{
        margin-bottom: 40px;
    }
    .footer .footer-top{
        height: auto;
        padding-bottom: 0;
        text-align: center;
    }
    .footer .footer-top .foot-about-desc,.footer .footer-top .foot-contact .foot-contact-list li p{
        width: auto;
    }
    .footer .footer-top a{
        width: auto;
    }
    .footer .footer-top .foot-about,.footer .footer-top .foot-links:first-child{
        margin-bottom: 40px;
    }
    .trend-main .position::after, .new .position::after,
    .who_we .who_we_title h3::after{
        width: 58%;
    }
}
@media(max-width:575px){
    .details-news .details-left{
        margin-left: 15px;
    }
    .popular-trend .trend-title h3{
        margin-top: 40px;
    }
    .parts .tab-content .tab-pane .part-img img{
        width: 100%;
    }
    .parts .tab-content .tab-pane .part-content{
        margin-left: 0;
    }
}
@media(max-width:510px){
    .trend-main .position::after, .new .position::after,
    .who_we .who_we_title h3::after{
        width: 46%;
    }
    .download .download-content{
        height: 750px;
    }
}
@media(max-width:446px){
    .download-app .download-app-content .content .foot-about-links a{
        margin-right: 0!important;
    }
    .about .about-content .about-inner .about-title h1{
        font-size: 80px;
    }
    .parts .nav-tabs .nav-item:not(:last-child){
        margin: 0;
        margin-left: 10px;
        margin-bottom: 10px;
    }
    .parts .nav-tabs .nav-item:not(:last-child){
        margin-right: 10px;
    }
    .parts .tab-content .tab-pane .part-content{
        margin: 0;
    }
    .parts .share-save{
        right: auto;
        left: 10px;
    }
    .parts .share-saved{
        right: auto;
        left: 10px;
    }
    .new .new-title{
        margin-right: 30px;
    }
    .details-news{
        margin-right: 30px;
    }
    .details-news .details-right img{
        width: 100%;
    }
    .details-news .details-right img:first-child{
        margin-bottom: 40px;
    }
    .details-news .details-right h2{
        left: 50%;
    }
    .foot-about-links a:first-child{
        margin-bottom: 10px;
        margin-left: 0!important;
    }

}
@media(max-width:412px){
    .trend-main .position::after, .new .position::after,
    .who_we .who_we_title h3::after{
        width: 25%;
    }
    .details-news .details-left .links .detail a{
        font-size: 12px;
    }
    .download-app .download-app-content .content h3{
        font-size: 24px;
    }
    .download .download-content{
        height: 780px;
    }
    .about .about-content .about-inner .about-title h1{
        font-size: 60px;
    }
    .parts .nav-tabs .nav-item a{
        font-size: 16px;
        padding: 6px 10px;
    }
}

@media(max-width:394px){
    .details-news .details-left .links .share-save{
        top: 35px;
        right: auto;
        left: 0;
        transform: translateX(50%);
    }
}

@media(max-width:367px){
    .contact .contact-no-social span:first-child{
        margin-right: 10px!important;
    }
    .details-news .details-left .links .detail{
        text-align: center;
        margin-bottom: 60px;
    }
    .download .download-content{
        height: 840px;
    }
    .download .download-content .download-desc .download-text h3{
        font-size: 24px;
    }
    .details-news .details-left{
        margin-right: 0;
    }

}

.carousel-item {
    margin-right: auto !important;
}