@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap');
/*!
Theme Name: sabarelief
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sabarelief
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

sabarelief is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 
 @font-face {
    font-family: 'helveticaregular';
    src: url('/wp-content/themes/sabarelief/fonts/helvetica-webfont.woff2') format('woff2'),
         url('/wp-content/themes/sabarelief/fonts/helvetica-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

 
 @font-face {
    font-family: 'helveticabold';
    src: url('/wp-content/themes/sabarelief/fonts/helvetica-bold-webfont.woff2') format('woff2'),
         url('https://sabarelief.uk/wp-content/themes/sabarelief/fonts/helvetica-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
 
 @font-face {
    font-family: 'visbybold';
    src: url('/wp-content/themes/sabarelief/fonts/visbybold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/sabarelief/fonts/visbybold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'visbyheavy';
    src: url('/wp-content/themes/sabarelief/fonts/visbyheavy-webfont.woff2') format('woff2'),
         url('/wp-content/themes/sabarelief/fonts/visbyheavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
 
 
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
	 font-family: 'Amiri', serif !important;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
@media screen and (max-width:414px) {
.inner-checkout [type="checkbox"] {
	 width: 18px;
    height: 18px;
	 min-width: 20px;
}
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
    font-family: 'helveticaregular';
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}
.mega-win-donate.win-donate .mega-menu-link {
    background: #d3b168 !important;
    border-radius: 5px !important;
	font-weight:600 !important;
}
.mega-win-donate.win-donate .mega-menu-link:hover{
color:#fff !important;
}
a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}
.mega-current-menu-item.mega-win-donate.win-donate .mega-menu-link {
    background: #2f72ae !important;
    color: #fff !important;
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 0em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/* new Css*/

body::-webkit-scrollbar {
    width: 7px;
    }

    
body::-webkit-scrollbar-thumb {
        background:#d3b068;
    }
/* footer */
.acount-d{
    color:white;
    padding-left:15px;
}
.site-footer h2{
	font-size: 21px;
    font-weight: 700;
    margin-top: 0px;
	 color: #283e47 ;
	margin-bottom: 7px;
    
}
#mega-menu-wrap-menu-1 .mega-donatenow > a {
    margin-left: 5px !important;
}
.site-footer ul{
	margin: 0px;
    list-style: none;
    padding: 0px;
}
.copyright{
	    background: #cde9f0;
    padding-top: 20px;
    padding-bottom: 20px;
}
.copyright p{
	    margin: 0px;
	    color: black;
}
.footer-2{
	background: #3899c3;
    color: white;
}
.footer-1{
	padding-top: 13px;
    padding-bottom: 6px;
	background: #197ba6;
}
.site-footer a{
	color: white;
	text-decoration: none;
}
.site-footer a:hover{
	color: #d3b068;
}


.footer-bottom .container{
	padding-top: 50px;
	padding-bottom: 30px;
}
.footer-bottom.row{
	justify-content: center;
}

.rightfoot{
	text-align: end;
}


.socialicon {
	color: white !important;
    font-size: 25px !important;
    letter-spacing: 6px !important;
    text-decoration: none !important;
}
.socialicon a{
    	color: white !important;
    	text-decoration: none;
}
.socialicon a:hover{
	text-decoration: none;
	color: #d3b068 !important;
}
.topheader{
    color: white !important;
    font-size: 22px !important;
    letter-spacing: 6px !important;
    text-decoration: none !important;
    border-bottom: 1px solid #e0e0e0;
}
.topheader p{
	margin-bottom: 0px;
    text-align: end;
}
.topheader a{
    color: black !important;
    text-decoration: none;
    font-size: 19px;
}
.topheader a:hover{
	text-decoration: none;
	color: #d3b068 !important;
}

.socialicon{
	padding-top: 17px;
    padding-left: 0px;
}
.site-footer ul{
	list-style: none;
    margin: 0px 0px;
    padding-left: 0px;
    line-height: 34px;
}
.footer-1 p{
	margin-bottom: 5px;
}
.footer-address{
	display: flex;
}
.footer-address img{
	height: 20%;
    margin-top: 3px;
}
.footer-address a{
	padding-left: 16px;
}
.footer-card a{
	padding-left: 10px;
}
.footer-card{
	display: flex;
}
.footer-card img{
	height: 22%;
    margin-top: 3px;
}
.footer-social p a{
	padding-left: 10px;
}
.footer-2 .wpcf7-text{
    height: 39px;
    width: 100%;
    text-indent: 10px;
    border: 1px solid #8c8c8c;
        border-radius: 4px;
        padding-right: 62px;
}
.footer-2 .wpcf7-submit{
    position: absolute;
    right: 0px;
    background: transparent;
    border: none;
    top: 22px;
    color: #1b3e6f;
    font-size: 25px;
}
.footer-2 form p {
	    margin-bottom: 10px;
}
.footer-2 input:focus{
 outline: transparent;
}
.footerright:before{
	content: url(https://sabarelief.uk/wp-content/uploads/2022/05/footerpng_03.png) !important;
    top: 0px;
    position: absolute;
    right: 0px;
}
.footer-1 a{
      font-family: 'helveticaregular' !important;
}
.footer-2 h2{
      font-family: 'helveticabold' !important;
}
/* header */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 6px 20px 0px 20px !important;
}
  .mega-sub-menu {
    padding-bottom: 6px !important;
    padding-top: 3px !important;
}  
  .mega-sub-menu .mega-block-title {
    padding-top: 20px !important;
    Color: #d7b876 !important;
    font-family: 'visbyheavy' !important;
    font-size: 25px !important;
    text-transform: none !important;
}  
 #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  /* Mega Menu > Menu Themes > Mega Menus > Second Level Menu Items */
  color: #000;
  font-family: inherit;
  font-size: 16px;
  text-transform: none;
  text-decoration: none;
  font-weight: inherit;
  text-align: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  display: block;
  border: 0;
}   
#mega-menu-wrap-menu-1 a{
	    margin: 0px 0px !important;
} 

.site-header {
    position: sticky;
    top: 0px;
    z-index: 9;

}
.mainmenu {
    padding-top: 10px;
    padding-bottom: 10px;
    background: white;
}

.custom-logo-link {
    display: inline-block;
}
.maindm {
    display: flex;
    justify-content: space-between;
}
.main-navigation {
    display: block;
    width: 100%;
}
.site-header{
    	position: sticky;
    	top: 0px;
}

.cart{
    padding: 0px;
    background: transparent;
    border: none;
    font-size: 26px;
}
.cart:hover{
    color:#d3b068;
}
.item-count {
    background-color: #e40000;
    color: #fff;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 2px;
    right: 6px;
    padding-left: 2px;
    font-size: 10px;
    font-family: 'helveticaregular' !important;
}
.mainmenu{
     font-family: 'helveticaregular' !important;
}
/*homepage */

.home-banner .wpb_revslider_element{
	margin-bottom: 0px !important;
}

.form-row{
	justify-content: center;
}
.form-row input{
	text-indent: 10px;
	font-family: 'helveticaregular' !important;
}
.form-row input::placeholder{
	color: #8d8d8d;
	font-family: 'helveticaregular' !important;
}
.form-row select{
	color: #8d8d8d !important;
	font-family: 'helveticaregular' !important;
	
}
.form-row .fa-heart:before {

    color: white !important;
}
.home-donate .vc_column-inner{
	padding-top: 18px !important;
}
.home-donate .wpb_content_element{
    margin-bottom: 16px !important;
}
.home-donate h2{
	color: white;
	font-size: 38px;
	font-weight: 700;
	font-family: 'visbyheavy' !important;
}
.btn-dt {
   	background: #d71313 !important;
    color: white;
    font-family: 'visbyheavy' !important;
        font-size: 13px;
    height: 38px;
}
.btn-dt:hover{
    color:white;
}
.btn-dt:hover .fa-heart:before{
    color:#d3b068 !important;
}
.main-about .vc_btn3-inline{
    display: grid !important;
}
.main-about .vc_btn3-inline button{
    padding: 8px;
    font-family: 'visbyheavy' !important; 
    opacity:1;
}
.fourth-section{
	color: white;
}
.fourth-section h4{
	font-size: 34px;
	margin-bottom: 0px;
}
.fourth-section h2{
	font-size: 60px;
	margin-bottom: 0px;
}
.fourth-section h2 strong{
     font-family: 'visbyheavy' !important;
}
.fourth-section h2 b{
     font-family: 'visbyheavy' !important;
}
.fourth-section .wpb_content_element{
	margin-bottom: 3px;
}
.buttn-1{
	width: 22%;
}
.buttn-1 button:hover{
    background-color: #d3b068 !important;
    text-decoration: none;
    color: #fff !important;
}
.buttn-2{
	width: 22%;
}
.buttn-1 button{
	width: 100% ;
    padding: 8px !important;
    font-family: 'visbyheavy' !important;
    
}
.buttn-2  button{
	width: 100%;
    padding: 8px !important;
    font-family: 'visbyheavy' !important;
    margin-left: 10px;
}
.second-section img{
	width: 77%;
}
.vector-section .vc_col-sm-4>.vc_column-inner{
	padding-right: 7px;
}
.vector-section p{
    margin-bottom: -12px;
    color: #197ba6;
    font-size: 35px;
}
.vector-section h2{
    color: #197ba6;
    font-size: 42px;
    font-family: 'helveticabold';
}
.currntap-back{
	background: #d3b068;
    height: 74%;
    position: absolute;
    width: 102%;
    /*margin-top: -27px;*/
    margin-left: -12px;
}
.desktop-appeals .apealimg,.appeal-main{
    position:relative;
}
.desktop-appeals .apealimg img{
    width:100%;
}
/*.desktop-appeals .slider{*/
/*    margin-bottom:65px;*/
/*}*/
.desktop-appeals .slider .appeal-main{
    margin-bottom:30px;
}
.desktop-appeals .slider .apealimg{
    margin-top:20px;
}
.appeal-main{
	background: #efefef;
	padding-top: 10px;
	padding-bottom: 20px;
}
.appeal-main .appealstext{
	text-align: center;
}
.appeal-main .pagestitle a{
    text-decoration:none;
	color: #197ba6;
	font-size: 22px;
	text-transform: uppercase;
    margin-bottom: 10px;
    font-family: 'visbyheavy' !important;
}
.appeal-main .pagesexcerpt{
	padding-left: 30px;
	padding-right: 30px;
	color: black;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    height: 71px;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    margin-bottom: 20px !important;
}
.appealread{
    margin: 0px !important;
    background-color: #197ba6;
    color: white !important;
    border-radius: 6px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    line-height: 0;
    display: flex;
    align-items: center;
    width: 46%;
    justify-content: center;
    opacity: 1;
    height: 37px;
    font-family: 'visbyheavy' !important;
    
}
.appealread:hover{
    background-color: #d3b068;
    text-decoration: none;
    color: #fff !important;
}
.appealdonate{
	margin: 0px !important;
    font-size: 14px;
    background-color: #ca1212;
    padding: 0px;
    color: white;
    border-radius: 6px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    width: 45%;
    justify-content: center;
    height: 38px;
    font-family: 'visbyheavy' !important;
}
.slidrbuttns{
	display: flex;
    justify-content: space-around;
}
.main-about .readmore-btn button:hover{
	background-color: #d3b068 !important;
    text-decoration: none;
    color: #fff !important;
}
.slider{
	padding-left:10px !important;
	padding-right: 10px !important;
}
p{
    font-family: 'helveticaregular' !important;
}
.project-inner{
    overflow-y: scroll;
    height: 670px;
}

.project-inner::-webkit-scrollbar {
    width: 13px;
    height: 13px;
}
.project-inner::-webkit-scrollbar-track {
    border-radius: 10px;
    border: 1px solid #d3b068;
}

.project-inner::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #197ba6;
}

 .project-slider .inner-project{
    display: flex;
    background: #d3b068;
    padding: 21px;
    margin-bottom: 24px;
    justify-content: center;
    align-items: center;
 }

.project-slider {
    padding-right: 35px;
    padding-left: 26px;
    margin-bottom: 15px;
}
.project-slider .col-lg-6{
    padding:0px;
}
.projectstext .pagestitle{
    font-family: 'helveticabold';
    color: black;
    font-size: 22px;
}
.project-main{
    padding-right:4%;
}
.projectstext .pagesexcerpt{
    padding-top: 14px;
    padding-bottom: 14px;
    color:black;
}
.projectread{
    margin: 0px !important;
    background-color: #197ba6;
    color: white !important;
    border-radius: 6px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    line-height: 0;
    display: flex;
    align-items: center;
    width: 37%;
    justify-content: center;
    height: 37px;
    font-family: 'visbyheavy' !important;
}
.projectread:hover{
    text-decoration:none;
}
.inner-project:hover{
    background: #197ba6;
}
.inner-project:hover .pagestitle{
    color:#d3b068 !important;
}
.inner-project:hover .pagesexcerpt{
    color:#fff !important;
}
.inner-project:hover .projectread{
     background-color:#d3b068 !important;
}
.project-slider:nth-child(2n) .inner-project{
        display: flex;
    flex-direction: row-reverse;
}
.project-slider:nth-child(2n) .apealimg{
    text-align:end !important;
}

/* appeals archive page */
.archivepageheader{
    background: #000000bf;
    padding-top: 20px;
    color: #d3b068;
    padding-bottom: 20px;
    text-align: center;
    margin-top: -77px;
    position: relative;
    margin-bottom: 50px;
}
.archivepageheader h1{
    margin:0px;
}

.toppageheader img {
    background-size: cover !important;
    width: 100% !important;
}
.Apealsarchive .apealsmain{
    margin-bottom:30px;
}
.Apealsarchive .apealsmain img{
    width:100%;
    height:100%;
}

/* project archve page */
.projectsbox{
    display:flex;
}
.projectsbox .apealimg{
    width: 44%;
}
.projectsbox .projects-main{
    width: 56%;
}
.projects-main {
    background: #efefef;
    padding-top: 9px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.projects-main .pagestitle a {
    text-decoration: none;
    color: #197ba6;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 26px;
    margin-bottom: 49px;
    font-family: 'helveticabold';
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    height: 48px;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}
.projects-main .pagesexcerpt {
    
    color: black;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    height: 51px;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    margin-bottom: 20px !important;
    
}
.projects-main .pagestitle{
    height: 56px;
}
.projectbuttns .proread:hover {
    background-color: #d3b068;
    text-decoration: none;
    color: #fff !important;
}
.projectbuttns .proread{
    margin: 0px !important;
    background-color: #197ba6;
    color: white !important;
    border-radius: 6px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    line-height: 0;
    display: flex;
    align-items: center;
    width: 146px;
    justify-content: center;
    opacity: 1;
    height: 35px;
    font-family: 'visbyheavy' !important;
}

/* thankyou Page */

.thankyou-page {
    padding-top: 50px;
    padding-bottom: 50px;
}
.thankyou-main {
    padding: 58px;
    box-shadow: 1px 1px 9px 2px #00000030;
    border: 1px solid #d3b068;
    background: #e1e1e12b;
    width: 68%;
}
.thankyou-title {
    text-align: center;
    margin-bottom: 25px;
}
.thankyou-title h1 {
    text-shadow: 1px 2px 1px #000000;
    font-size: 40px;
    color: #d3b068;
    margin-bottom: 10px;
    margin-top: 0px;
    font-family: 'visbyheavy' !important;
}
.thankyou-title p {
    color: #000000;
    font-size: 20px;
}
.thankyou-text h2 {
    color: #000000;
    font-size: 16px;
    text-align: center;
    font-weight: 800;
}

.thankyou-text h3 {
    color: #000000;
    font-size: 17px;
    text-align: center;
}
.thankyou-billing {
    text-align: center;
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}
.thankyou-billing h4 {
    color: #d3b068;
    font-size: 25px;
    font-family: 'visbyheavy' !important;
}
.thankyou-billing .title-border {
    width: 10%;
    margin: 0 auto;
    background: #d3b068;
    opacity: 1;
    height: 2px;
}
.donatin-bilingin {
    left: 20%;
}
.donatin-bilinginfo {
    margin-top: 30px;
}
.thankyou-page h5 {
    color: #000000;
    font-size: 14px;
    font-family: 'helveticaregular';
    
}

/* checkout */
    .inner-checkout{
        margin-top: 5%;
        margin-bottom: 5%;
        box-shadow: 1px 1px 9px 2px #00000030;
        border: 1px solid #d3b068;
        background: #e1e1e12b;
    }
    
    .checkoutpage {
        background: #283d46;
        text-align: center;
        color: white;
        padding-top: 5px;
        padding-bottom: 5px;
        z-index: 1;
        position: relative;
    }
    .checkoutpage h1{
        color: white;
        font-size: 29px;
        font-family: 'visbyheavy' !important;
        text-transform: uppercase;
    }
    .checkout-mainpage {
        padding: 38px;
    }
    .checkout-mainpage .sticky-top {
        top: 84px;
        z-index: 1;
    }
    .notify {
        margin-bottom: 20px;
    }
    .checkout-mainpage .form-label {
        font-weight: bold;
        font-family: 'visbyheavy' !important;
    }
    form input {
        text-indent: 10px;
    }
    .employermatch {
        margin-bottom: 0px;
    }
    .employermatch .form-group {
        margin-bottom: 5px;
    }
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='https://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-repeat: no-repeat;
        background-position-x: 100%;
        background-position-y: 5px;
        border: 1px solid #dfdfdf;
        border-radius: 2px;
        margin-right: 2rem;
        padding: 1rem;
        padding-right: 2rem;
    }

    .checkout-mainpage textarea {
        padding: 10px;
         width: 100%;
    }
    .check-hr {
        margin-top: 24px;
        width: 95%;
        margin-bottom: 15px;
    }
    .donate-cc {
        background: #197ba6;
        color: white;
        font-family: 'visbyheavy' !important;
    }
    .donate-cc:hover{
        background: #d3b068 !important;
        color: white;
        border:1px solid #d3b068;
    }
    button, [type="button"], [type="reset"], [type="submit"] {
        -webkit-appearance: button;
    }
    .pay-but {
        background: #197ba6;
        color: white;
        font-family: 'visbyheavy' !important;
    }
    .pay-but:hover{
        background: #d3b068 !important;
        color: white;
        border:1px solid #d3b068;
    }
    .donation-summary {
        text-align: center;
        padding: 11px 0px 0px 0px;
    }
    .donation-summary h5 {
        text-shadow: 1px 1px 0px #000000;
        font-size: 29px;
        color: #d3b068;
        margin-bottom: 10px;
        margin-top: 0px;
        font-family: 'visbyheavy' !important;
    }
    .checkout-mainpage .mb-2{
        text-shadow: 1px 1px 0px #000000;
        font-size: 29px;
        color: #d3b068;
        margin-bottom: 10px;
        margin-top: 0px;
        font-family: 'visbyheavy' !important;
    }
    .checkout-pg {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .cart-page {
        overflow-y: scroll;
        overflow-x: hidden;
        margin-bottom: 10px;
        margin-top: 7px;
        height: 30vh;
    }
    .cart-page h5{
        color:#283d46;
        font-family: 'visbyheavy' !important;
        font-size: 15px;
    }
    .checkout-pg .border-btm {
        padding-left: 10px;
        line-height: 15px;
        font-size: 11px;
    }
    .border-btm {
        background: #ffffff;
        margin-bottom: 10px !important;
        margin-top: 10px !important;
        padding-top: 7px;
        border-bottom: 3px solid #d3b068;
        color: #000;
    }
    .checkout-mainpage .border-btm h2 {
        color: #283d46;
        font-family: 'visbyheavy' !important;
        font-size:15px;
    }
    .total-amount {
        padding-top: 8px;
        box-shadow: 1px 1px 9px 2px #00000030;
        border: 1px solid #d3b068;
        background: #e1e1e12b;
        margin-top: 6px;
    }
    .total-amount h5{
        color: #283d46;
        font-family: 'visbyheavy' !important;
        font-size:15px;
    }
    .checkout-mainpage .btn {
        border-radius: 0px !important;
    }
    .right-amounttext:before{
        content: url(https://sabarelief.uk/wp-content/uploads/2022/05/element.png) !important;
        top: -34px;
        position: absolute;
        right: -46px;
        z-index: -1;
    }
    .cart-page::-webkit-scrollbar {
    width: 8px;
    height: 13px;
    }
    .cart-page::-webkit-scrollbar-track {
        border-radius: 10px;
        border: 1px solid #d3b068;
    }
    
    .cart-page::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #197ba6;
    }
    /* error and search page */
    
    .error-face i{
        font-size:100px;
        color:#d3b068;
    }
    .fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 4s infinite linear;
}
    .error-404{
        text-align: center;
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .error-404 h2{
        font-size:70px;
    }
    .error-face{
        margin-bottom: 20px;
    }
    .error404 .not-found .search-field {
        border: 1px solid #000 !important;
    }
    .error404 .not-found .search-submit {
        padding: 8px 31px 8px 21px;
        background: #197ba6;
        color: white;
    }
    .search-no-results .not-found .search-field {
        border: 1px solid #000 !important;
    }
    .search-no-results .not-found .search-submit:hover {
        background: #d3b068;
        border: 1px solid #d3b068;
    }
    .search-no-results .not-found .search-submit {
        padding: 8px 31px 8px 21px;
        background: #197ba6;
        color: white;
    }
    .search-no-results .not-found .search-field:focus-visible {
        outline: 1px solid white;
    }
    .error404 .not-found .search-field:focus-visible {
        outline: 1px solid white;
    }
    .seacrh-not-found {
        padding-bottom: 60px;
        padding-top: 60px;
    }
    .seacrh-not-found .search-title {
        font-size: 40px;
        font-family: "poppins";
        color: #000000;
        text-align: center;
        margin-bottom: 38px;
    }
    .seacrh-not-found article {
        margin-bottom: 20px;
        padding: 27px;
        padding-right: 10px !important;
        border: 1px solid #d3b068;
    }
    .seacrh-not-found article .entry-title a {
        color: #197ba6;
        text-decoration: none;
        font-size: 40px;
    }
    .searchread{
       background: #20c4cc;
        padding: 10px 30px 9px 30px;
        color: white !important;
        text-decoration: none !important;
        font-size: 16px;
    }
    .search-footer{
        margin-top: 22px;
    }
    
     /* cart model */
  body.modal-open {
        overflow: scroll !important;
        padding-right: 0px !important;
        overflow-x: hidden !important;
    }
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 500px;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}
	.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
	}

	.modal.right .modal-body {
		padding: 15px 15px 8px;
		display: flex;
        flex-direction: column;
        overflow-y: auto;
	}
	.modal.right.fade .modal-dialog {
		right: 0px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	.modal.right.fade.in .modal-dialog {
		right: 0;
	}
	.modal-content {
		border-radius: 0;
		border: none;
	}
	.modal-header {
		border-bottom: 2px solid #d3b068;
        background-color: #283d46;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
	}
    .saba-modal .donation-items {
        height: 780px;
        overflow-x: hidden;
        background: #f2f2f2;
       height: 100%;
        overflow-y: auto;
    }

    .saba-modal .donation-item {
        background-color: #ffffff !important;
        margin-bottom: 5px;
        margin-top: 10px;
        border: 1px solid #d3b068 !important;
    }
    .saba-modal .donation-item .fa-times {
        color: #FFF;
        background-color: black;
        padding: 3px 4px;
        height: 16px;
        font-size: 9px;
        border-radius: 50%;
        text-align: center;
        transition: all ease 0.3s;
        cursor: pointer;
    }
    .modl-price{
        text-align:center;
    }
    .donation-item .donation-title {
        color: #283d46;
        margin-bottom: 0px;
        font-family: 'visbyheavy' !important;
        font-size: 15px;
    }
    .donation-item p{
        margin-bottom: 0px;
    }
    .donation-items small{
        color: #000;
    }
    .donation-item .donation-flist {
        color: #283d46;
        font-family: 'visbyheavy' !important;
        font-size: 15px;
        text-transform: capitalize;
        font-size: 13px;
        font-weight: bold;
        display: block;
    }
    .donation-item .donate-qty {
        width: 50px;
        padding-left: 10px;
    }
    .donation-item .cart-amt {
        font-weight: bold;
        color: #283d46;
        font-family: 'visbyheavy' !important;
        font-size: 15px;
    }
    .support-heading {
        color: #283d46;
        font-family: 'visbyheavy' !important;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .support-donation-pop {
        color:black;
        padding-top: 20px !important;
    
    }
    .saba-modal .modal-footer {
        color:black;
    }
    .saba-modal  .mr-modal-cta .add-an-btn{
        border: none;
        outline: none;
        padding: 10px 20px;
        color: #FFF;
        width: 100%;
        font-family: 'visbyheavy' !important;
        background: #197ba6;
        line-height:1 !important;
    }
    .mr-modal-cta .add-an-btn:hover {
       background: #d3b068;
    }
    #global-cart{
        display: contents;
    }
    .mr-modal-cta .check-out-btn:hover {
        background-color: rgba(189, 5, 4, 0.85);
    }
    
    .saba-modal .mr-modal-cta .check-out-btn {
        border: none;
        font-family: 'visbyheavy' !important;
        outline: none;
        padding: 10px 20px;
        color: #FFF;
        width: 100%;
        line-height:1 !important;
        background: #bd0504;
    
    }
    .saba-modal .modal-title{
        color:white;
        font-family: 'visbyheavy' !important;
    }
    .saba-modal .modal-dialog {
        height: 100vh;
        border: none;
        overflow-x: hidden;
        overflow-y: auto;
        border-radius: 0;
        max-width: 600px;
    }
    .btn-close{
        background:transparent url("https://sabarelief.uk/wp-content/uploads/2022/05/download-svg.png") center/1em auto no-repeat !important;
        opacity:1;
    }
    .saba-modal {
        height: 100vh;
    }
    .quantity {
        display: flex;
        justify-content: center;
    }
    .quantity .minus {
        border-radius: 2px 0px 0px 2px;
        border: 1px solid;
        border-color: transparent;
        background: #283d46;
        color: white;
        width: 26px;
        line-height: 0;
        padding: 0;
    }
    .quantity .qty {
        width: 35px;
        text-align: center;
        border-radius: 0px;
        border-top: 1px solid #d3b068;
        text-indent: 0px;
        background: #f2f2f2;
        border-bottom: 1px solid #d3b068;
    }
    .quantity .plus {
       border-radius: 0px 2px 2px 0px;
        border: 1px solid;
        background: #283d46;
        border-color: transparent;
        color: white;
        width: 26px;
        line-height: 0;
        padding: 0;
    }
    .quantity .qty:focus-visible {
        outline: 0px;
    }
    .donation-items{
        
    }

    .saba-modal .donation-items::-webkit-scrollbar {
    width: 8px;
    height: 13px;
    }
    .saba-modal .donation-items::-webkit-scrollbar-track {
        border-radius: 10px;
        border: 1px solid #d3b068;
    }
    
    .saba-modal .donation-items::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #197ba6;
    }
    .saba-modal .container {
        overflow-x: unset;
    }
    .mainmenu .container {
        overflow-x: unset;
    }

    /* single Widget */
  .donation-form .form-group {
    margin-bottom: 10px !important;
    }
        .donation-form input[type=radio] {
        display: none;
    }
    .donation-form input {
        text-indent: 10px;
    }
    .donation-form input[type="radio"]:checked + label {
        background-color: #d3b068;
        color: #ffffff;
        
    }
    .padg-right{
        padding-right:5px;
    }
    .padg-left{
        padding-left:5px;
    }
    .donation-form label {
       width: 100%;
        background: white;
        border-radius: 4px;
        border: 1px solid #c2c2c2;
        text-align: center;
        cursor: pointer;
        padding: 5px 10px;
        display: grid;
        text-align: left;
        padding-left: 20px;
        padding-top: 7px;
        padding-bottom: 7px;
        height: 100%;
        padding-right: 24px;
        color: #197ba6;
        font-size: 30px;
        font-family: 'visbyheavy' !important;
    }
    .form-widget{
        margin-bottom:9px !important;
    }
    .donation-form input[type="radio"]:checked + label span {
        color: white !important;
    }
    
    .donation-form input[type="radio"]+ label span {
        font-family: 'helveticaregular' ;
        font-size: 12px;
        color:black ;
    }
    .radi-para {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .donation-form input {
        text-indent: 10px;
    }
.ramadan-select {
    padding: 0 !important;
}
.ramadan-widget label {
    font-size: 21px;
	text-align: center;
}
    .main-p {
        margin-bottom: 10px !important;
    }
    .main-b {
        margin-bottom: 10px !important;
    }
    .main-b label {
        font-size: 18px !important;
        text-align: center !important;
        margin-bottom: 0;
        font-family: 'visbyheavy' !important;
    }
    .single_donate_btn {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .btn-donate {
        background: #be0405 !important;
        color: white;
        font-size: 18px;
        font-family: 'visbyheavy' !important;
    }
    .form-row .btn {
        width: 100%;
    }
    .widgetleft:before {
        content: url(https://sabarelief.uk/wp-content/uploads/2022/05/footerpng_03.png) !important;
        top: 68px;
        position: absolute;
        left: -307px;
    
    }

/* single Page */

.singlepageheader{
    padding-top: 20px;
    color: #ffffff;
    padding-bottom: 20px;
    margin-top: -230px;
    position: relative;
    text-align: -webkit-center;
}
.singlepageheader h1{
    margin:0px;
    font-family: 'visbyheavy' !important;
    font-size: 67px;
    text-transform: uppercase !important;
    text-shadow: 1px 2px 9px #000;
}
.single-descri{
    margin-bottom:0px;
    font-size:22px;
    text-shadow: 1px 2px 9px #000;
}
.blue-descri{
    background: #197ba6a3;
    padding: 8px 21px;
    font-size: 26px;
    width: fit-content;
    margin-bottom: 0px;
    margin-top: 10px;
}
.paragraph-back{
    background: #197ba6;
    color: white;
    padding: 13px 26px;
    margin-bottom: 0px !important;
    
}
.paragraph-back strong{
      color: black;
}
.paragraph-back p{
    margin-bottom:10px;
}
.inner-single{
    display: flex;
    justify-content: center;
}
.inner-single .inner-img .vc_column-inner{
    padding:0px !important;
}
.inner-single .inner-img .wpb_single_image{
    margin-bottom:0px !important;
}

.related-back{
    background: #d3b068;
    height: 74%;
    position: absolute;
    width: 102%;
    margin-top: -27px;
    margin-left: -9px;
}
.each-related-post .white-bg-related-post{
    margin-top:10px;
}
.related-singlepost{
    margin-bottom:50px;
}
.inner-hding h4{
    color: #197ba6; 
    margin-bottom: 20px;
        padding-right: 32%;
    font-size: 22px; 
    font-family: 'visbyheavy' !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    height: 55px !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    margin-bottom: 10px !important;
}
.inner-hding .wpb_text_column{
    margin-bottom:15px !important;
}
.inner-pg-hding h2{
    color:white !important;
}
.inner-pg-hding .wpb_text_column{
        margin-bottom: 10px !important;
}

body{
    overflow-x: hidden;
}
.close-function {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 1;
}
.close-function a {
    font-size: 18px !important;
    
}
.close-function .dashicons-no:before {
    color: black !important;
}
.ftf-btn {
    margin-right: 4px !important;
}
.ftf-btn a {
    background: #1b71ac !important;
    border-radius: 4px !important;
    padding: 0px 12px !important;
    color: white !important;
    font-family: 'visbyheavy' !important;
}
.ftf-btn a:hover{
     background: #d3b068 !important;
}
.donatenow {
    /* position: absolute !important; */
    right: 9px !important;
    top: 0px;
    margin-left: 9px !important;
}
.donatenow a {
    background: #bd0504 !important;
    padding: 0px 5px !important;
    border-radius: 4px !important;
    color: white !important;
    font-family: 'visbyheavy' !important;
}
.vector-section .vc_column-inner{
    padding-top:0px !important;
}
.second-main{
    margin-top:70px;

}
/* slider */

   .mobile-slider{
     display:none;
    }
    
    .mobile-appeals{
          display:none;
    }
    
     #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
            background-color: #d3b068 !important;
        }

    .inner-single .vc_col-sm-7 .wpb_single_image{
        display:none;
    }
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0!important;
        font: inherit;
        border: 1px solid #d3b068!important;
        height: 9px !important;
        margin: 10px !important;
        background: transparent;
        width: 9px !important;
        border-radius: 50px;
    }
    .owl-carousel .owl-dots .active{
        background:#d3b068 !important;
    }
    .owl-dots{
     text-align: center;   
    }
    
    /* calculator */
    .zakat-cal {
    background: #197ba6 !important;
    text-align: center;
    color: white;
    padding-top: 30px;
    padding-bottom: 30px;
    z-index: 1;
    position: relative;
    }
    .zakat-cal p{
        margin-bottom:0px;
    }
    .zakat-forms {
    background: #efefef;
    padding-top: 50px;
    padding-bottom: 50px;
    }
    .zakat-forms h2 {
    font-family: 'visbyheavy' !important;
    color: #d3b068;
    margin-bottom: 20px;
    font-size: 40px;
    text-shadow: 1px 1px 0px #000000;
    }
    .zakat-forms label {
    color: #000000;
    font-size: 16px;
    }
    .zakat-forms input {
        width: 100%;
        text-indent: 10px;
    }
    .total-cal {
    color: #b30000;
    font-size: 20px;
    }
    .zakat-whtyou {
    padding-top: 30px;
    padding-bottom: 30px;
    }
    #zakat_amount {
        color: #169431;
        font-size: 30px;
    }
    .footnote {
        margin-bottom: 30px;
    }
    .footnote p {
        text-align: justify;
        color: #b30000;
        font-size: 16px;
        font-weight: 600;
    }

    .zakat-forms .zakat-butn {
        border: 1px solid;
        border-color: #1b71ac #1b71ac #1b71ac;
        border-radius: 3px;
        background: #1b71ac;
        color: rgb(255 255 255);
        line-height: 1;
        padding: 8px 38px;
        font-size: 16px;
        font-family: 'visbyheavy' !important;
    }
    
    /* donate now */
    
    .donate-card {
        background: #efefef;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 0px;
        box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
        height: 100%;
        border-bottom: 3px solid #d3b068;
    }
    .donate-pg img {
        /* height: 71%; */
        /* object-fit: cover; */
        object-position: 43% 3%;
        border-radius: 4px 4px 0px 0px;
    }
    #title-donate {
    color: #283d46;
    font-family: 'visbyheavy' !important;
    font-size: 18px;
    text-align: center;
    }
    .donate-pgttile {
    /* margin-top: -74px; */
    padding-bottom: 0px !important;
    }
    .text-light {
        color: #f8f9fa!important;
    }
    .donate-pgttile p {
         font-size: 14px !important;
   
        color: #1b71ac;
        margin-bottom: 2px;
    }
    .donate-card-item .form-row {
    justify-content: left;
}
    .donation-amount-fields {
        padding-bottom: 0px !important;
    }
        .page-template-donation .donation-form .col-sm-2 {
        margin-bottom: 9px !important;
    }
        .page-template-donation #donate-form label {
        font-size: 15px !important;
        padding-top: 6px !important;
        padding-bottom: 3px;
    }
    #donate-form label {
        padding: 0px 0px;
        display: grid;
        padding-bottom: 0px;
        font-size: 20px;
        text-align: center;
        padding-top: 3px !important;
        padding-bottom: 0px;
        margin-bottom: 3px;
    }
    #donate-form  .btn-donate {
        background: #be0405 !important;
        color: white;
        font-size: 15px;
    }
    .donatepageheader {
    background: #000000c7;
    text-align: center;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 39px;
    margin-top: -91px;
    z-index: 1;
    position: relative;
    }
    #donate-form  input{
        font-size: 15px;
    }
    
      .testimonials-slider .pagestitle{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
      height: 40px;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    margin-bottom: 10px !important;
    }
    /* project Page */
    
    .related-singlepost .pagestitle{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    height: 60px;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    margin-bottom: 10px !important;
    }
    
    .single-pg h2 {
        color: #197ba6;
        font-size: 25px;
        font-family: 'helveticabold';
}
.inner-sections .vc_col-sm-5 .vc_column-inner{
    background: white;
    padding-top: 15px;
    border-bottom: 3px solid #d3b068;
}
.inner-sections .vc_col-sm-4 .vc_column-inner{
    background: white;
    padding-top: 15px;
    border-bottom: 3px solid #d3b068;
}
.inner-sections .vc_col-sm-5 .wpb_single_image{
    margin-bottom:20px;
}
.inner-sections .vc_col-sm-4 .wpb_single_image{
    margin-bottom:20px;
}
    
    
    .inner-images .wpb_single_image{
       margin-bottom: 10px !important;
    }
    .inner-images h4{
            color: #197ba6;
   
   font-family: 'visbyheavy' !important;
    }
    .text-gold{
        color:#d3b068;
    }
    .text-blue{
         color:#197ba6;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu{
        margin-top:10px;
    }
    .three-innerbox{
        display: flex;
    justify-content: center;
    }
    .three-innerbox h4{
        color: #197ba6;
        font-size: 22px;
        font-family: 'visbyheavy' !important;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
          height: 47px;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        margin-bottom: 10px !important;

    }
    .home-donate>p{
        color:white;
    }
    .three-innerbox p{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        height: 191px;
        -webkit-line-clamp: 8 !important;
        -webkit-box-orient: vertical !important;
        margin-bottom: 10px !important;
    }
    .readmore-btns button{
        padding: 10px 26px !important;
    }
     .readmore-btns button:hover{
        background:#d3b068 !important;
    }
    .three-top{
            margin-top: 35px ;
    }
    
    /* gift checkou */
    .inner-content{
        border: 5px solid  #d3b068;
        border-radius: 0;
            box-shadow: 1px 1px 9px 2px #00000030;
        background: #fff;
    }
    .modl-gift{
        font-size: 13px;
    }
    .inner-content h3{
        text-shadow: 1px 1px 0px #000;
        font-size: 25px;
        color: #197ba6;
        margin-bottom: 10px;
        margin-top: 0px;
        font-family: 'visbyheavy' !important;
    }
    .inner-content .modal-footer button{
        background: #197ba6;
    }
    .inner-content .modal-footer button:hover{
        background: #d3b068;
    }
    
    /*contactus */
    
    .contact-pg .vc_column-inner{
        padding-top:15px !important;
    }
    .contact-pg h1{
        color: white;
        font-size: 29px;
        font-family: 'visbyheavy' !important;
        text-transform: uppercase;
    }
    .form-msgbox textarea {
    height: 100px;
    }
    .heading-contact {
        color: #d3b068;
    font-family: 'helveticabold';    
    }
    .form-msgbox textarea {
    height: 100px;
    text-indent:10px;
    }
    .contact-email h3:before {
    content: "\f0e0" !important;
    }
    .contact-email h3:before, .contact-phone h3:before, .contact-add h3:before, .contact-char h3:before {
        font-family: "Font Awesome 5 Free" !important;
        color:#d3b068;
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        display: inline-block !important;
        font-weight: 900 !important;
    }
    .contact-phone h3:before {
        content: "\f879" !important;
    }
    .contact-add h3:before {
        content: "\f3c5" !important;
    }
    .contact-char h3:before {
        content: "\f4be" !important;
    }
    .form-btns input {
        background: #1b71ac !important;
        color: #fff;
        padding: 14px 38px 14px 22px;
        margin: 0px;
    }
    .singlepg-descri{
        margin-bottom: 0px;
        font-size: 22px;
        width: 42%;
    }
    .singlepgheader{
        padding-top: 20px;
        color: #ffffff;
        padding-bottom: 20px;
        margin-top: -215px;
        position: relative;
        text-align: -webkit-center;
    }
    .singlepgheader h1 {
        margin: 0px;
        font-family: 'visbyheavy' !important;
        font-size: 67px;
        text-transform: uppercase !important;
    }
    .about-three{
        background: #d3b068;
        height: 279px;
        padding: 10px;
        margin: 0px !important;
    }
    .about-three h2{
        color: #197ba6;
        font-size: 41px;
        font-family: 'visbyheavy';
        text-transform: uppercase;
        margin-bottom: 19px;
    }
    .about-three p{
        padding-left: 6%;
        padding-right: 6%;
    }
    .three-nopadding{
        margin: 0px;
        display: flex;
        justify-content: center;
    }
    .three-nopadding .vc_col-sm-4{
        width: 32%;
    }
    .three-nopadding .three-one{
            z-index: 1;
        position: relative;
        margin-right: -28px;
    }
    .three-nopadding .three-two{
        margin-top: 23px;
        margin-right: -32px;
    }
    .three-nopadding .vc_column-inner{
        border-radius: 18px;
		    height: 662px;
    }
     .three-nopadding .three-three{
            position: relative;
            z-index: -1;
    }
    .three-nopadding h2{
        font-size:41px;
        color:white;
        font-family: 'visbyheavy';
        margin-bottom: 20px;
        text-transform: uppercase;
    }
    .three-nopadding p{
        color:white;
    }
    .three-nopadding .three-two .wpb_text_column{
            padding: 0 12%;
    }
    .three-nopadding .three-one .wpb_text_column{
            padding: 0 7%;
    }
    .three-nopadding .three-three .wpb_text_column{
        padding: 0 12%;
    }
    .three-nopadding .three-one .vc_column-inner:before {
        position: absolute;
        content: "";
        width: 0px;
        height: 0px;
        border-top: 25px solid transparent;
        border-bottom: 25px solid transparent;
        border-left: 25px solid #197ba6;
        right: -25px;
        top: 56px;
    }
    .three-nopadding .three-two .vc_column-inner:before {
        position: absolute;
        content: "";
        width: 0px;
        height: 0px;
        border-top: 25px solid transparent;
        border-bottom: 25px solid transparent;
        border-left: 25px solid #d3b068;
        right: -25px;
        top: 56px;
    }
    
    /*last section */
    
            #whtdo_btn button{
          width: 75%;
          border: 0px !important;
          border-radius:0px !important;
          margin-bottom: 2px;
          padding: 10px;
        }
        .proj-plan-btn button,
        .f-rise-btn button,
        .imp-btn button{
        padding: 15px 20px;
        border:0px !important;
        background-color: #197ba6;
        margin: 10px 0px;
        color:#fff;
        font-weight: 600;
        font-size: 20px !important;
    }

        #whtdo_btn button:focus{
        background:#d3b068 !important;
        color:#fff;
        font-weight: 600;
        font-size: 20px !important;
        }

        .about-carousel-indicators button:focus{
            background-color:#d3b068 !important;
        }
        .about-carousel-indicators button{
            background-color: #197ba6 !important;
            border-radius: 50px !important;
            height: 10px !important;
            border: none !important;
            width: 10px !important;
        }

        /* .row-rev{
            flex-direction: column-reverse;
             padding: 25px 0px;

        } */
        .appealshd h2{
        color:white;
    }
    .appealshd p{
        color:white;
    }
    .appealshd .wpb_text_column {
        
    margin-bottom: 15px !important;
    }
    
    /* model */
    
    .modalx {
   overflow: scroll;
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*overflow: unset;*/
    background-color: rgb(0,0,0);
    background-color: rgb(0 0 0 / 58%);
    z-index: 100;
}
    .modal-contentx {
    background-color: #fefefe;
    margin: 8% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 100%;
    max-width: 550px;
    background-image: url(https://sabarelief.uk/wp-content/uploads/2022/05/pic-2-b.jpg);
    border-radius: 8px;
    box-shadow: 0px 3px 8px #000;
    border: 4px solid #d3b068;
}
.closex {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
	cursor: pointer;
}
.modal-contentx h4 {
    color: #197ba6;
    font-size: 22px;
    margin-bottom: 10px;
    font-family: 'visbyheavy' !important;
    text-align: center;
}

 .projectsbtns{
        display: flex;
        justify-content: space-around;
    }
    .projectmain{
            width: 40%;
    }


/*for 50 60*/
@media screen and (min-width: 2000px){
    #related-project{
        margin-top:30px !important;
    }
    .three-larger  .vc_column-inner{
        padding: 35px  !important;
    }
     .max-limit {
        left:-12px !important;
        width: 1320px !important;
        margin: 0 auto !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #inner-widget{
        left: -12px !important;
        width: 1320px !important;
        margin: 0 auto !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #inner-widgets{
        left: -12px !important;
        width: 1320px !important;
    margin: 0 auto !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    }
    #inner-three{
        left: -12px !important;
        width: 1320px !important;
        margin: 0 auto !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-left:-13px !important;
    }
}


    /*for mobile*/
    @media screen and (max-width:767px) {

		.mbl-none{
			display:none; 
		}
		  .three-nopadding .vc_column-inner{
 
		    height: unset;
    }
        .dashboard-content {
    width: 100%;
    }
   
    .saba-modal .container {
        overflow-x: hidden;
    }
    .footer-address img {
        height: 40%;
        margin-top: 3px;
    }
    .footer-card img {
            height: 13%;
    }
        .about-last{
            margin-top:20px;
        }
        .about-last .about-btnns{
            text-align:center;
        }
        .box-sectionabout{
            height:100% !important ;
            margin-top:40px;
        }
        .about-lastimg{
            margin-top:30px;
        }
        .about-carousel-indicators{
             margin-top:20px;
        }
    .three-nopadding .three-one .vc_column-inner:before{
        display:none !important;
    }
    .none-displays{
        display: none !important;
    }
    
     .three-nopadding .three-two .vc_column-inner:before{
        display:none !important;
    }
    .three-nopadding {
        display: block !important;
    }
    .about-mains{
        margin-top:10px;
        margin-bottom:20px;
    }
    .three-nopadding .vc_col-sm-4 {
        width: 95%;
        margin: 27px 10px;
    }
    .gap-about{
            height: 20px !important;
    }
    .about-mains  p {
        font-size: 28px;
        margin-bottom: -4px;
    }
    .about-three {
        height: unset;
    }
        .vector-section p {
    font-size: 28px;
        margin-bottom: -4px;
    }
    .vector-section h2 {
    font-size: 40px;
    }
    .about-mains  .wpb_single_image{
        margin-bottom:15px;
    }
    .vector-section .wpb_single_image{
        margin-bottom:15px;
    }
.mega-qurbani-btn{
    border-radius: 4px !important;
        padding: 9px 8px !important;
    color: white !important;
    font-family: 'visbyheavy' !important;
}
    .singlepgheader {
        color: #197ba6;
        margin-top: 0px;
    }
    .singlepgheader h1 {
        font-size: 28px;
    }
    .singlepg-descri {
        margin-bottom: 0px;
        width: 100%;
        color: black;
        font-size: 14px;
    }
    .three-top{
        margin-top: 0px ;
    }
    .three-innerbox .vc_col-sm-3{
        margin: 0px 10px;
    }
    .three-innerbox p{
        height:unset;
    }
    .single-pg h2 {
        font-size: 30px;
    }
    #inner-widget p br{
        display:none;
    }
    #inner-widgets p br{
        display:none;
    }
    .none-display{
        display:none !important;
    }
    .inner-sections .vc_col-sm-5 .vc_column-inner {
    margin: 0px 10px;
    }
    .footer-info{
        margin-bottom:15px;
    }
    .donate-form .col-md-2 {
        max-width: 25% !important;
        width: 25% !important;
    }
        
         #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 {
              left: -100%;
           }
         
         #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 {
            
            width: 100% !important;
            max-width: 100% !important;
           
            
         }
       
        
    .multimedia_perspective_carousel  .bottomNav{
            display:none !important;
        }
    .multimedia_perspective_carousel .elementTitle {
        bottom: 0px;
        }
    .impactnumbr {
        font-size: 90px;
    }
    .donatin-bilingin {
        left: 0%;
    }
    .thankyou-title {
        margin-bottom: 2px;
    }
    .thankyou-main {
    padding: 19px;
    }
    .thankyou-main{
        width: 94%;
    }
    .thankyou-title h1 {
        font-size: 28px;
    }
    .checkout-mainpage {
        display: flex;
        flex-direction: column-reverse;
    }
    .checkout-mainpage .check-padding {
        margin-top: 14px;
    }
    .checkout-mainpage .right-amounttext {
        width: 96%;
    }
    .checkout-mainpage .right-amountform {
        display: flex;
        justify-content: center;
    }
    .checkout-mainpage .text-check {
        display: flex;
        align-items: baseline;
    }
    .checkout-mainpage .text-check label {
        margin-left: 6px;
    }
    .checkout-mainpage .full-widthbtn {
        width: 100%;
    }
    /* mega menu */
	.ramdan-btns{
		margin: 10px 10px !important;
	}
	.ramdan-btns a{
	  text-align:center !important;
	  font-weight:600;
	}
		
    .mega-donatenow {
    margin: 10px 10px !important;
    position:unset;
        right: 0px !important;
    }
    .mega-ftf-btn {
    margin: 10px 10px !important;
    }
    .mega-ftf-btn a{
        text-align:center !important;
    }
    .mega-donatenow a{
        text-align:center !important;
    }
    /*slider */
     .desktop-slider{
        display:none;
    }
   .mobile-slider{
       display: block;
    }
     .mobile-appeals{
          display:block;
    }
    .desktop-appeals{
        display:none;
    }
    .currntap-back {
        background: #d3b068;
        height: 74%;
        position: absolute;
        width: 100%;
        margin-top: -27px;
        margin-left: 0px !important;
    }
    /*.container {*/
    /*  overflow-x: hidden;*/
    /*}*/
    .project-inner .apealimg img {
    width: 100%;
}
    .project-slider {
        padding-right: unset;
    padding-left: inherit;
    overflow: hidden;
    
    }
    .project-main{
            margin-top: 15px;
    }
    .footer-logo{
            margin-bottom: 20px;
    }
    .footer-1 p{
        margin-bottom: 20px;
    }
    .footer-address{
        margin-bottom: 20px;
    }
    .mobile-none{
        display:none !important;
    }
    .second-main{
    margin-top:40px !important;
    margin-bottom: 0px !important;
    }
    .vector-section .wpb_single_image {
        text-align:center !important;
    }
    .vector-section .wpb_text_column{
        text-align: center;
    margin-bottom: 0px;
    }
    .four-main{
          margin-top:40px !important;
    margin-bottom: 40px !important;
    }
    .main-about{
            display: -webkit-box;
    }
    .main-about .vc_col-sm-4{
            width: 50%;
    }
    .fourth-section h4 {
    font-size: 20px;
    margin-bottom: 0px;
    }
    .fourth-section h2 {
    font-size: 28px;
    margin-bottom: 0px;
    }
    .fourth-section p br{
        display:none;
    }
    .buttn-1 {
    width: 49%;
    }
    .buttn-2 {
    width: 49%;
    }
    .slider {
    padding-left: 10px !important;
    padding-right: 13px !important;
    }
  
    #mega-menu-menu-1{
            overflow: scroll;
    overscroll-behavior-y: auto;
    }
    .topheader p {
    text-align: center;
    }
    .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0!important;
        font: inherit;
        border: 1px solid #d3b068!important;
        height: 9px !important;
        margin: 10px !important;
        background: transparent;
        width: 9px !important;
        border-radius: 50px;
    }
    .owl-carousel .owl-dots .active{
        background:#d3b068 !important;
    }
    .owl-dots{
     text-align: center;   
    }
    
    /* cart */
    .ffp-modal .donation-items {
        height: 780px;
        background: #f2f2f2;
        height: 250px;
        overflow-y: unset;
        padding-bottom: 8px;
    }
    .modal.right .modal-dialog {
        width: auto;
    }
    .modal.right .modal-content {
        height: 100%;
    }
    .modal.right .modal-body {
        padding: 15px 4px 8px;
        display: flex;
        flex-flow: column;
        overflow-y: scroll;
    }

    .modal-body .donation-item .row {
        padding-left: 10px;
        padding-right: 10px;
    }
    .donation-item .col-1 {
        display: flex;
        justify-content: center;
        align-self: center;
    }
    .card-fees {
        align-items: baseline;
        display: flex;
    }
    .modal-footer .mr-modal-cta .col-6 {
        width: 100%;
        margin-bottom: 10px;
    }
    .projectread{
        width: 45%;
    }
     .projectmain{
        width: 45%;
    }
    .projectstext .pagestitle {
    font-size: 20px;
    }
        .rightfoot {
    text-align: center;
    }
    .copyright{
            text-align: center;
    }
    .testimonials-slider2 .apealimg{
        margin-top: 10px;
    }
    .archivepageheader {
        padding-bottom: 10px;
        margin-top: 0px;
        padding-top: 9px;
        margin-bottom: 50px;
        background: #000000;
    }
    .padg-right {
    padding-right: calc(var(--bs-gutter-x) * .5) !important;
    }
    .padg-left {
    padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }
    .related-singlepost {
    margin-top: 30px;
    }
    .footermenu{
         margin-bottom:15px;
     }
       #global-cart {
    display: block;
    }
    .singlepageheader h1 {
    font-size: 28px;
    text-shadow: none;
    }
    .singlepageheader {
    color: #197ba6;
    margin-top: 0px;
    
    }
    .single-descri {
    color: black;
    font-size: 14px;
    text-shadow: none;
    }
    .blue-descri {
    background: #197ba6;
    font-size: 16px;
    width: 88%;
    color: white;
	
    }
	.single-projects .blue-descri {
			display:none;
	} 
    .saba-modal .donation-items{
    height: 780px;
    background: #f2f2f2;
    height: 300px;
    overflow-y: unset;
    padding-bottom: 8px;
    }
    .projectsbox {
    display: block;
    }
    .projectsbox .apealimg {
        width: 100%;
    }
    .projectsbox .projects-main {
        width: 100%;
    }
    #inner-widget{
        padding:0px !important;
    }
    #inner-widget .vc_col-sm-2{
        display:none;
    }
    #inner-widget .donation-form .main-b {
    width: 50% !important;
    display: flex;
    justify-items: baseline;
    text-align-last: center;
    }
    #inner-widget .donation-form .main-b label{
        padding-left:0px;
        padding-right:0px;
    }
    .inner-single .vc_col-sm-4{
        display:none !important;
    }
    .inner-single .vc_col-sm-7>.vc_column-inner{
        padding-top: 7px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    
    }
    .paragraph-back {
    margin-bottom: 30px !important;
    }
    .inner-single{
        overflow:hidden;
            margin-left: -10px !important;
    margin-right: -10px !important;
    }
    .second-main{
         overflow:hidden;
             margin-left: -10px !important;
    margin-right: -10px !important;
    }
    .inner-single .vc_col-sm-7 .wpb_single_image{
        display:block !important;
    }
    .cart-page {
    height: 18vh;
    }
    .checkout-mainpage {
    padding: 15px;
    }
    .right-amounttext:before {
    top: -6px;;
    right: -26px;
    }
    }
    /*@media (min-width: 576px){*/
    /*.container, .container-sm {*/
    /*    max-width: inherit;*/
    /*}*/

    /*}*/
     /* iphone 6, 6s, 7, 8 */
    /* @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) { */
    /*.container, .container-sm {*/
    /*    max-width: inherit;*/
    /*}*/
         
    /* }*/
     
     /* iphone 6+, 6s+, 7+, 8+ */
    /*    @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) {*/
    /*        .container, .container-sm {*/
    /*    max-width: inherit;*/
    /*}*/
    /*     }*/
    
    /* tab */
    .about-hide{
        display:none;
    }
    #chkPassport{
           background: #1b71ac !important;
        border-radius: 4px !important;
        font-size: 16px;
        padding: 5px 31px !important;
        color: white !important;
        font-family: 'visbyheavy' !important;
        opacity: 1;
        border: none;
        line-height: 1.5;
        text-transform: uppercase;
    }
    @media (min-width: 768px) and (max-width: 992px){
		.three-nopadding .vc_column-inner {
    height: 100%;
}
        .dashboard-content {
    width: 60%;
            
        }
    .projectmain {
        width: 30%;
    }
    .saba-modal .container {
        overflow-x: hidden;
    }
        #chkPassport {
        font-size: 14px;
    }
    .inner-hding h4 {
        color: #197ba6;
        margin-bottom: 20px;
        padding-right: 0px;
        font-size: 16px;
        font-family: 'visbyheavy' !important;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        height: 47px;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        margin-bottom: 0px !important;
    }
    #whtdo_btn button {
        width: 191px !important;
        border: 0px !important;
        border-radius: 0px !important;
        margin-bottom: 2px;
        font-size: 16px !important;
    }
    .about-btnns{
        display: flex;
        justify-content: space-around;
        margin-bottom: 25px !important;
    }
    .about-three h2 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .about-three .vc_column_container {
        padding: 11.5px 5px !important;
    }
    .three-nopadding .vc_col-sm-4 {
        width: 33.33%;
    }
    .three-nopadding .three-one .wpb_text_column {
        padding: 0 0%;
    }
    .three-nopadding p {
    
        font-size: 14px;
    }
    .three-nopadding h2 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .three-nopadding .three-two .wpb_text_column {
        padding: 0 5%;
    }
    .three-nopadding .three-one {
        margin-right: -12px;
    }
    .three-nopadding .three-two {
        margin-top: 23px;
        margin-right: -15px;
    }
    .three-nopadding .three-three .wpb_text_column {
        padding: 0 7%;
    }
    .about-three p {
        padding-left: 0%;
        padding-right: 0%;
        font-size: 14px;
    }
    .singlepg-descri {
        width: 95%;
    }
    
   #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
        padding: 6px 0px 0px 0px !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
        font-size:16px !important;
    }
        .main-giftinner {
        max-width: 90%;
    }
    .three-innerbox .vc_col-sm-3{
        width:33.33%;
    }
    .none-display{
        display:none !important;
    }
    
    .inner-images .vc_col-sm-4{
        width:50%;
    }
    .inner-sections .vc_col-sm-5{
        width:50% !important;
    }
    .related-singlepost .pagestitle {
        height: 48px;
    }
    .related-singlepost .appeal-main .pagestitle a {
        font-size: 18px;
    }
    .footermenu{
        margin-bottom:20px;
    }
    .donate-card-item .col-md-2 {
        width: 25%;
        max-width: 25%;
    }
    .page-template-donation #donate-form label {
        font-size: 14px !important;
    }
    #donate-form .btn-donate{
          font-size: 14px !important;
    }
          .container {
        overflow-x: inherit;
    }
    #mega-menu-menu-1 .donatenow {
        position: relative !important;
        right: 0px !important;
        top: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin: 10px 10px !important;
    }
    .mega-ftf-btn{
        position: relative !important;
        right: 0px !important;
        top: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin: 10px 10px !important;
    }
     .mega-ftf-btn a{
        text-align:center !important;
    }
    .mega-donatenow a{
        text-align:center !important;
    }
    .mega-close-function{
        display:none !important;
    }
    #mega-menu-202-0{
         display:none !important;
    }
    #mega-menu-201-0-0{
         display:none !important;
    }
    .mobile-appeals{
          display:block;
    }
    .desktop-appeals{
        display:none;
    }
    .currntap-back {
        background: #d3b068;
        height: 74%;
        position: absolute;
        width: 103%;
        margin-top: -32px;
        margin-left: -10px;
    }
    .testimonials-slider2{
        margin-top:13px;
    }
    .project-slider {
        padding-right: 16px;
        padding-left: 16px;
        margin-bottom: 15px;
    }
    .project-inner .apealimg{
        text-align: center;
        margin-bottom: 18px !important;
    }
    .project-inner .apealimg img{
        width:100%;
    }
    .project-slider:nth-child(2n) .apealimg{
        text-align: center !important;
        margin-bottom: 18px !important;
    }
       .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0!important;
        font: inherit;
        border: 1px solid #d3b068!important;
        height: 9px !important;
        margin: 10px !important;
        background: transparent;
        width: 9px !important;
        border-radius: 50px;
    }
    .owl-carousel .owl-dots .active{
        background:#d3b068 !important;
    }
    .owl-dots{
        text-align: center;   
    }
     .modal.right .modal-body{
        display: initial !important;
    }
    .home-donate .form-row select {
        font-size: 14px;
    }
    .home-donate .form-row input{
        font-size: 14px;
    }
    .home-donate .col-md-2{
        width: 25%;
        max-width: 25%;
    }
    .home-donate .btn-dt{
        font-size:15px;
    }
    .vector-section p {
        font-size: 22px;
    }
    .vector-section h2 {
        font-size: 36px;
    }
    .vector-section .vc_col-sm-2{
            width: 25%;
    }
     .vector-section .vc_col-sm-10{
            width: 70%;
    }
    .main-about .vc_col-sm-4 {
        width: 50%;
    }
    .fourth-section h2 {
        font-size: 35px;
    }
    .fourth-section h4 {
        font-size: 23px;
    }
     .fourth-section p br{
         display:none;
     }
     .buttn-1 {
        width: 40%;
    }
    .buttn-2 {
        width: 40%;
    }
    .projectread {
        width: 30%;
    }
    .donatin-bilingin {
        left: 11%;
    }
    .singlepageheader {
        margin-top: -175px;
    }
    .singlepageheader h1 {
        font-size: 32px;
    }
    .single-descri {
    font-size: 17px;
    }
    .blue-descri {
        font-size: 21px;
        width:53%;
    }
    #global-cart {
        display: block;
    }
    .saba-modal .donation-items{
        height: 780px;
        background: #f2f2f2;
        height: 300px;
        overflow-y: unset;
        padding-bottom: 8px;
        }
        
    .projectsbox {
        display: block;
    }
    .projectsbox .apealimg {
        width: 100%;
    }
    .projectsbox .projects-main {
        width: 100%;
    }
    #inner-widget .vc_col-sm-8 {
        width: 80% !important;
    }
    #inner-widget .vc_col-sm-2 {
        width: 10% !important;
    }
     #inner-widget{
        padding-top: 0px !important;
        padding-bottom: 0px !important
    }
    .donation-form input[type="radio"]+ label span {
    font-family: 'helveticaregular';
    font-size: 10px;
        
    }
    .donation-form label{
        font-size:21px;
    }
    .main-b label {
    font-size: 16px !important;
    }
    .btn-donate {
    font-size: 16px;
    }
      .inner-single .vc_col-sm-4{
        display:none !important;
    }
    .inner-single .vc_col-sm-7{
        width:100%;    
        
    }
    .paragraph-back{
        margin-bottom:30px !important;
    }
    .inner-single .vc_col-sm-7 .wpb_single_image{
        display:block;
    }
    .zakat-forms .col-lg-4 {
    width: 50%;
    }
    .checkout-mainpage {
    padding: 15px;
    }
    .donation-summary h5 {
    font-size: 20px;
    }
    .checkout-mainpage .mb-2 {
    text-shadow: 1px 1px 0px #000000;
    font-size: 20px;
        
    }
    .right-amounttext:before {
    top: -9px;
    right: -20px;
    }
    .checkout-mainpage .btn {
    font-size: 13px;
    }
    .cart-page {
    height: 22vh;
    }
    }
    

    
    
    /*for 110 percent*/
@media (min-width: 1200px) and (max-width: 2000px) {
    .ftf-btn a{
        font-size:12px !important;
    }
    .donatenow a{
        font-size:12px !important;
    }
	.mega-ramdan-btns a {
    font-size: 12px !important;
}
	
    .box-sectionabout {
    height: 100%;
}
.gap-about {
    height: 40px !important;
}
}


/*for 125 percent */

@media (min-width: 993px) and (max-width: 1200px) {
		.three-nopadding .vc_column-inner {
    height: 100%;
}
    .project-slider .col-lg-6 {
        padding: 0px 12px;
    }
.gap-about {
    height: 40px !important;
}
    .second-mains {
        margin-top: 35px;
    }
     .gap-about{
        height:0px !important;
    }
        .page-template-donation #donate-form label {
        font-size: 13px !important;
    }
    #donate-form .btn-donate{
          font-size: 14px !important;
    }
    .ftf-btn a{
        font-size:12px !important;
    }
    .donatenow a{
        font-size:12px !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
         font-size:10px !important;
    }
     .inner-single .vc_col-sm-4{
        display:none !important;
    }
    .inner-single .vc_col-sm-7{
        width:100%;    
        
    }
    .inner-single .vc_col-sm-7 .wpb_single_image{
        display:block;
    }
     .paragraph-back{
        margin-bottom:30px !important;
    }
    .box-sectionabout {
    height: 100% !important;
}
}
#mega-menu-wrap-menu-1 .mega-menu-toggle {
	background: transparent !important;
}
#events-pg .pagestitle{
	    text-align: center;
   
    margin-bottom: 12px;
}
#events-pg .appeal-main .pagestitle a {
    line-height: 19px;
	font-size: 17px;
}
#events-pg .pagesexcerpt{
	    text-align: center;
}
#events-pg .apealsmain{
	margin-bottom:30px;
}
.em-events-search{
	display:none;
}
.events-pgs .wpem-event-listing-header-title{
    display:none !important;
}
.single-event_listing .entry-header{
     display:none;
}
.single-event_listing .wpem-single-event-footer{
    display:none;
}

/*pagniation */

.custom-pagination{
    TEXT-ALIGN: center;
    margin-bottom: 18px; 
}
.custom-pagination .prev{
    background: #197ba6 !important;
    color: white !important;
    padding: 4px 9px !important;
    border-radius: 0px !important;
}

.custom-pagination .current{
      background: #d4b168 !important;
}
.custom-pagination .next{
    background: #197ba6 !important;
    color: white !important;
    padding: 4px 26px !important;
    border-radius: 0px !important;
}
.custom-pagination .page-numbers{
        background: #197ba6;
    border-radius: 70px;
    color: white;
    padding: 4px 9px;
    text-decoration: none;
}
.custom-pagination .dots{
        color: #d4b168;
}
.check-new{
    display: flex;
    align-items: baseline;
}
.check-new label{
        padding-left: 10px;
}
.modaldx {
    display: flex;
    justify-content: center;
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity: 0.8;
    padding: 15%;
    text-align: center;
}
.modaldx .center {
    align-self: center;
    justify-content: center;
    display: block;
}
.modaldx .imgdx {
    width: 240px;
}

@media (min-width: 768px) and (max-width: 992px) {
  .btn-dt {
    background: #d71313 !important;
    color: white;
    font-family: 'visbyheavy' !important;
    font-size: 13px !important;
    height: 37px;
}
}
@media all and (device-width: 834px) and (device-height: 1112px) and (orientation:landscape) {
     .btn-dt {
    background: #d71313 !important;
    color: white;
    font-family: 'visbyheavy' !important;
    font-size: 13px !important;
    height: 37px;
}
}
.home-donate .form-select{
        padding: 7px 14px;
        text-transform: uppercase;
}
.home-donate .form-row input::placeholder{
     padding: 7px 0px;
        text-transform: uppercase;
}


.dashboard-content {
    width: 30%;
    padding: 21px;
    margin: 0px auto;
    background: #efefef;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0px;
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
    height: 100%;
    border-bottom: 3px solid #d3b068;
}
.profile-pic {
       margin-bottom: 27px;

    text-align: center;
    margin-top: -57px;
}
.dashboard-content .profile-pic img {
    width: 150px;
    height: 130px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
}
.dashboard-content .login-form input {
    padding: 5px 10px;
    border-radius: 0;
}
.dashboard-content small {
    color: #000;
}
.dashboard-content .btn-login {
        color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 0;
    background: #1b71ac !important;
    width: 100%;
    outline: none;
    border: none;
     font-family: 'visbyheavy' !important;
}
.profile-inner-pix{
    display: flex;
    align-items: center;
    background-color: #197ba6;
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 4px;
}
.profile-inner-pix img {
    margin-right: 10px;
}
.img-logout p{
        margin: 0px;
        color:white;
            font-family: 'visbyheavy' !important;
}
.img-logout .logout-link a{
        font-size: 12px;
    color: white;
    text-decoration: none;
}
.tablinks {
    width: 100%;
    padding: 15px;
    color: #ffffff;
        font-family: 'visbyheavy' !important;
    background-color: #197ba6;
    border: none;
    outline: none;
    margin-bottom: 5px; 
    cursor: pointer;
    border-radius: 0;
    border-radius: 4px
}
.tabs button.active {
    color: #ffffff;
    background-color: #d3b068;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #d3b068;
}
.table-success tbody+tbody, .table-success td, .table-success th, .table-success thead th {
    border-color: #d3b068;
}
.page-template-dashboard-myaccount h3{
    text-shadow: 1px 1px 0px #000000;
    font-size: 29px;
    color: #d3b068;
    margin-bottom: 10px;
    margin-top: 0px;
        margin: 9px 0px 20px !important;
    font-family: 'visbyheavy' !important;
}
.page-template-dashboard-myaccount label{
        font-weight: bold;
    font-family: 'visbyheavy' !important;
}
.page-template-dashboard-myaccount input::placeholder{
    text-indent:10px;
}
.page-template-dashboard-myaccount input{
    text-indent:10px;
}
.page-template-dashboard-myaccount .tabcontent button{
    background: #197ba6;
    color: white;
    font-family: 'visbyheavy' !important;
}
.page-template-dashboard-myaccount .tabcontent button:hover {
    background: #d3b068 !important;
    color: white;
    border: 1px solid #d3b068;
}
.page-template-dashboard-myaccount .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #d3b068;
    border-color: #dee2e6 #dee2e6 #fff;
}
.form-signin .avatar {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    background: #e8e3e3;
    padding: 15px;
}
.form-signin input {
    border: 1px solid #c8c8c8;
    margin-bottom: 10px;
    width: 100%;
}
.page-template-dashboard-myaccount .table {
    color: #fff;
    background: #197ba6 !important;
}
/*.table-striped>tbody>tr:nth-of-type(odd) {*/
/*    background: #d3b068 !important;*/
/*    color: #fff;*/
/*}*/
.table-striped>tbody>tr {
        background: #fafafa !important;
    color: #000 !important;
    opacity: 1;
}
.profile-pic .fa-solid {
    font-family: fontawesome;
    font-style: inherit;
    font-size: 56px;
    padding: 22px 31px;
    border-radius: 87px;
    background: #d4b168;
    color: #283e47;
}
.login-donor{
        background: url(https://sabarelief.uk/wp-content/uploads/2022/07/logo-1-6.png);
    background-repeat: repeat;
}
.login-donor .dashboard-login{
    margin: 60px auto;
}
.page-template-dashboard-myaccount hr{
    margin: 7px;
}
.profile-inner-pix .fa-user{
        font-family: fontawesome;
    font-style: inherit;
    font-size: 56px;
    padding: 0px 19px;
    color: #d4b168;
}

.vc_btn3.vc_btn3-size-md:hover{
	        background: #d3b068 !important;
}
.two_newsection{
    width: 1119px !important;
    display: flex;
    justify-content: center;
    margin: 40px auto !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
@media screen and (max-width:767px) {
	.win-donate#mega-menu-item-4777 {
    margin: 8px 7px !important;
}
    .two_newsection{
        width: unset !important;
        
    }
	#mega-menu-wrap-menu-1 .mega-donatenow > a {
    margin-left: 0px !important;
}

}
@media (min-width: 768px) and (max-width: 992px) {
    .two_newsection{
        width: unset !important;
        
    }
}


.gform_wrapper.gravity-theme .ginput_container_date input {
    width:100% !important;
}
#gform_submit_button_4{
	padding: 12px 30px 12px 15px;
    margin: 0;
    text-align: center;
    background: #1b71ac;
    color: white;
    border: none;
}
#gform_submit_button_5{
	padding: 12px 30px 12px 15px;
    margin: 0;
    text-align: center;
    background: #1b71ac;
    color: white;
    border: none;
}
.project-slider:nth-child(7) {
    display: none;
}
/* Add spacing between gallery slides */
.gallery-slider .slide {
    margin-right: 10px ; /* Adjust the spacing as needed */
}

.slick-next:before, .slick-prev:before {
    font-size: 25px !important;
}

.slick-prev {
    left: -34px !important;
}
.slick-dots {
   
    bottom: -35px !important;
  
}

.slick-dots li.slick-active button:before {

    color: #c7a965 !important;
}
.slick-dots li button:before {
  
    font-size: 12px !important;
    
}
@media screen and (max-width:767px){
	.gallery-slider .slide {
    margin-right: 0px ; /* Adjust the spacing as needed */
}
	.win-donate#mega-menu-item-4777 {
    margin: 8px 7px !important;
}
	.slick-next, .slick-prev {
  display:none !important;
}
}

.ramdan-btns > a {
    color: white !important;
    background-color: #bd0504 !important;
    color: #FFF !important;
    border-radius: 5px !important;
    transition: all ease 0.3s !important;
    margin-right: 5px !important;
        width: auto !important;
            margin: 10px 20px;
      
}
.ramdan-btns .rmp-menu-subarrow-active:hover {

    border-color:#d81b5a !important;
    background-color: #d81b5a !important;
}
.ramdan-btns .rmp-menu-subarrow:hover {
     border-color:#d81b5a !important;
    background-color: #fff !important;
}
.ramdan-btns .rmp-menu-subarrow {
     border-color:#d81b5a !important;
    background-color: #fff !important;
}

.mega-ramdan-btns a {
    background: #d2b067 !important;
	padding: 0px 12px !important;
    border-radius: 4px !important;
    color: white !important;
    font-family: 'visbyheavy' !important;
    font-size: 13px;
}