/*
@font-face {
    font-family: 'hero_newbold';
    src: url('fonts/hero_new_bold-webfont.woff2') format('woff2'),
         url('fonts/hero_new_bold-webfont.woff') format('woff'),
         url('fonts/hero_new_bold-webfont.otf') format('ot'f);
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'hero_newregular';
    src: url('fonts/hero_new_regular-webfont.woff2') format('woff2'),
         url('fonts/hero_new_regular-webfont.woff') format('woff'),
         url('fonts/hero_new_regular-webfont.woff') format('otf');
    font-weight: normal;
    font-style: normal;

}*/


@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*font-family: 'Noto Kufi Arabic', sans-serif;*/

/* Preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #3a2f8b;
    z-index: 999999;

}

#status {
    width: 82px;
    height: 98px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../images/loading.png);
    background-repeat: no-repeat;
    background-position: center;
    margin: -40px 0 0 -40px;
    animation-name:spin;
    animation-duration: 3000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}



/*************************/


body{
 	font-family: 'Noto Kufi Arabic', sans-serif;
	font-size:16px;
	font-style: normal;
	line-height: 30px;
	font-weight:400;
	color: #000;
	text-decoration: none;
	margin:0px;
	-webkit-font-smoothing: antialiased;
	padding:0;
	overflow-x:hidden;

}

html {
  /*scroll-behavior: smooth;*/
  overflow-x:hidden;
}

* {
    -webkit-box-sizing: border-box;
       -mox-box-sizing: border-box;
            box-sizing: border-box;
}

::selection {
        background: #000; /* Safari */
		color:#fff;
        }
::-moz-selection {
        background: #000; /* Firefox */
		color:#fff;
}


a {
	color:#31378d;
	text-decoration: none;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	}
	
a:hover {
	color: #ee2b7a;

	}
p {
    margin: 0px 0 20px 0;
    clear: left;
    padding: 0;
    line-height: 26px;
	}
	
	
h1, h2, h3, h4 {
	margin:0 0 20px 0;
	padding:0;
	font-weight:700;
	font-family: 'Noto Kufi Arabic', sans-serif;
}	

hr {
	margin:20px  0 50px 0;
	height:0;
	border:0;
	border-top:1px solid rgba(0,0 ,0 ,0.11);
	float:left;
	width:100%;
	position:relative;
}
h1{
	font-family: 'Noto Kufi Arabic', sans-serif;
	color: #1c1647;
	font-size:55px;
	line-height: 60px;
	margin:20px 0;
}

h2{
	color: #3bbeb4;
	font-size:65px;
	line-height: 70px;
	margin:5px 0;
}
.heading{
    color: #3bbeb4;
    font-size: 43px;
    line-height: 43px;
    margin: 0px 0 20px 0;
    display: inline-block;
    padding: 15px 20px;
    border: 3px solid #ccc;
    background: rgb(57,44,150);
background: linear-gradient(90deg, rgba(57,44,150,1) 0%, rgba(219,43,124,1) 100%);
      -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  font-weight: 
}
.heading2{
	   font-size: 43px;
    line-height: 43px;
    margin: 0px 0 20px 0;
    display: inline-block;
	color: #29357f;

}
.thin{
	font-weight: 500;
}
.heading3{
	font-weight: 500;
}
.heading-small{
	    font-size: 34px;
    line-height: 34px;
}
.grey-box{
border: 3px solid #666;
}
h3{
    font-family: 'Noto Kufi Arabic', sans-serif;
    font-size: 40px;
    line-height: 50px;
    color: #1c1647;
    margin: 22px 0;
}
img{
	border:0;
}	

a img {
	border: 0;
	}
	.clear{
		clear:both;
	}


ul.list {
    margin: 10px 0 10px 0;
    padding: 0;
    list-style: none;
    width: 100%;
    float: left;
}

.list li {
    margin: 16px 0;
    padding: 0 0 0 32px;
/*    background-image: url(../images/bullet.png);*/
    background-repeat: no-repeat;
    background-position: left 4px;
    list-style-position: inherit;
    background-size: 8px;
    line-height: normal;
    position: relative;
    font-weight: 600;
   /* line-height: 40px;*/
}
.list li:before {
	position: absolute;
	top:0;
	left:0;
	  font-family: 'FontAwesome';
	content: '\f00c';
	font-size: 20px;
	font-weight: 200;
	color: #2bbeb4

	}

	/****************TEXT ALINGS*********/
.justify{
	text-align:justify;
}

.text-center{
	text-align:center;
}
.text-right{
	text-align:right;
}

 
.text-white{
	color:#fff;
	}
.text-blue{
	color:#2cc2b8;
}	
		
	
.text-black{
	color:#000
}
.highlight{
	background: #2bc0b6;
	
	color: #fff;
	text-transform: uppercase;
	padding: 15px 50px 15px 25px;
	position: relative;
	line-height: 50px;

}
.highlight2{
    background: #2bc0b6;
  
    color: #fff;
    text-transform: uppercase;
    padding: 15px 50px 15px 25px;
    position: relative;
    line-height: 50px;
    font-size: 16px;
    display: block;

}
/*.highlight:after{
    position: absolute;
    right: -28px;
    content: '';
    width: 50px;
    height: 79%;
    background: #000;
    border-right: 0px solid #2bc0b6;
    -webkit-transform: rotate(
-25deg
) translate(-9px, 6px);
    transform: rotate(
-25deg
) translate(-9px, 6px);
}*/
.highlight:after{
    position: absolute;
    right: -26px;
    top: 0;
    content: '';
    width: 27px;
    height: 52px;
    background: url(../images/ribbon.png) no-repeat top;
}



	
/*--------------------------BIG SCREEN DEFAULT-----------------------------------*/



.header{
	width:100%;
/*	position:absolute;*/
	left:0;
	top:0;
	z-index:99;
	padding:7px  0px 9px  0px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    float: left;
	
	/*-webkit-box-shadow: 0px 2px 12px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 2px 12px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 2px 12px 0px rgba(50, 50, 50, 0.2);*/
}
header.smaller {
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    -webkit-box-shadow: 0px 1px 5px 0px rgb(50 50 50 / 41%);
    -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);
    box-shadow: 0px 1px 5px 0px rgb(50 50 50 / 41%);
}
.header-in{
   display: flex;
    align-items: flex-end;
    width: 100%;
    justify-content: space-between;
}
.header-left, .header-right{
	display: flex;
	align-items: flex-end;
	gap:15px;
}
 .back{
 	width:50px;
 	height:50px;
	 position:fixed;
 	bottom:0;
 	right:0;
 	background-color:#2bc0b6;
 	text-align:center;
 	line-height:50px;
	 color:#fff;
	 display:none;
 }
  .back:hover{
 	 background-color:#403F41;
  }


 .container{
	width:1600px;
	margin:0 auto;
	position:relative;
	z-index:2;
}

.logo{

}
.logo img{
max-width: 185px;
}
img.logo {
max-width: 100%
}
img.logo1{
	max-width: 175px;
}
img.logo2{
	max-width: 373px;
}
img.logo3{
	max-width: 161px;
}
img.logo4{
	max-width: 157px;
}
.menu-wrapper{
	width: 100%;
	float: left;
	

}
.call{
	width: 20%;
	float: right;
}
.call-number {
    position: relative;
    padding: 0 0 0 60px;
    margin: 0 0 0px 0;
    width: 100%;
    float: left;
    font-size: 15px;
    line-height: 23px;
}
.call-number i {
    position: absolute;
    left: 0;
    top: 5px;
    color: #fff;
    font-size: 19px;
}
.number{
	 
	 font-size:16px;
}

.circle {
    width: 37px;
    height: 37px;
    background-color: #2bbeb4;
    text-align: center;
    color: #fff;
    line-height: 37px !important;
    border-radius: 50%;
}
/*------------------------------------rows----------------------------------*/
.row-flex{
	display: flex;
	flex-wrap:wrap;
	width: 100%;
	float: left;
}
.justify-center{justify-content: center;}
.align-center{align-items: center;}
.space-between{justify-content: space-between;}
.step-one{
	flex:0 0 33%;
	position: relative;
	padding: 0 50px;
	text-align: center;
}
.step-one h3{
	color: #4664a4;
	font-size: 20px;
	margin-bottom: 20px
}
.step-one:after{
	content: '';
	width:53px;
	height: 69px;
	position: absolute;
	top:16%;
	right:-50px;
	background: url(../images/icons/arrow.png) no-repeat center center;
}
.step-one:last-child:after{
	display: none;
}
.banner-heading{
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.donate-box .amt-others {
    font-size: 19px !important;
}
.donate-box{
	background: rgb(57,44,150);
	background: linear-gradient(45deg, rgba(57,44,150,1) 0%, rgba(219,43,124,1) 100%);
	padding: 50px;
	text-align: center;
	margin-bottom: 30px;
	width: 19%;
}
.donate-box .hand{
	padding: 50px 0 0 0;
position: relative;
}
.donate-box .hand .amount{
    width: 53px;
    height: 53px;
    border-radius: 100%;
    font-size: 30px;
    color: #6d357c;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    position: absolute;
    top: 10px;
    left: 55%;
    font-weight: 700;
    letter-spacing: -2px;

}
.btn{}
.btn a{
display: inline-block;
    padding: 5px 23px;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700;
}
.btn a:hover{
background: #fff;
color: #6d357c;
	}

.treatmet-box{
	position: relative;
	padding: 0px 30px 0px 30px;

}
.treatmet-box:after{
	content: '';
	background: #d9d9db;
width: 6px;
height: 120px;
position: absolute;
top:80px;
left:0;

}
.treatmet-box h3{
    color: #000;
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 15px;
    font-weight: 500;
	}
.three-flex-col{
	flex:0 0 30%;
}
.more{}
.more a{
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 100%;
}
.more a img{
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	}
.more:hover a img{
filter: grayscale(1) ;
transform: rotate(-360deg);
}


.donor-row{
	gap:3%;
}

.donor-box{
	flex:0 0 31%;
	padding: 15px 20px;
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to right, #34308e, #de2777) 1;
    margin-bottom: 3%;
 
}
.donor-box p{
	  margin-bottom: 10px;
	}
.name{
	font-size: 16px;
	font-weight: bold;
}
.donor-box .name{
text-align: right;
    margin-bottom: 10px;
	}
.readmore{}
.readmore a{
	display: inline-block;
	color: #324463;
	font-size: 14px;
	line-height: 14px;
	padding: 0 15px 0 0px;
	background: url(../images/icons/readmore.png) no-repeat top right;
}
.readmore a:hover{
	padding: 0 18px 0 0px;
}
.flex-gap{
	gap:2%;
}
.story-box{
	flex:0 0 32%;
	display: flex;
	gap:16px;
	margin-bottom: 2%;
}
.story-box p{
/*font-size: 13px;*/
    line-height: 22px;
    color: #666;
    margin-bottom: 7px;
}
.story-box .photo {
	width: 35%;
}
.story-box .photo img{
width: 100%;
}
.story-box .desc{
	width: 60%;

}
.underline{
	color: #294a73;
	text-decoration: underline;
}

.contact-box{
	position: relative;
	padding: 25px;
	background: #e7e8ea;
	color: #58749c;
	flex:0  0 29%;
	text-align: center;
}
.contact-box h5{
color: #58749c;
font-size: 20px;
text-transform: capitalize;
font-weight: 500;
text-align: left;
}
.contact-box a{
color: #58749c;
font-size: 20px;
font-weight: 700;
}
.contact-box a:hover{
	color: rgba(219,43,124,1)
	}
.contact-box a.a-btn{
	background: #58749c;
	padding: 2px 16px;
	color: #fff;
	font-weight: 500;
}
.contact-box a.a-btn:hover{
 background: rgb(57,44,150);
    background: linear-gradient(45deg, rgba(57,44,150,1) 0%, rgba(219,43,124,1) 100%);

}
.contact-box i{
width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    color: #e8e8e0;
    background-color: #58749c;
    border-radius: 100%;
    position: absolute;
    top: -36px;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.contact-box:hover i{
	    background: rgb(57,44,150);
    background: linear-gradient(45deg, rgba(57,44,150,1) 0%, rgba(219,43,124,1) 100%);
    color: #fff;
    transform: rotate(-360deg);
	}
.highlight-text{
	font-size: 20px;
	line-height: 25px;
}

.copy{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.f-center{
	display: flex;
	align-items: center;
}
.f-center a{
    display: inline-flex;
    align-items: center;
    padding: 5px 15px;
    background: #fff;
    font-size: 20px;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 0 4px;
    font-weight: bold;
}
.f-center a i{
	margin-right: 4px;
	font-size: 25px;
	color: #26b6ce;
	}

.f-center a i.fa-phone{
    width: 25px;
    height: 25px;
    border: 1px solid #26b6ce;
    border-radius: 100%;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.f-center a i.fa-whatsapp{
	color: #51aa3e;
}

.table-style {border-collapse: collapse; width: 100%;}
.table-style th, .table-style td {text-align: left;padding: 8px; border: 1px solid #d9d9d9;}
.table-style tr:nth-child(even){background-color: #f2f2f2}
.table-style th { background-color: #2e358f; color: white;}

.langauges{
display: inline-block;
    background: #31378d;
    color: #fff;
    padding: 2px 10px;
    margin-bottom: 11px;
    position: absolute;
    top: -7px;
    left: 0;
}
.langauges:hover{
	 background: #999;
	 color: #fff;
	}
/*************** paddings ***************/
.pt-100{padding-top: 100px}
.pb-100{padding-bottom: 100px}
.pt-50{padding-top: 50px}
.pb-50{padding-bottom: 50px}
.pt-70{padding-top: 70px}
.pb-70{padding-bottom: 70px}
.pt-30{padding-top: 30px}
.pb-30{padding-bottom: 30px}
.pt-20{padding-top: 20px}
.pb-20{padding-bottom: 20px}
.pt-0{padding-top: 0px}
.pb-0{padding-bottom: 0px}

.pad-0{padding: 0}
.pad-25{padding: 25px}
.pl-100{padding-left: 100px}
.pr-100{padding-right: 100px}
.pl-80{padding-left: 80px}
.pr-80{padding-right: 80px}
.pl-20{padding-left: 20px}
.pr-20{padding-right: 20px}
.pl-30{padding-left: 30px}
.pr-30{padding-right: 30px}
.pl-50{padding-left: 50px}
.pr-50{padding-right:50px}
.pl-70{padding-left: 70px}
.pr-70{padding-right: 70px}
.pr-20{padding-right: 20px}
.mt-100{margin-top: 100px}
.mb-100{margin-bottom: 100px}
.mt-50{margin-top: 50px}
.mb-50{margin-bottom: 50px}
.mt-0{margin-top: 0px}
.mb-0{margin-bottom: 0px}
/*************** paddings ***************/
.smd1{
    width:100%
}
.smd2{
    width:50%
}
.smd3{
    width:33.33333333333333%
}
.smd4{
    width:25%
}
.smd5{
    width:20%
}
.smd6{
    width:16.66666666666667%
}
.smd40{
    width:40%
}
.smd60{
    width:60%
}
.smd30{
    width:30%
}
.smd70{
    width:70%
}
.smd75{
    width:75%
}
/*--------------*/
section{
	width:100%;
	float:left;
	margin:0;
	padding:0;
	position:relative;

}
.arabic{
	direction: rtl;
	text-align: right;
}
.arabic p{
	font-size: 19px;
	line-height: 30px;
}
.pad-150{
	padding:150px 0;
}
.pad-70{
	/*padding:70px;*/
	padding:4%;
}
.padtop-80{
	padding-top:80px;
}
 .pad-100{
	padding:100px 0;
}
.para-pad{
	padding:0 100px;
}
 
.pad-both{
	padding:0 65px;
}
 
.margin-bottom{
	margin:0 0 25px 0;
}
.pad-left-30{
	padding-left:30px;
}
.pad-left{
	padding-left:80px;
}
.pad-right{
	padding-right:80px;
}
.gap-350{
	width:100%;
	height:350px;
	float:left;
}
.gap-200{
	width:100%;
	height:200px;
	float:left;
}

.less{}
.gap-100, .gap-50, .gap-20{
	width:100%;
	height:100px;
	float:left;
}
.gap-50{
	height:50px;
	}

.gap-20{
	height:20px;
	}
	
.back-margin{
	position:relative;
	margin-top:-300px;
}	

.back-margin-200{
	position:relative;
	margin-top:-200px;
}	
.back-margin-100{
	position:relative;
	margin-top:-100px;
}	

 
.form-inner{
	width:100%;
	background-color:#fff;
	float:left;
	padding:10px;
	margin-top:70px;
 

}
.inset{
	padding:40px;
	min-height:350px;
}
.form-inner h2{
	background-color:#233E8B;
	padding:15px 25px;
	text-align:center;
	color:#fff;
	font-size:20px;
	font-weight:300;
	margin:0 0 5px 0;
}
 
.form-inner h2 span{
	font-weight:500;
} 
.section2{

}
.float-right{
	float: right;
}
.float-none{
	float: none;
}
h2 span.small{
	font-size: 48px;
}

.section2 .bluebox{
	width: 55%;


}
.section2 .bluebox p{
	font-size:18px;
	letter-spacing: 1px;
	text-align: left
	

}

.faq-div{
	color: #343434;

}
.faq-div ul.list li{
	color: #1c1647;
	font-size:18px;
	font-weight: 500;
}
.faq-div ul.list {
float: none;
}
.faq-div p{
    color: #343434;
    line-height: 25px;
    margin: 16px 0;
    text-align: left;

}
.faq-single{
	padding:13px 0;
}

.question{
    color: #1c1647;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
}
.section2 .pad-right{
	padding-right: 52px;
	border-right: 1px solid #d0cecf;
}

.section2 .pad-left{
	padding-left: 75px;
	
}


.section3{
	color: #fff;

}

.split-mask {
    width: 50%;
    height: 100%;
    top: 0;
    left:0;
    position: absolute;
    background: rgba(67, 78, 127, .8)
}

.diagnostic-tests{}
.section3  .highlight-text{
    font-size: 30px;
    text-transform: uppercase;
    line-height: 50px;
    font-weight: 600;


}

.section4{
	color: #343434;
	
}
.section4 p.bigtext{
	color: #343434;
	font-size:22px;

	text-align: center;
}
.section4 ul.list{
	}
.section4 ul.list li{
	display: inline;
	margin:10px 15px;
	}

.section5{
	

}

.section5 p{
	margin-top: 0;

}

.section6{


}



.contact-top{

}

.contact-bottom{
    border-top: 1px solid #4c5d73;
    padding: 30px 0;
    width: 100%;
    float: left;
    font-size: 12px;
    line-height: 23px;
	
}

.padbottom0{
	padding-bottom: 0px;

}
.footerlogo{

}
.address{

}
p.add {
    position: relative;
    padding: 0 0 0 60px;
    margin: 0 0 15px 7px;
    width: 100%;
    float: left;
}
p.add i {
    position: absolute;
    left: 0;
    top: 5px;
    color: #2cc2b8;
    font-size: 18px;
}
.address{
	padding-top: 10px
}
.margintop0{
	margin-top:0;
}
img.social {

}
img.social:hover {
	opacity: 0.8
	
}

.section7{

}
.googlemap{
	width: 100%
}
.googlemap iframe{
	width: 100%;
	height: 600px;
}
/*************BACKGROUND COLORS****************/

.light-blue-bg{
	background-color:#DCE5F0;
}
.dark-blue-bg{
	background-color:#434e7f;
	color:#fff;
}
.dark-blue-bg h1{
	color:#fff;
	color:#fff;
}

.white-bg{
	background-color:#FFF;
 
}
.cream-bg{
	background-color:#E3DEDA !important;
}

.green-bg{
	background-color:#BDDCDA !important;
	}
	
/*****************/
.cover-bg, .cover-bg-cream, .cover-bg-green{
	position:relative;
	background-repeat: no-repeat;
	background-position: center  center;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment:fixed;
 
}

.cover-bg:before{
	width:40%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background-color:#fff;
	content:'';
 
}
 
.cover-bg-cream:before{
	width:40%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background-color:#E3DEDA;
	content:'';
 
}

.cover-bg-green:before{
	width:40%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background-color:#BDDCDA !important;
	content:'';
 
}
.overlayer-text-parent{
	width:50%;
	float:left;
	background:#073693;
	position:relative;
	z-index:2;
}

.overlayer-text-child{
	width:600px;
	float:right;
	padding:70px 50px 70px 0;
	color:#fff;
}
.overlayer-text-child p:last-child{
	margin:0;
}	

.section-footer{
    width: 100%;
    float: left;
    display: block;
    position: relative;
    padding: 30px 0;
    z-index: 2;
    background-color: #e6e7e9;
    margin-top: 0px;
}
.section-footer .smd2{
	float:right;
	text-align:center;
}
 .margin-top-zero{
 	margin-top:0;
	}

/**********parallax********/

.jarallax {
    position: relative;
    /*background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;*/
	background-repeat: no-repeat;
	background-position: center  center;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/*background-attachment:fixed;*/
}


.cover{
	background-repeat: no-repeat;
	background-position: center  center;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.section-banner{
	min-height: 600px;
	padding-left:3%;
}	
.section-banner-small{
	min-height: 447px;
}
.section-bg1{
	background: url(../images/backgrounds/section-bg1.jpg), #e7ecf0;
	background-repeat: no-repeat;
	    background-position: top center;
	    background-size: cover
}  

.section-bg2{
	background-image: url(../images/backgrounds/section-bg2.jpg);
		background-repeat: no-repeat;
	background-position: top  center;

} 
.section-bg3{
	background-image: url(../images/backgrounds/section-bg3.jpg);
	background-repeat: no-repeat;
	background-position: top center;
} 
.section-bg4{
	background-image: url(../images/backgrounds/section-bg4.jpg);
	background-repeat: no-repeat;
	background-position: top center;
} 
.section-bg5{
	background-image: url(../images/backgrounds/section-bg5.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
} 
.section-bg6{
	background-image: url(../images/backgrounds/section-bg6.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
} 
.section-bg7{
	background-image: url(../images/backgrounds/section-bg7.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
} 

.mobile-image {
    width: 100%;
    float: left;
    display: none !important;
}
.mobile-image img {
    width: 100%;
    display: block;
}
.pt-50{padding-top: 50px;}
.pb-50{padding-bottom: 50px;}
.uppercase{text-transform: uppercase;}


/*********COLUMS AND ROWS***************/
.row {
	width:100%;
	float:left;
	display:block;
	position:relative;
}

	
.aside, .summary{
	width:30%;
	float:left;
	margin:0;
	display:block;
	
}
.summary{
	width:70%;
}
.fullwidth{
	width:100%;
	display:block;
}
.clearfix{
	width:100%;
	height:30px;
	float:left;
	margin:0;
	padding:0;
	display:block;
}



.two-col{
	width:47%;
	float:left;
	margin-right:6%;
	position:relative;
}

.three-col{
	width:30%;
	float:left;
	margin-right:5%;
	position:relative;
}
.four-col{
	width:22%;
	float:left;
	margin-right:4%;
	position:relative;
}


.last{
	margin-right:0 !important;
}



/**********forms**************/

form{
	margin:0;
	padding:0;
}

*:focus {  
	outline: none;
}
	

.fieldset {
    width: 100%;
    height: auto;
    padding: 7px 15px;
    line-height: 36px;
    background: transparent;
    display: block;
    border: 0;
    border: 1px solid #ccc;
    font-weight: normal;
    margin: 0;
    color: #777 !important;
    font-size: 15px;
    float: left;
    margin-bottom: 15px;
}
select.fieldset{
	    height: 50px;
    margin-top: 1px;
}
::placeholder {
	color: #777 ;
}




/*.secondary{
	height:auto !important;
	border-left:0 !important;
	border-top:0 !important;
	border-right:0 !important;
	border-bottom:1px solid #063592 !important;
	padding:16px 0 16px 0;
}
*/
.sendbutton{
    width: auto;
    border: 0;
    outline: 0;
    color: #fff;
    font-size: 30px;
    line-height: 32px;
    font-weight: 600;
    /* font-family: 'hero_newbold'; */
    cursor: pointer;
    padding: 16px 33px;
    text-align: center;
    background-color: #2cc2b8;
    display: inline-block;
    margin: 0 0 25px 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.sendbutton:hover{
	background-color:#000;
}
 
.full{
	width:100%;
}










/*********medea query 1180**************************************/

@media only screen and (max-width: 1600px) {

.container{
	width:96%;
}
}

@media only screen and (max-width: 1200px) {

.container{
	width:100%;
	float:left;
	padding:0 15px;
}
.header-in {
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
img.logo1 {
    max-width: 118px;
}
img.logo2 {
    max-width: 300px;
}
.copy {
    flex-direction: column;
    gap: 20px;
}
.pad-150 {
    padding: 50px 0;
}
.menu-wrapper {
     width: 100%; 
    float: left;
    font-family: 'hero_newbold';
}

.section2 .bluebox{
	width: 100%
}
	
.logo{
	width:100%;
	text-align:center;
} 
.call {
    width: 200px;
    float: none;
    margin: 0 auto;
    clear: both;
}
.section2 .pad-right, .section2 .pad-left  {
    padding-right: 0;
    padding-left: 0;
    border-right: 0px solid #d0cecf;
}

.split-mask {
    width: 100%;
}

.smd2, .smd3, .smd4, .smd5, .smd66 {
     width:100%;
     
}
.pad-left-30{
	padding-left:0px;
}
.googlemap iframe{
	height: 400px;
}

}
/***********************980px *************************************/

@media only screen and (max-width: 1024px) {

.donor-box{
	flex:0 0 48%;
 
}
.section-banner {
    min-height: 400px;
    padding-left: 50px;
}
.donate-box {
    width: 32%;
}
}


@media only screen and (max-width: 800px) {



}






/***********************767px *************************************/
@media only screen and (max-width: 768px) {



.two-col, .three-col, .four-col, .aside, .summary, .intro-img, .intro-content {
     width:100%;
	 margin:0 0 5px 0;
     
}

.pad-150,  .pad-100{
	padding:20px 0;
}
 
 
.para-pad, .pad-both{
	padding:0;
}
 
.pad-left,
.pad-right{
	padding:0;
}
.gap-100, .gap-50, .gap-20{
	height:5px !important;
}
.gap-350, .gap-200{
	height:25px;
}
.less{
	height:0 !important;
	margin:0 !important;
}
.list{
	margin:0;
 
}

.form-inner h2{
 
	padding:10px 15px;
	color:#fff;
	font-size:16px;
 
}
 
.overlayer-bg{
	width:100%;
	height:200px;
	position:relative;
	float:left;
	top:auto;
	right:auto;
}


.overlayer-text-parent, .overlayer-text-child{
	width:100%;
 
}

.overlayer-text-child{
	padding:20px;
 
}


.back-margin, .back-margin-200, .back-margin-100{
	margin-top:0;
}	
 
.gap-350, .gap-200{
	height:25px;
}
.less{
	height:0 !important;
	margin:0 !important;
}
.inset{
	padding:20px;
	min-height:auto;
}


h1 {
    font-size: 34px;
    line-height: 38px;
    margin: 25px 0;
}
h2{
	    font-size: 40px;
    line-height: 43px;
}
h3{
    font-size: 20px;
    line-height: 30px;
    margin: 10px 0;

}
h2 span.small {
    font-size: 28px;
}
.highlight:after {
	display: none;
	}


.googlemap iframe{
	height: 300px;
}
.section6 .text-right{text-align: center;

}
.donate-box {
    width: 48%;
}
.step-one {
    flex: 0 0 100%;
}
.step-one:after {
    position: absolute;
    top: auto;
    bottom: -28px;
    right: 0;
    left: 0;
    margin: 0 auto;
    transform: rotate(90deg);
}
.step-one {
    padding: 30px 0px;
}
.smd70{width: 100%}
.banner-heading {

}
.three-flex-col {
    flex: 0 0 100%;
    margin-bottom: 30px;
}
.section-banner {
    min-height: 350px;
    padding-left: 50px;
}
.pt-100, .pt-70, .pt-80,.pt-50{
    padding-top:30px;
}
.pb-100, .pb-70, .pb-80,.pb-50{
    padding-bottom:30px;
}
.pl-100, .pl-70, .pl-50{padding-left:0;}
.pr-100, .pr-70, .pr-50{padding-right:0;}
}


/***********************640 px *************************************/

@media only screen and (max-width: 640px) {


body{
	font-size:13px;
	line-height:16px;
}

.home-split{
	width:100%;
	padding:20px 0 0 0;
}
 

.home-split .heading {
	 	 
	font-size:20px;
	line-height:20px;
}
.form-inner{
	margin:0 0 25px 0;
}

.heading{
	font-size:20px;
	line-height:20px;
	padding: 5px 10px;
}
.subtitle, .subtitle-small, .subheading{
	font-size:16px;
	line-height:18px;
}
.more-information-wrap-outer{
	padding:10px 0;
}
.more-information-wrap{
	padding:10px;
	border-radius: 0;
	font-size:16px;
	margin:0 0 25px 0;
 
}
 
 
 .donor-box{
	flex:0 0 100%;
 
}
 
.more-information-wrap:before { 
	left:0;	
}
 .more-information-wrap:after{
 	right:0;
	 
 }
 
.more-information-wrap h2{
	
	font-size:12px;
	line-height:12px;
	margin:-15px 0 10px 0;
}
 
 .custom-select:after{
	 width:40px;
	 height:40px;
 	 
	}
 
 
 .custom-select__trigger {     
     padding: 0 10px;
	 font-size:14px;
     height: 40px;
     line-height: 40px;
}
 
 .custom-option {
     padding: 0 102px 0 10px;
     font-size: 14px;
     line-height: 40px; 
}
.arrow {
     height: 15px;
     width: 10px;
	 left:0px;
	  
}

.fieldset, .send-button{
	padding:10px 20px;
}
.inset{
	padding:20px;
}
.contact-box{
	flex:0  0 100%;
	margin-bottom: 70px;

}
.donate-box {
    width: 100%;
}
.section-banner {
    min-height: 200px;
    padding-left: 10px;
    padding-right: 10px;
}
.f-center a {
    font-size: 12px;
    }
    .f-center a i {
    margin-right: 4px;
    font-size: 15px;
    color: #26b6ce;
}
.f-center {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}
.f-center a i.fa-phone {
    width: 17px;
    height: 17px;
    border: 1px solid #26b6ce;
    border-radius: 100%;
    font-size: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.f-right img{
	max-width: 150px;
}
.heading-small {
    font-size: 23px;
    line-height: 27px;
}
.sendbutton{
	font-size: 25px;
	line-height: 25px;
	}
}




/***********************480 px *************************************/

@media only screen and (max-width: 480px) {
 	.langauges{
 		position: relative;
 	}
 	.header-in {
    align-items: flex-start;

}
.logos{
	float:left;
}
 
.logos ul li{
	padding:5px;
	float:none;
	margin:0;
	display:inline-block;
}
.logos ul li:last-child{
	border-left:1px solid #ccc;	
}
.logos img{
	display:block;
	height:30px;
}
 
.awards img{
	width:70px;
}
 
.cover-bg:before, .cover-bg-cream:before, .cover-bg-green:before{
 
width:100%;	 
 
}
.section-bg1, .section-bg2, .section-bg3, .section-bg4, .section-bg5,.section-bg6,.section-bg7, .section-bg8, .section-bg9, .section-bg10, .section-bg11, .section-bg12, .section-bg13{ 
	background-position: top center
} 

.section-bg1{ 
background-size:120%;
} 
.section-bg2{ 
background-size: cover;
} 
.section-bg3{ 
background-size:100%;
} 
.padtop-80 {
    padding-top: 0px;
}
.cover-bg{
	padding:0;
}
.mobile-image{
	display:block !important;
	margin-bottom:20px;
} 
.homecare-vector{
	width:250px;
}
}


@media only screen and (max-width: 360px) {

.homecare-vector{
	width:150px;
}
}


@media only screen and (max-width: 320px) {


}