@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Bold.ttf) format('truetype');
}
html body,
html,
p,h1,h2,h3,h4,h5,h6{
    font-family: 'Noto Kufi Arabic',Tahoma, Geneva, sans-serif;
}
body .xs-funfact-list li p .number-percentage-count {
    font-size: 2.5em;
}
.primary-color {
    color: #ffab00 !important;
}

.donation-box .donations-actions button {
    max-width: 100%;
    border-radius: 6px;
    padding: 14px 20px;
    background: #1da50e;
    width: 100%;
    background: #e6a51f;
}
.donation-box h3{}
.donation-box h3 a {
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block;
    color: #ffab00;
}
.donation-box .xs-skill-bar {
    /* direction: ltr; */
}
/* .donation-box .xs-skill-bar .xs-skill-track{max-width: 100% !important;width:0%;} */
.donation-box .secondary-text{
    font-size: 0.875em;
    color: #959595;
    font-weight: 400;
}
.xs-item-content .xs-separetor {
    margin-top: 20px;
    margin-bottom: 20px;
}
.secondary-color {
    color: #8e8e8e !important;
}

.xs-section-padding {
    padding: 60px 0;
}

.xs-section-padding-2 {
    padding: 120px 0;
}
.footer-widget p {
    color: #2d2d2d;
}

footer .xs-recent-post-widget .post-info .entry-title a {
   color: #2d2d2d;
}
.xs-footer-section {
    background-color: #f1f1f1;
}
footer .xs-info-list li, footer .xs-info-list a {
   color: #2d2d2d;
}
.footer-widget .widget-title {
    color: #2d2d2d;
}
.xs-copyright-text p a {
    color: #2d2d2d;
}
footer .xs-social-list li a, footer .xs-social-list-v2 li a {
    color: #2d2d2d;
}
.xs-footer-list a {
    color: #2d2d2d;
}
footer .contact-info-list li{display:block;}
.xs-footer-top-layer {
    padding-top: 80px;
    padding-bottom: 60px;
}
.xs-copyright {
    padding: 20px 0;
    border-top: 1px solid #d4d4d4;
}
.xs-copyright-text p {
    color: #6d6d6d;
}
.xs-footer-menu li a {
    color: #ffab00;
}
.xs-footer-menu li a:hover {
    color: #6d6d6d;
}
.xs-footer-list a:hover {
    color: #6d6d6d;
}
.xs-info-list a:hover {
    color: #6d6d6d;
}
.xs-social-list-v2 li a {
    border: 1px solid #9e9e9e;
}
.xs-social-list li a:hover, .xs-social-list-v2 li a:hover{
    color: #f3f3f3;
}
.xs-dark-menu-list  li a i{
    float: right;
    margin-top: 5px;
    margin-left: 10px;
}
.xs-dark-menu-list a {
    color: #2d2d2d;
}
.xs-banner-inner-section.xs-banner-medium {
    padding-top: 145px;
    padding-bottom: 179px;
}
.xs-footer-list li a i{
    float: right;
    margin-top: 5px;
    margin-left: 10px;
}
.causes-side-wdiget-header .xs-evnet-meta-donation{
    background-color: #ff853f !important;
    text-align: center;
    border-radius: 5px;
    background-color: #041D57;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #FFFFFF;
    line-height: 1;
    padding: 3px 14px;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 16px;
}
.causes-side-wdiget-header .donation-bar-wrapper{
    background: #9b9b9b;
    width: 100%;
    border-radius: 5px;
}
.causes-side-wdiget-header h5 {
    margin-bottom: 0;
    color: #2cc391;
    font-weight: 700;
    font-size: 1.5em;
    line-height: 1.5;
}
.padding-10{padding-top:10px;padding-bottom:10px;}
.causes-side-wdiget-header{
    margin-bottom: 5px;
}
.causes-side-wdiget-info-list li {
    color: #041D57;
    font-size: 1.07143em;
    font-weight: 500;
    margin-bottom: 3px;
}
.xs-sidebar-widget {
    padding: 50px 25px;
    background-color: #f9f9f9;
}
.xs-sidebar-widget  .btn{
    border-radius: 50px;
    padding: 16px 25px;
}
.bg-opacity-green {
    background-color: rgba(162, 187, 160, 0.3);
}
.owl-dots span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}
.owl-dots div {
    cursor: pointer;
}
.owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.owl-dots  {
    margin-top: 10px;
    text-align: center;
}
.owl-dots {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
}
.owl-carousel .single-testimonial{padding: 25px;}

.form-control:focus {
    border-color: #ffab00;
    background-color: rgba(255, 171, 0, 0.05);
}
	.custom-check-input input:checked ~ .checkmark:after {
		display: block;
	}
	.checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	.custom-check-input .checkmark:after {
		left: 6px;
		top: 2px;
		width: 7px;
		height: 12px;
		border: solid white;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	label.custom-check-input input[type="checkbox"]:checked ~ span.checkmark {
		background-color: rgba(255, 171, 0, 0.7607843137254902);
		border-color: rgba(183, 150, 83, 0.611764705882353);
		border-radius: 5px;
	}
	label.custom-check-input input[type="checkbox"] ~ span.checkmark {
		top: 5px;
		position: relative;
		background: rgba(232, 232, 232, 0.2901960784313726);
		width: 20px;
		height: 20px;
		display: inline-block;
		border: 1px solid #ccc;
		transition: all 0.2s;
	}
	.custom-check-input input{display:none;}

#payment-method-warpper { position: relative;}
#payment-method-warpper[data-status="disabled"] #payment-method-fields{padding:20px;}
#payment-method-warpper[data-status="disabled"] {
    border: 1px solid #ffab00;
    /* margin-bottom: 25px; */
}
#payment-method-warpper[data-status="disabled"]:before {
    content: " ";
    display: block;
    width: calc(100%);
    position: absolute;
    height: calc(100% );
    background: rgba(255, 255, 255, 0.81);
    z-index: 2;
}
#payment-method-warpper[data-status="disabled"] #payment-method-placeholder {
    position: absolute;
    z-index: 3;
    top: 50%;
    right: 50%;
    text-align: center;
    width: calc(100% );
    font-size: 22px;
    transform: translate(50%, -50%);
}
#cart-forms-container #login_form h3, #cart-forms-container #register_form h3, #payment-method-warpper h3{
    font-size: 24px;
    margin-bottom: 20px;
    color: #ffab00;
    text-align: center;
}
#cart-forms-container #login_form , #cart-forms-container #register_form, #payment-method-warpper[data-status="enabled"]{
    padding: 25px 25px 20px 25px;
    background-color: rgba(189, 189, 189, 0.07);
    border: 1px solid #cccccc8f;
}
body .form-group {
    margin-bottom: 0.5rem;
}
body .form-control {
    margin-bottom: 10px;
}
@media (min-width: 1000px){

	body .header-transparent .nav-menu li a, body .xs-box .nav-menu li a {
		padding: 60px 12px 15px 12px;
	}
}
body .form-control {
    padding: 8px .75rem;
    font-size: 14px;
}

.btn-outline-orange{
	border:2px solid #ffab00;
    color: #ffab00;
	padding:14px 34px;
	background-color:transparent
}

.btn-outline-orange:hover{
    background-color: #ffab00;
    color: #fff;
}

body select.form-control:not([size]):not([multiple]) {
    height: initial;
}
body .xs-welcome-content {
    min-height: 850px;
}
.nav-menu {
    position: relative;
}
.xs-menus.xs_nav-landscape .nav-submenu{
	top: 100%;
}

.white-box-one {

    background: #fff;
    border-radius: 5px;
    padding: 60px 30px 55px 40px;
    position: relative;
    z-index: 5;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
    margin-bottom: 30px;
}
.account-page-right-sidebar .white-box-one  .user-image img {
    display: inline-block;
    border-radius: 100px;
    border: 2px solid #ccc;
}
.account-page-right-sidebar .white-box-one .account-detalis .username {
    font-size: 18px;
    text-align: center;
    margin-top: 20px;
}
.has-icon.input-warpper {
    position: relative;
}
.has-icon.input-warpper i {
    position: absolute;
    top: 12px;
    left: 0;
    font-size: 24px;
    color: #afafb0;
}
.theme-form-style-three input {
    width: 100%;
    border: none;
    background: transparent;
    margin-bottom: 35px;
    padding: 0;
    height: 50px;
    border-bottom: 1px solid #bfc1c2;
    padding-right: 35px;
}
.login-form-button .company-profile-buttons {
    background-color: #ffab00;
}
.account-page-right-sidebar  .account-sidebar .user-menu .user-side-menu li{
    padding: 15px;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    width: 100%;
    color: #999;
}
.account-page-right-sidebar  .account-sidebar .user-menu .user-side-menu li .edit-account-icon{
    position: absolute;
    left: 50px;
    font-size: 24px;
    color: #afafb0;
}
.account-page-right-sidebar  .account-sidebar .user-menu .user-side-menu li .edit-account-img {
    width: 36px;
}
.account-page-right-sidebar  .account-sidebar .user-menu .user-side-menu li .edit-account-text {
    color: #a7a9ac;
}
.donnations-table-row th {
    background-color: #c5c6c8;
    color: white;
    border-left: solid 4px white;
}
.donnation-table-body tr td {
    border-left: solid 4px white;
}

.project-social-media-share .color-twitter , 
.project-social-media-share .xs-social-list-v2 a.color-twitter:hover{
    background-color: #55acee !important;
}
.project-social-media-share .color-whatsapp ,
.project-social-media-share .xs-social-list-v2 a.color-whatsapp:hover {
    background-color: #25d366 !important;
}

.project-social-media-share .color-facebook ,
.project-social-media-share  .xs-social-list-v2 a.color-facebook:hover{
    background-color: #4267B2 !important;
} 
.has-icon .quranic-name{
    border: none;
    border-bottom: 1px solid #bfc1c2;
}
.has-icon .icon-image-notes {
    width: 35px;
    position: absolute;
    bottom: 19px;
    left: 0;
    font-size: 24px;
    color: #afafb0;
}
.has-icon .notes-textarea {
    border-color: #bfc1c2;
    border-width: 0 0 1px 0;
    border-style: none none solid none;
    box-shadow: none;
    width: 100%;
    color: #997591;
    padding-right: 40px;
    padding-bottom: 0px;
}
.project-social-media-share .color-email ,
.project-social-media-share .xs-social-list-v2 a.color-email:hover{
    background-color: #CB2027 !important;
}
.account-page-right-sidebar .account-sidebar .user-menu .user-side-menu li.active {
    background-color: #eff0f0;
}

.user-account-data-container {
    background-color: #fcfcfc;
}