@font-face {
    font-family: 'Tajawal';
    src: url(/themes/wits-basic/fonts/Tajawal-Black.eot);
    src: url(/themes/wits-basic/fonts/Tajawal-Black.eot?#iefix) format('embedded-opentype'),
        url(/themes/wits-basic/fonts/Tajawal-Black.woff2) format('woff2'),
        url(/themes/wits-basic/fonts/Tajawal-Black.woff) format('woff'),
        url(/themes/wits-basic/fonts/Tajawal-Black.ttf) format('truetype'),
        url(/themes/wits-basic/fonts/Tajawal-Black.svg#Tajawal-Black) format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal';
    src: url(/themes/wits-basic/fonts/Tajawal-Bold.eot);
    src: url(/themes/wits-basic/fonts/Tajawal-Bold.eot?#iefix) format('embedded-opentype'),
        url(/themes/wits-basic/fonts/Tajawal-Bold.woff2) format('woff2'),
        url(/themes/wits-basic/fonts/Tajawal-Bold.woff) format('woff'),
        url(/themes/wits-basic/fonts/Tajawal-Bold.ttf) format('truetype'),
        url(/themes/wits-basic/fonts/Tajawal-Bold.svg#Tajawal-Bold) format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal';
    src: url(/themes/wits-basic/fonts/Tajawal-ExtraBold.eot);
    src: url(/themes/wits-basic/fonts/Tajawal-ExtraBold.eot?#iefix) format('embedded-opentype'),
        url(/themes/wits-basic/fonts/Tajawal-ExtraBold.woff2) format('woff2'),
        url(/themes/wits-basic/fonts/Tajawal-ExtraBold.woff) format('woff'),
        url(/themes/wits-basic/fonts/Tajawal-ExtraBold.ttf) format('truetype'),
        url(/themes/wits-basic/fonts/Tajawal-ExtraBold.svg#Tajawal-ExtraBold) format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal';
    src: url(/themes/wits-basic/fonts/Tajawal-ExtraLight.eot);
    src: url(/themes/wits-basic/fonts/Tajawal-ExtraLight.eot?#iefix) format('embedded-opentype'),
        url(/themes/wits-basic/fonts/Tajawal-ExtraLight.woff2) format('woff2'),
        url(/themes/wits-basic/fonts/Tajawal-ExtraLight.woff) format('woff'),
        url(/themes/wits-basic/fonts/Tajawal-ExtraLight.ttf) format('truetype'),
        url(/themes/wits-basic/fonts/Tajawal-ExtraLight.svg#Tajawal-ExtraLight) format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal';
    src: url(/themes/wits-basic/fonts/Tajawal-Light.eot);
    src: url(/themes/wits-basic/fonts/Tajawal-Light.eot?#iefix) format('embedded-opentype'),
        url(/themes/wits-basic/fonts/Tajawal-Light.woff2) format('woff2'),
        url(/themes/wits-basic/fonts/Tajawal-Light.woff) format('woff'),
        url(/themes/wits-basic/fonts/Tajawal-Light.ttf) format('truetype'),
        url(/themes/wits-basic/fonts/Tajawal-Light.svg#Tajawal-Light) format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal';
    src: url(/themes/wits-basic/fonts/Tajawal-Medium.eot);
    src: url(/themes/wits-basic/fonts/Tajawal-Medium.eot?#iefix) format('embedded-opentype'),
        url(/themes/wits-basic/fonts/Tajawal-Medium.woff2) format('woff2'),
        url(/themes/wits-basic/fonts/Tajawal-Medium.woff) format('woff'),
        url(/themes/wits-basic/fonts/Tajawal-Medium.ttf) format('truetype'),
        url(/themes/wits-basic/fonts/Tajawal-Medium.svg#Tajawal-Medium) format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal';
    src: url(/themes/wits-basic/fonts/Tajawal-Regular.eot);
    src: url(/themes/wits-basic/fonts/Tajawal-Regular.eot?#iefix) format('embedded-opentype'),
        url(/themes/wits-basic/fonts/Tajawal-Regular.woff2) format('woff2'),
        url(/themes/wits-basic/fonts/Tajawal-Regular.woff) format('woff'),
        url(/themes/wits-basic/fonts/Tajawal-Regular.ttf) format('truetype'),
        url(/themes/wits-basic/fonts/Tajawal-Regular.svg#Tajawal-Regular) format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


html,
body {
    position: relative;
    overflow-x: hidden;
    font-family: 'Tajawal'
}

.dir {
    direction: rtl;
    text-align: right;
}

.alignR {
    text-align: left;
}

.alignL {
    text-align: right;
}

.floatL {
    float: right;
}

.floatR {
    float: left;
}

.MenuItem {
    padding-right: 30px;
}

.MenuItem,
.MenuItemM,
.closemenu,
.footerItem,
.expectname,
.footerItem a,
.footermobile,
.footeremail,
.contactTitle,
.alittle,
.aboutus,
.responsibility,
.aboutdesc,
.aboutdesc em,
.srvctab,
.srvctab a,
.srctit,
.srvdesc,
.srvbtn,
.catbtn,
.categorytit,
.categorydesc,
.catname,
.catsubname,
.storydesc,
.foundername {
    font-family: "Tajawal";
}

.aboutdesc strong {
    color: #000000;
}

.footermobile,
.footeremail {
    background-position: right;
    padding-right: 30px;
}

.contactinfo {
    background-position: right;
    padding-right: 60px;
}

.u-ml-auto {
    margin-right: auto;
}

.srvctab {
    margin-left: 5px;
}

.sr-img1 {
    margin-right: auto;
}

.catname {
    font-style: normal;
    font-weight: 700;

}

.catsubname {
    font-style: normal;
    font-weight: 400;
}

.srctit {
    line-height: 48px;
}


.bannertitle {
    font-family: "Tajawal";
    font-size: 28px;
}

.bannerdesc {
    font-family: "Tajawal";
    font-weight: 700;
}

.sr-arrowtop {
    position: absolute;
    top: -12px;
    right: 10%;
}

.sec1-right {
    position: relative;
    width: 100%;
    max-width: 490px;
    margin-right: auto;
}

.sec1-righttxt {
    position: relative;
    width: 100%;
    max-width: 385px;
    margin-right: auto;
    text-align: right;
}

.sec1-righttxt .title {
    font-family: "Tajawal";
    font-style: normal;
    font-weight: 700;
}

.hp_services .description {
    font-family: "Tajawal";
}

.hp_services .title {
    font-family: "Tajawal";
}

.pl5 {
    /*padding-right: 50px;*/
     /*padding-right: 30px;*/
         padding-right: 0px;
  max-width: 1463px;
  margin-right: auto;
}

.abcircle,
.circle {
    width: 155px;
    /* 14%; */
}

.abcircle img,
.circle img {
    width: 100%;
}

.abcircle1 {
    position: absolute;
    top: -33%;
    right: 39%;
}

.abcircle2 {
    position: absolute;
    top: -26%;
    right: 6%;
}

.abcircle3 {
    position: absolute;
    top: -5%;
    right: -21%;
}

.abcircle4 {
    position: absolute;
    top: 28%;
    right: -33%;
}

.abcircle5 {
    position: absolute;
    bottom: 10%;
    right: -28%;
}

.abcircle6 {
    position: absolute;
    bottom: -18%;
    right: -9%;
}

.abcircle7 {
    position: absolute;
    bottom: -32%;
    left: 49%;
}

.abcircle8 {
    position: absolute;
    bottom: -30%;
    left: 15%;
}



.circle1 {
    position: absolute;
    top: 25%;
    right: -33%;
}

.circle2 {
    position: absolute;
    top: -6%;
    right: -21%;
}

.circle3 {
    position: absolute;
    top: -27%;
    right: 7%;
}

.circle4 {
    position: absolute;
    bottom: -31%;
    right: 58%;
}

.circle5 {
    position: absolute;
    bottom: -13%;
    left: -15%;
}


.abouttxt {
    font-family: "Tajawal";
    font-style: normal;
    font-weight: 700;
    font-size: 27px;
    line-height: 74px;
    text-transform: uppercase;
    color: #000000;
}


.founders {
    font-family: "Tajawal";
    font-size: 55px;
    font-weight: 700;
    line-height: 60px;
    color: #000000;
}

.aboutimgR {
    text-align: center;
}

@media (min-width: 768px) {
    .aboutimgR {
        text-align: left;
    }
}

@media screen and (max-width: 991px) {
    .abcircle {
        width: 86.4px;
    }

    .abcircle1 {
        position: absolute;
        top: -55%;
        left: 1%;
        right: unset;
        width: 131.2px !important;
    }

    .abcircle2 {
        position: absolute;
        top: -11%;
        left: 2%;
    }

    .abcircle3 {
        position: absolute;
        top: -20%;
        left: 37%;
    }

    .abcircle4 {
        position: absolute;
        top: -11%;
        right: 2%;
    }

    .abcircle5 {
        position: absolute;
        bottom: -11%;
        left: 2%;
    }

    .abcircle6 {
        position: absolute;
        bottom: -20%;
        left: 37%;
    }

    .abcircle7 {
        position: absolute;
        bottom: -55%;
        right: 1%;
        left: unset;
        width: 131.2px !important;
    }

    .abcircle8 {
        position: absolute;
        bottom: -11%;
        right: 2%;
        left: unset;
    }

    .circle {
        width: 90px;
    }

    .circle1 {
        position: absolute;
        top: -15%;
        right: 1%;
    }

    .circle2 {
        position: absolute;
        top: -15%;
        left: 1%;
        right: unset;
    }

    .circle3 {
        position: absolute;
        top: -22%;
        right: 35%;
    }

    .circle4 {
        position: absolute;
        bottom: -23%;
        /*! right: 2%; */
        right: 34%;
    }

    .circle5 {
        position: absolute;
        bottom: -16%;
        left: 1%;
    }
}

@media screen and (max-width: 768px) {
    .pl5 {
        padding-right: 20px;
    }

    .sr-img2-bottom,
    .sr-img2-center {
        right: 20px;
    }


    .bannertitle {
        font-size: 24px;
    }

    .abouttxt {
        font-size: 20px;
        line-height: 64px;
    }

    .founders {
        font-size: 45px;
        line-height: 50px;
    }
}