﻿



@font-face {
    font-family: "Cairo Light";
    src: url("../../fonts/Cairo/Cairo-Light.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Cairo Regular";
    src: url("../../fonts/Cairo/Cairo-Regular.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Cairo Medium";
    src: url("../../fonts/Cairo/Cairo-Medium.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Cairo Bold";
    src: url("../../fonts/Cairo/Cairo-Bold.ttf") format("truetype");
    font-display: swap;
}

/* Project Fonts */
/** Font Size **/
body,
html {
    font-size: 1rem;
    overflow-x: hidden;
    margin: 0;
    font-family: 'Noto Sans Arabic';
    padding: 0;
    /* Prevent horizontal scroll */
    width: 100%;
    /* Ensure the width fits the viewport */
}


html,
body {
direction: rtl !important;
text-align: right;
margin-top: 40px;
}
/*.hero {
    padding: 0 5rem 0 0;
}*/
.contact-header {
    background-position: right !important;
}
/*a img {
    transform: rotate(270deg);
}*/

/*.social-icons a img {
    transform: rotate(0);
}
*/

#goTop {
    right: auto;
    left: -104px;
    flex-direction: row;
    transition: left 0.4s ease;
}


.section-content .card-shawts {
    padding-left: unset !important;
    padding-right: 2.3125rem !important;
}

    .section-content .card-shawts:nth-child(3), .section-content .card-shawts:nth-child(4) {
 
        padding-left: 2.3125rem !important;
    }
    #goTop:hover {
        right: unset;
        left: 0;
    }
    #goTop .icon {
        margin-left: 15px;
        margin-right: 0;
    }

.goToAr {
    right: auto;
    left: -104px; 
}

footer .social-icons a:first-of-type {

    margin-left: 10px !important;
}


.shawts #createShawts .cards .shawt-card .texts p {
    text-align: start;
}

#directMessage .cards .shawt-card .card-img {
    left: 0;
    right: auto !important;
}


.simplify-content .work-flow .w-50 {
    width: 90% !important;
}

.simplify-setting .simplify-content .work-flow img {
    max-width: 600px;
}

.one-app-container .btn-secondary-outline img {
    transform: rotate(270deg);
}

.dropdown-item {
    text-align: right
}

.blog-card .blog-texts .read-more img {
    transform: rotate(270deg);
}

/*.hero-container-bg {
    margin-right: 0;
}*/


.img-chat-container {

    margin: 1rem 0 1rem 5rem !important;
}

    @media(max-width: 991px) {
        .hero {
            padding: 0 2rem !important;
        }

        .col-md-12.service svg {
            margin: 1rem 0rem 1rem 5rem !important;
            width: auto !important;
        }

        .simplify-setting .simplify-content .work-flow img {
            max-width: 100%;
            ;
        }
    }


main.blogs #banner-sec .banner .banner-texts {
    left: unset;
    right: 0;
}