.header-style-1 .header-left-gray-block .logo-header {
    position: relative;
    z-index: 0;
    width: 180px;
    float: right;
    margin-right: 0;
    padding-right: 0;
    margin-left: 30px;
    padding-left: 10px;
}
.extra-nav {
    float: left;
}
.large-title-info p {
    text-align: justify;
}
.header-style-1 .header-left-gray-block .logo-header:after {
    content: '';
    right: auto;
    left: -10px;
    top: -11px;
    position: absolute;
    width: 3000px;
    background-color: #eef1f2;
    z-index: -1;
    bottom: -11px;
}
.header-style-1 .top-bar {
    border-bottom: 1px solid #eee;
    direction: ltr;
}
.bg-sub-blue{
    background: #2f2494;
    color: #fff
    }
.get-in-touch-btn {
    position: relative;
    font-size: 13px;
    color: #fff;
    letter-spacing: 0;
    text-transform: uppercase;
    transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
    cursor: pointer;
    user-select: none;
    display: inline-block;
    font-weight: 600;
    border: 1px solid #eef1f2;
    background: #2f2494;
}
.e-p-bx li {
    display: inline;
    font-size: 12px;
    font-weight: 600;
    position: relative;
    /* font-family: fantasy; */
    letter-spacing: 3px;
}
.btn-half.site-button span {
    color: #fff;
    letter-spacing: 0 !important;
    font-size: 15px !important;
    padding: 5px 18px !important;
}
h3.title-about {
    font-size: 27px;
    line-height: 45px;
}
.site-button, .site-button-secondry {
    position: relative;
    padding: 15px 15px;
    letter-spacing: 0;
    font-weight: 400;
    display: inline-block;
    font-size: 14px;
    outline: none;
    cursor: pointer;
    outline: none;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    line-height: 1.42857;
    margin-left: -1px;
    text-decoration: none !important;
}
.about p {
    font-size: 15px;
    direction: rtl;
    text-align: justify;
    line-height: 32px;
}

.large-title h3 {
    font-size: 35px;
    line-height: 50px;
}
.list-circle li:before, .list-angle-right li:before, .list-arrow li:before, .list-check li:before, .list-checked li:before, .list-check-circle li:before, .list-chevron-circle li:before, .list-arrow-circle li:before, .list-times-circle li:before {
    font-family: "FontAwesome";
    position: absolute;
    left: auto;
    right: 0;
    top: 3px;
    display: block;
    font-size: 15px;
    color: #000;
}
.list-circle li, .list-angle-right li, .list-arrow li, .list-check li, .list-checked li, .list-check-circle li, .list-chevron-circle li, .list-arrow-circle li, .list-times-circle li {
    padding: 5px 20px 5px 0px;
    position: relative;
}
.list-angle-right li:before {
    content: "\f104";
}

.sx-separator-outer.separator-right .sep-line-one:before{width: 20px;	left: auto; right: 20px;	top: 50%; margin-top:-2px;}
.opacity-05 {
    opacity: .7;
}

.icon-content .list-angle-right li{
    text-align: right
}
.figcaption a {
    font-size: 14px;
}

.filter-pos-right .btn-filter-wrap li:after {
    content: "/";
    position: absolute;
    left: auto;
    right: -2px;
    top: 2px;
    font-size: 10px;
    opacity: 1;
    color: #000;
}

.filter-pos-right .btn-filter-wrap li:last-child {
    padding-right: 10px;
    padding-left: 0;
}
.sx-separator-outer.separator-right .sep-line-one{
    padding: 20px 60px 20px 20px !important;
    background:rgb(76 157 207 / 33%);
}
.site-footer p{
    line-height: 30px;
}
.footer-dark .footer-top .widget-title {
    color: #71c9ff;
}
.footer-bottom a {
    color: #71c9ff;
}

.site-footer i.fa.fa-phone {
    float: right;
    margin-left: 12px;
}

.widget.widget_services li:before {
    content: "\f100";
    margin-left: 7px;
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}
.site-footer .widget_services ul li {
    margin-bottom: 13px;
    border-bottom: 1px dashed rgba(74, 74, 74, 0.5);
    position: relative;
    padding: 13px 10px 12px 0px;
    margin-bottom: 0;
    line-height: 20px;
    display: flex;
    font-size: 14px;
    background: none;
}

.sx-breadcrumb li {
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    color: #fff;
    position: relative;
    display: inline-block;
    font-size: 12px;
}

.breadcrumb-style-2 li:after {
    display: none
}
.breadcrumb-style-2 li:before {
    content: "\f100";
    margin-left: 10px;
    margin-right: 7px;
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}

.sx-breadcrumb li a{
    color: #82cbfd
}
.sx-bnr-inr-entry {
    display: table-cell;
    vertical-align: bottom;
    text-align: right;
    position: relative;
    z-index: 1;
    vertical-align: bottom;
    width: 100%;
    padding-bottom: 30px;
}

.contact-form {
    padding-right: 40px;
    padding-left: 100px;
}
.contact-info {
    margin-left: 0;
    margin-top: 150px;
    margin-right: -100px;
}

.contact-one .sx-separator-outer.separator-right .sep-line-one{
    font-size: 25px !important
}
.contact-info .sx-separator-outer.separator-right .sep-line-one{
    font-size: 25px !important
}
.nav-dark.header-nav .nav>li .sub-menu, .nav-dark.header-nav .nav>li .mega-menu {
    background-color: #23252d;
    border: 1px solid rgba(0, 0, 0, 0.2);
    text-align: right;
}
.nav-dark.header-nav .nav>li .sub-menu li:hover>a {
    color: #ffffff;
    background-color: #2f2494;
}
.logo-footer {
    display: table;
    width: 250px;
    height: 70px;
    vertical-align: middle;
    padding: 0px 0px 15px 0px;
    font-size: 36px;
    color: #1bbce8;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    z-index: 9;
}

.project-detail-outer {
    margin-top: 60px;
}

.sx-bnr-inr {
    height: 200px;   
}

.e-p-bx li:first-child:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 10px;
    background-color: #fff;
    height: 1px;
    width: 26px;
}

hr{
    border-top: 3px solid rgb(255 255 255 / 20%);
}
.footer-dark .footer-top p, .footer-dark .footer-top strong, .footer-dark .footer-top b, .footer-dark .footer-top {
    text-align: justify;
    font-size: 15px;
    color: #e2e2e2;
}
.sx-breadcrumb {
    margin: 0;
    list-style: none;
    direction: rtl;
}

@media only screen and (max-width: 767px){
    .header-style-1 .header-left-gray-block .logo-header {
    position: relative;
    z-index: 0;
    width: 180px;
    float: right;
    margin-right: 0;
    padding-right: 0;
    margin-left: 0;
    padding-left: 45px;
}
    .header-style-1.mobile-sider-drawer-menu.active .header-nav {
    left: auto;
    right: 0%;
}
    .sticky_column {
    border-top: 3px solid #59a0d0;
}
    .fa-angle-right:before {
    content: "\f104";
}
    .has-child .submenu-toogle {
    position: absolute;
    right: auto;
    left: 4px;
    top: 4px;
    color: #000;
    background-color: transparent;
    z-index: 900;
    cursor: pointer;
    padding: 10px;
    font-size: 18px;
   
}
    .header-style-1 .header-nav .nav > li > a {
    height: 50px;
    text-align: right;
}
    .filter-pos-right{
        text-align: right !important;
    }
    button#mobile-side-drawer {
    float: left;
}
 
    .sx-separator-outer.separator-right{
        text-align: right;
    }
    h3.title-about {
        font-size: 18px;
        line-height: 35px;
    }
    .about p {
        font-size: 13px;
        direction: rtl;
        text-align: justify;
        line-height: 27px;
    }
    .large-title h3 {
    font-size: 30px;
    line-height: 50px;
}
    
    
}