/* white you custom css code here. only css code will work */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100..900&display=swap');

body, h1, h2, h3, h4, h5, h6, p, span, a, li {
   font-family: "Noto Sans Arabic", sans-serif !important;
}

.header-style-03.header-variant-06 .logo-wrapper:after {
display:  none !important;
}


    .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        border: 1px solid rgba(255, 255, 255, 0.8);
        background-color: red !important;
    }


.section-title.white .title{
	color:black;
}

.case-studies-menu li{
		color:black;
}

.single-cleaning-service-item .thumb .icon{
	background-color:white;
}

.lawyer-home-counterup-item .icon {
	color:red;
}

.header-area.header-bg-04:after{
	background:none;
}

a:hover{
	color:red;
}
.single-price-plan-01 {
display: none;
}
.case-studies-menu.style-01 li {
color:red !important;
}
.single-cleaning-service-item .thumb .icon {
  color:red !important;
}
.widget-nav-menu{
display:  none !important;
}
.right-image-area {
    margin-top: 48px;
}

@media (max-width: 991px) {
  .logo > img {
    width:60px;
  }
}
.icon-02 {
    display: none;
}
.icon {
    display: none;
}

/*@media (min-width: 300px) and (max-width: 991.98px) {*/
/*    .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler {*/
/*        right: auto;*/
/*        left: 0;*/
/*    }*/
/*}*/