/*.rtl {*/
/*    direction: rtl;*/
/*}*/
/*!*** Section Title ***!*/
/*.section-title::before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    width: 150px;*/
/*    height: 5px;*/
/*    left: 55%;*/
/*    bottom: 0;*/
/*    background: var(--primary);*/
/*    border-radius: 2px;*/
/*}*/

/*.section-title.section-title-sm::before {*/
/*    width: 90px;*/
/*    height: 3px;*/
/*    left: 65%;*/
/*}*/
/*.section-title.section-title-sm-2::before {*/
/*    width: 90px;*/
/*    height: 3px;*/
/*    left: 250px;*/
/*}*/
/*@-webkit-keyframes section-title-run {*/
/*    0% {left: 55%; } 50% { left : 93%; } 100% { left: 55%; }*/
/*}*/

/*@-webkit-keyframes section-title-run-sm {*/
/*    0% {left: 67%; } 50% { left : 87%; } 100% { left: 67%; }*/
/*}*/

/*@-webkit-keyframes section-title-run-sm-2 {*/
/*    0% {left: 250px; } 50% { left : 335px; } 100% { left: 250px; }*/
/*}*/

.bg-primary-rtl {
    margin-left: 15px;
}
.bi-rtl {
    margin-left: 10px;
}
.fa-rtl {
    margin-left: 10px;
    margin-right: 10px;
}
.ma-rtl{
    margin-right: 10px;
}
/*h6,*/
/*.fw-medium {*/
/*    font-weight: 600 !important;*/
/*    font-size: 24px;*/
/*}*/

/*h5 {*/
/*    font-size: 26px;*/
/*}*/


/* تحديد اتجاه النص ليكون من اليمين إلى اليسار */
body {
    direction: rtl;
    text-align: right;
}

/* عكس اتجاه العناصر التي تحتوي على نصوص */
.container, .navbar, .topbar, .top-info, .top-link {
    direction: rtl;
}

/* تخصيص بعض العناصر لتكون متوافقة مع الاتجاه الجديد */
.navbar-brand img {
    float: right;
}

.top-info small {
    float: right;
}
.ltr {
    direction: ltr;
}

.top-link a {
    margin-left: 5px;
    margin-right: 0;
}

/*!* تخصيص الأيقونات لتكون متوافقة مع الاتجاه الجديد *!*/
/*.top-link a i, .top-link a img {*/
/*    margin-left: 0;*/
/*    margin-right: 5px;*/
/*}*/
.about-img{
    right: 25%;
}

.button-show-services {
    background: var(--bs-secondary);
    margin : 20px auto;
    margin-top : 40px;
    padding-right: 0px;
    padding-left: 0px;
    width : 250px;
    height : 50px;
    overflow: hidden;
    text-align : center;
    transition : .2s;
    cursor : pointer;
    border-radius: 10px;
    box-shadow: 0px 1px 2px rgba(0,0,0,.2);
}
.btnText-show-services {
    margin-top: 6px;
    margin-right : 0px;
    height: 18px;
}
.btnTwo-show-services {
    position : relative;
    width : 200px;
    height : 102px;
    margin-top: -100px;
    padding-top: 2px;
    background : #47da9d;
    left : 250px;
    transition : .3s;
}
.btnText-show-services {
    color : white;
    transition : .3s;
}
.btnText2-show-services {
    margin-top : 63px;
    margin-right : 120px;
    color : #FFF;
}
.button-show-services:hover .btnTwo-show-services{ /*When hovering over .button change .btnTwo*/
    left: 122px;
}
.button-show-services:hover .btnText-show-services{ /*When hovering over .button change .btnText*/
    margin-left : -82px;
}
.button-show-services:active { /*Clicked and held*/
    box-shadow: 0px 5px 6px rgba(0,0,0,0.3);
}