body{
    font-family: 'Noto Sans Arabic', sans-serif !important;
}
.ar-mydir-rtl{direction: rtl;}
.ar-mydir-ltr{direction: ltr;}

.ar-mytext-right{text-align: right;}
.ar-mytext-left{text-align: left !important;}

.ar-float-left{float: left !important;}
.ar-float-right{float: right !important;}
.ar-right-0{right: 0;}
.noletter-space{
    letter-spacing: normal;
}
.back-flip{
    -webkit-transform:scaleX(-1);
    -moz-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
}

.anti-flip {
    -webkit-transform:scaleX(-1);
    -moz-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
}
.back-btn{
    -webkit-transform: scaleX(-1) !important;
    transform: scaleX(-1) !important;
}
/* .header-div{
    background-image: url(/storage/imgs/lpageAr.png);



} */
/*********************font weights**********************/

.font-400-ar{
    font-weight: 400;
}

.font-700-ar{
    font-weight: 700;
}

.about-2nd{
    background-image: url(/storage/imgs/about/ab2f.svg);
    background-size: cover;
    background-position: right;
}
.scroll-btn{
    right: 0% !important;
    left:5% !important;
}
/******************floats*******************/
@media(min-width:992px){
    .my-float-lg-right-ar{
    float: right;
    }
    .my-float-lg-left-ar{
        float: left;
        }

        .myorder1{
            order: 1;
        }

        .myorder2{
            order: 2;
        }

    }


    @media(max-width:991px){
        .my-float-md-right-ar{
        float: right;
        }
        .my-float-md-left-ar{
            float: left;
            }


    }


    @media(max-width:768px){
        .my-float-sm-right-ar{
        float: right;
        }

        .my-float-sm-left-ar{
            float: left;
            }
            .mob-anti-flip{
                -webkit-transform: scaleX(1) !important;
                transform: scaleX(1) !important;
            }

    }

    *{
        letter-spacing: normal !important;

    }
.font-ar-16{
    font-size: 16px !important;
}


.sq
{
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.fq
{
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.btn-arrow img{
    transform: rotate(0deg);
}
.my-btn:hover .btn-arrow{


        transform: rotate(-45deg);

}



.arrow-file{

    left: 2% !important;
    right: unset;
}