@font-face {
    font-family: "droid-kufi";
    src: url("../fonts/droid-kufi.ttf");
}
:root{
    --accent-color: #792762;
    --accent-color2: #00aec5;
    --arFont: "droid-kufi", sans-serif;
}
.ar-font{font-family: var(--arFont);}
.logo img {height: 72px;}
.email-at-icon{
    width: 13px;
    filter: invert(1);
}
.header-top-area a {display: inline-block;}
.header-top-area a:hover{
    color: #fff !important;
    opacity: .8;
}
.bt_sticky.fixed .logo img{height: 55px;}
.bt_sticky.fixed .show-searchbox a {
    margin: 10px 0px 30px;
}
.bt_sticky.fixed .user-area  {
    padding-top: 18px;
}
.bt_sticky.fixed  .main-menu>ul>li>a {padding: 30px 0 !important;}
.bt_sticky.fixed .header-searchbox-style-two .show-searchbox {margin-top: 15px;}
a.login-btn {
    border: 2px solid rgb(255 255 255 / 20%);
    padding: 1px 15px;
}
a.login-btn:hover {
    background-color: #fff;
    color: var(--accent-color) !important;
    opacity: 1 !important;
}
.user-area {
    margin: 0 0 30px;
    padding-top: 32px;
}
.user-area a {color: var(--accent-color);}
.case-study-item .case-study-thumb .case-study-details,
.case-study-item .case-study-thumb:after {opacity: 1;}
.case-study-item .side-line:before {
    width: 65px;
    left: -30px;
}
.case-study-item .case-study-thumb .case-study-details {
    opacity: 1;
    bottom: 10px;
    left: 30px;
}
.bg-grey{
    background-color: #e3ebf6;
}
.articles-carousel:hover .owl-nav button.owl-prev, .articles-carousel:hover .owl-nav button.owl-next {
    color: #fff !important;
}
.fs-at{font-size: 13px;}
.footer-bottom-area a {color: #a7a8b4;}
.footer-bottom-area a:hover {color: var(--accent-color);}
@media(max-width:991px){
    .header-top-area .header-top-right-part .social-links::after{content: none !important;}
    .header-top-left-part{margin-bottom: 10px;}
    .page-title-content .title {margin-bottom: 20px !important;}
    .header-style-two .header-wrapper .header-navigation-area .main-menu ul li {margin-right: 30px;}
}
@media(max-width: 767px){
    a.login-btn {
        font-size: 12px;
        padding: 1px 10px;
    }
    .header-top-area .header-top-right-part .social-links li {margin-right: 8px;}
    .header-top-area .header-top-right-part .language{margin-left: 0;}
    .header-top-area i {font-size: 12;}
    .home-carousel .content-box h1 {
        font-size: 2rem;
    }
    .search-mobile i{display: block !important;}
    .home-carousel .content-box{
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
    }
    .owl-carousel .owl-nav button{
        visibility: visible !important;
        opacity: 1 !important;
        top: 100% !important;
    }
    .owl-carousel .owl-nav .owl-prev{left: 0 !important;}
    .owl-carousel .owl-nav .owl-next{right: 0 !important;}
    .home-carousel .owl-nav button{top: 50% !important;}
    .mobile-size{font-size: 2.3rem !important;}
    .mobile-lh{line-height: 1.2 !important;}
    .long-gap-left{
        margin-left: 0 !important;
        overflow: unset !important;
    }
    .case-study-section .owl-carousel .owl-nav button {top: 120% !important;}
    .request-a-call-back .owl-carousel .owl-nav button {top: 110% !important;}
    .header-top-area .header-top-right-part .social-links::after{content: none;}
}
.mean-container .mean-nav { background: #72235b none repeat scroll 0 0;}
.header-searchbox-style-two .toggle-searchbox.active {
    opacity: 1;
    visibility: visible;
}
.search-mobile{
    right: 55px !important;
}

.toggle-searchbox.active{
    top: -140px !important;
    z-index: 9999999999999 !important;
}

@media (max-width: 425px){
    .home-carousel .content-box h1 {
        font-size: 48px;
        line-height: 35px;
        font-size: 1.5rem !important;
    }
    .home-carousel .content-box p {
        position: relative;
        display: block;
        color: #fff;
        margin-bottom: 40px;
        font-size: 15px;
    }
    .cs-btn-one {
        font-size: 12px;
        padding: 10px 15px !important;
    }
}
.call-us-now a:hover {
    position: relative;
    z-index: 1;
}
.call-us-now a:hover {
    color: #fff;
    opacity: .8;
}
[data-overlay-dark]:before {
    background: #48173b;
}
.about-accordion .accordion .accordion-item .accordion-header.active .title {
    background: var(--accent-color);
}
.about-accordion .accordion .accordion-item .accordion-header span{
    background: var(--accent-color);
}
#scrollUp {
    -webkit-box-shadow: 0 10px 33px rgb(121 39 98 / 10%);
    -khtml-box-shadow: 0 10px 33px rgb(121 39 98 / 10%);
    -moz-box-shadow: 0 10px 33px rgb(121 39 98 / 10%);
    -ms-box-shadow: 0 10px 33px rgb(121 39 98 / 10%);
    -o-box-shadow: 0 10px 33px rgb(121 39 98 / 10%);
    box-shadow: 0 10px 33px rgb(121 39 98 / 10%);
}
.breadcrumb {background-color: transparent;}
.breadcrumb-item a{color: #fff;}
.breadcrumb-item a:hover{opacity: .8;}
.breadcrumb-item+.breadcrumb-item::before {color: #fff;}
.page-title-content {height: unset; }
.page-title-section{padding: 40px 0;}
.page-title-content .title {
    text-align: left;
    font-size: 30px;
}
ol.breadcrumb{
    margin: 0;
    padding: 0;
}
.service-content p {color: #000;}
.service-box:hover p{color: #fff !important;}
.service-details-page .service-link-list li a,
.service-details-page .service-link-list li.active a {
    background: var(--accent-color);
    color: #fff;
}
.service-details-page .service-link-list li a:after,
.service-details-page .service-link-list li.active a:after {background: var(--accent-color);}
.service-details-page .sidebar-widget {background: var(--accent-color);}
.brochure-download p, .brochure-download .widget-title{
    color: #fff;
}
.brochure-download a{
    color: #fff;
    border: 1px solid #fff;
    transition: .4s
}
.brochure-download a:hover{
    background-color: #fff;
    color: var(--accent-color);
}
.sidebar-widget .list-items a{
    color: #fff;
    transition: .4s;
}
.sidebar-widget .list-items a:hover{opacity: .8;}
.service-details-page .accordion .accordion-item .accordion-header.active .title,
.service-details-page .accordion .accordion-item .accordion-header span {background: var(--accent-color);}
.listing-page .sidebar-widget{ 
    background: #edf0fa;
}
.listing-page .single-blog-widget-title, .blog-single-news .single-blog-widget-title {
    background: var(--accent-color);
}
.news-wrapper .news-thumb::after {
    background: rgb(121 39 98 / 60%);
}
.blog-single-news .cs-btn-one.btn-md {
    font-size: 14px;
    padding: 10px 5px;
}
.accent-color{color: var(--accent-color);}
.header-style-two .header-wrapper .header-navigation-area.fixed {z-index: 99;}
.listing2 .news-wrapper .news-details {box-shadow: unset;}
hr.blog-hr {
    width: 95% !important;
    margin: 0 auto;
    display: block;
    background-color: rgb(121 39 98 / 0%);
    margin-top: -15px;
}
.contact-section a {
    color: #3e3e3e;
    transition: .4s;
}
.contact-section a:hover {color: var(--accent-color);}
.contact-section .social-list.list-lg li a:hover{
    color: #fff;
    opacity: .8;
}
.contact-section a.cs-btn-one:hover{
    background-color: var(--accent-color2);
}
.social-links li {margin-left: 3px;}
.mobile-switch-lang{border-top: 1px solid rgba(255, 255, 255, 0.5);}
.mobile-switch-lang .mean-expand{display: none !important;}
.mobile-lang li a {
    text-align: center !important;
    color: #fff !important;
}
.mobile-lang>li:nth-child(1){border-right: 1px solid rgba(255, 255, 255, 0.5);}
.news-details a.read-more{color: var(--accent-color);}
.news-details a.read-more:hover{opacity: .8;}
@media(max-width: 991px){
    .mobile-u-access-style{
        display: block !important;
        margin: 0 auto !important;
    }
}
@media(max-width: 480px){
    a.login-btn {
        font-size: 8px;
    }
}