@font-face {
  font-family: 'MyArabicFont';
  src: url('../font/alfont_com_SomarGX.ttf') format('woff2'),
       url('../font/alfont_com_SomarGX.ttf') format('ttf');
}
@font-face {
  font-family: 'MylogoFont';
  src: url('../font/DINNEXTLTARABIC-BOLD-4.TTF') format('woff2'),
       url('../font/DINNEXTLTARABIC-BOLD-4.TTF') format('ttf');
}
@font-face {
  font-family: 'MylogoFont2';
  src: url('../font/DINNEXTLTARABIC-REGULAR-3.TTF') format('woff2'),
       url('../font/DINNEXTLTARABIC-REGULAR-3.TTF') format('ttf');
}
body ,a,h1, h2, h3, h4, h5, h6{
  font-family: 'MyArabicFont', sans-serif !important;
}
a{
    font-size: 25px;
}
p ,span{
    font-size: 25px;
}
.about-area .info ul li h4 {
    font-weight: 600;
    font-size: 26px;
}
.works-about-items .info h2 {
    font-weight: 600;
    margin-bottom: 25px;
    font-size: 41px;
}
.works-about-items ul li h5 {
    font-weight: 600;
    font-size: 22px;
}
.works-about-items ul li::after{
    top: 3px;
}
.btn-sm {
    padding: 10px 35px;
    font-size: 20px;
}
li {
    font-size: 21px;
}
.team-area .team-items .info span{
    font-size: 20px;
}
.faq-area .faq-content .card .card-header h4{
    font-size: 24px;
}
.faq-area .faq-content .card .card-body p {
    margin-bottom: 0;
    text-align: right;
    font-size: 20px;
}
.faq-area .info > h5{
    font-size: 35px;
}
.banner-area .content .bottom .call-us{
    direction: ltr;
    margin-right: 24px;
}
nav.navbar.bootsnav ul.nav > li > a{
    font-size: 24px;
}
.contact-tabs .tab-content ul li .info{
    padding-right: 10px;
}
@media (min-width: 992px) {
    .offset-lg-2 {
        margin-right: 16.666667%;
    }
}
.info {
    text-align: right;
    padding-right: 20px;
}
.about-area.inc-shape::after{
    left: 0;
    right: -100px;
}
.works-about-items ul li h5{
    padding-right: 23px;
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
    direction: ltr;
}
.fun-factor-area .fun-fact .icon i{
    margin-left: 20px;
    margin-right: 0px;
}
.accordion .card-header h4:after{
    left: 0px;
}
h4.widget-title {
    text-align: right;
}
.banner-area .content h2{
    text-align: right;
}
.banner-area .item p{
    text-align: right;
    }
    .attr-nav {
    float: left;
}
.navbar-header {
    float: right;
    
}
@media (min-width: 768px) {
    .navbar-nav > li {
        float: RIGHT;
    }
}

.navbar-brand h1 {
    text-align: right;
    font-size: 28px;
    line-height: 0.9;
    font-family: MylogoFont2 !important;
    top: 7px;
}
nav.navbar.bootsnav .navbar-brand {
    padding: 20px 15px;
}
.banner-area.shape::after {
    position: absolute;
    left: -20%;
    right: auto;

    top: -20%;
    content: "";
    height: 700px;
    width: 700px;
    background: #f3f7fd;
    z-index: -1;
    border-radius: 30px;
    transform: rotate(45deg);
}
.banner-area .content .bottom .call-us h5{
    font-size: 25px;
}
.banner-area .content a {
    font-size: 25px;
}
.dropdown-toggle::after {
    font-size: 13px;
}
.default-padding-bottom {
    padding-bottom: 0px;
}
@media (max-width: 576px) {
nav.navbar.bootsnav .navbar-brand {
    padding: 10px;
}
.banner-area .content h2 {
    text-align: center;
}
.info {
    text-align: center;
    padding-right: 0px;
}
.fun-factor-area .fun-fact .icon i {
    margin-left: 0px;
    margin-right: 0px;
}
.contact-tabs .tab-content ul li .info {
    padding-right: 10px;
    text-align: right;
}
}
.services-area .services-items .item a i {
    position: relative;
    top: 1px;
    right: 0;
    left: auto;
}
.services-area .services-items .item .info {
    text-align: center;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
    text-align: right;
}
.rtl .wpml-ls-menu-item .wpml-ls-flag+span {
    margin-left: .3em;
    margin-right: .3em;
}
ul#menu-company {
    text-align: right;
}
footer .f-item.link li a {
    color: #666666;
    font-weight: normal;
    font-size: 25px;
}
.wpml-ls-slot-22 {
    text-align: right !important;
}
ul#menu-company {
    text-align: right;
}
footer.bg-dark .f-item.link li a {
    color: #c2d1e2;
    font-size: 22px;
}.site-heading h4 {
    font-size: 33px;
}
.works-about-items .info > h5 {
    font-size: 33px;
}
.services-area .services-items .item h4 a {
    font-size: 26px;
}
.works-about-items::before {
    left: 20%;
    right: auto;

}
.info a {
    font-size: 22px;
}
footer.bg-dark p {
    text-align: right;
}
footer.bg-dark .f-item.about {
    text-align: right;
}
.faq-area .info a.btn {
    padding: 10px 35px;
    font-size: 20px;
}
@media (max-width: 567px) {
.works-about-items .info > h5 {
    font-size: 35px;
}
.works-about-items ul li::after {
    right: -106px;
    left: auto;
}
}