/* CSS Document */

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.m-0 {
    margin: 0 !important;
}

.mb-3 {
    margin-bottom: 1rem;
}

.px-2 {
    padding-left: 2em;
    padding-right: 2em;
}

.rows {
    display: flex;
    flex-wrap: wrap;
}

.align-items-center {
    align-items: center;
}

.col-3 {
    width: 30%;
}

.col-4 {
    width: 40%;
}

.col-6 {
    width: 60%;
}

.col-7 {
    width: 70%;
}

.col-8 {
    width: 80%;
}

.img-box {
    padding: 1em;
}

.img-box img {
    border-radius: 20px;
}

a.main-btn {
    display: inline-block;
    padding: 5px 15px;
    background: #ed1b24;
    color: #ffffff;
    border-radius: 3px;
}

li {
    list-style: none;
}

body {
    font-family: 'Jost', sans-serif;
    font-size: 18px;
    letter-spacing: .4px;
    color: #000000;
    line-height: 28px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Spectral', serif;
}

p {
    margin: 0 0 20px;
}

img {
    max-width: 100%;
}

.Clear {
    clear: both;
    padding: 0px;
    margin: 0px;
}

.Wrapper {
    width: 1200px;
    margin: auto;
}

.HeaderBg {
    background: #fff;
}

.Logo {
    background: #fff;
    overflow: hidden;
    float: left;
}

.Logo img {
    padding: 35px 0px 25px 30px;
}

.Mandelas {
    float: left;
    overflow: hidden;
    margin-left: 215px;
}

.Mandelas1{
    float: right;
    overflow: hidden;
    margin-top: 10px;
}

.Mandelas img {
    padding: 55px 0px 25px 30px;
}
.Mandelas1 img {
    width: 220px;
    padding: 5px;
    border-radius: 10px;
   
}
.MenuBg {
    background: #333333;
    overflow: hidden;
    border-bottom: 4px solid #000;
}

.MenuBg1 {
    background: #333333;
    overflow: hidden;
}

.Menu ul li {
    float: left;
}

.Menu ul li a {
    font-size: 16px;
    color: #fff;
    padding: 15px 20px 15px 20px;
    text-decoration: none;
    display: inline-block;
}

.Menu ul li ul {
    background: #f34c53;
    display: none;
    height: auto;
    margin: 0px;
    border: 0px;
    position: absolute;
    z-index: 111;
    color: #333;
}

.Menu li:hover ul {
    display: block;
    padding: 0px;
}

.Menu ul li a:hover {
    color: #fff;
    background: #f34c53;
}

.Menu ul li ul li a:hover {
    color: #fff;
    background: #333;
}

.Menu ul li ul li {
    float: none;
    border-bottom: 1px dashed #dd2028;
}

.Menu ul li ul li a {
    display: block;
    padding: 8px 30px;
    color: #fff;
}

.Menu ul li.active {
    background: #f34c53;
}

.Menu ul li.active a {
    color: #ffffff;
}

.Menu ul li.active li a {
    color: #fff;
}


/**
.Menu ul li ul {
  background: #000;
  display: none;
  height: auto;
  margin: 0px;
  border: 0px;
  position: absolute;
  z-index: 111;
  padding: 10px 5px;
}

.Menu ul li ul li {
  float: none;
  clear: both;
  padding: 5px 7px;
  border-bottom: 1px dashed #804302;
  border-right: none;
}


**/

.Banner1 {
    background: #f3f4f9;
    min-height: 393px;
}

.BannerLeft {
    float: left;
    width: 70%;
}

.BannerRight {
    float: right;
    position: relative;
    width: 24.6%;
}

.Hand {
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
}

.BannerRightTop {
    background: #f5383f;
    /* position: absolute; */
    /* top: -129px; */
    padding: 34px 0px 3px 0px;
    width: 100%;
    text-align: center;
    border: 2px solid #f5383f;
}

.BannerRightTop p {
    font-size: 27px;
    color: #f3f4f9;
    margin: 0;
}

.BannerRightTop h5 {
    color: #f3f4f9;
    font-size: 20px;
    padding: 5px 0px 0px 0px;
}

.BannerRight1 {
    text-align: center;
    background-color: #fff;
}

.BannerRight1 img {
    width: 225px;
    margin: 20px auto 10px;
}

.BannerRight2 {
    padding: 0px 0px 10px 0px;
    background: #000;
}

.BannerRight2 h1 {
    color: #fff;
    padding: 10px 0px 0;
    display: block;
    text-align: center;
    font-size: 18px;
}

.BannerRight2 p {
    text-align: center;
    font-size: 12px;
    color: #fff;
    margin: 0;
}

.BannerRight2 h5 {
    text-align: center;
    font-size: 19px;
    color: #fff;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.BannerRight3 h5 {
    color: #333;
    text-align: center;
    font-size: 15px;
    padding: 15px 0px 0px 0px;
    font-weight: bold;
}

.BannerRight3 ul li {
    display: inline-block;
    text-align: center;
    padding: 10px 0px 0px 4px;
    margin: 0px 0px 0px 0px;
    text-align: center;
}

.BannerRight3,
.Icons {
    text-align: center;
}

.Banner2Right .shadow img {
    width: 100%;
}


/*Banner2*/

.Banner2 {
    overflow: hidden;
    padding: 40px 0 60px;
}

.Banner2Left {
    float: left;
    width: 75%;
}

.Banner2Left1 p {
    color: #333;
}

.Banner2Left1 h2 {
    font-size: 32px;
    font-weight: 300;
    color: #828282;
}

.Banner2Left1 h3 {
    font-size: 32px;
    color: #ed1c24;
    margin: 0 0 10px;
    font-weight: 200;
}

.ViewMore a {
    color: #fff;
    background: #f34c53;
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    margin-top: 20px;
    text-decoration: none;
}

.ViewMore a:hover {
    background: #000;
    color: #fff;
}

.Banner2Right {
    float: right;
    width: 23%;
    text-align: center;
}

.Banner2Right-box {
    padding: 0px 0px 15px 0px;
    background: #f3f4f9;
    margin: 0px;
}

.Banner2Right1 h6 {
    font-size: 24px;
    background: #333;
    color: #fff;
    padding: 15px 0px 15px 10px;
}

.Banner2Right2 {
    padding: 10px 20px;
}

.Banner2Right2 p {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    line-height: 20px;
    padding: 5px 0px 0px 0px;
}


/*.Banner2Right2 ul li {
	font-size:14px;
	color:#000;
	font-family:Cambria;
	font-weight:bold;
	line-height:20px;
	padding:0px 0px 0px 0px;
}*/

.Banner2Right3 {
    padding: 25px 0px 0px 10px;
}

.Banner2Right3 ul li {
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    line-height: 20px;
}

.HighLite {
    display: block;
    color: #ce3428;
    font-size: 17px;
    padding: 5px 0px 2px 0px;
}

.TrustRegistered {
    display: block;
    color: #ffffff;
    font-size: 22px;
    line-height: 32px;
    background: #f34c53;
    padding: 10px;
    font-weight: 300;
}

.Banner2Right2 .TrustRegistered {
    font-size: 16px;
    line-height: 26px;
}


/*Banner2*/


/*Bottom1*/

.Bottom1Bg {
    background: url(../images/container3Bg.jpg) repeat;
    border-bottom: 3px solid #333;
    overflow: hidden;
    padding: 60px 0;
}

.Bottom1Left {
    width: 41%;
    float: left;
    padding: 3px;
    background: #fff;
}

.Bottom1Right {
    float: right;
    width: 58%;
}

.Bottom1Right ul li {
    border: 3px solid #fff;
    display: inline-block;
    max-width: 340px;
    height: 194px;
    vertical-align: top;
    overflow: hidden;
    margin: 0 0 5px;
    width: 100%;
}

.Bottom1Right ul li img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.Bottom1Left1 {
    width: 100%;
    background: #000000;
    margin: auto;
    text-align: center;
}

.Bottom1Left1 p {
    display: inline-block;
    color: #fff;
    font-size: 26px;
    padding: 20px 96px 15px 140px;
    margin: 0px 0px 0px 0px;
    text-align: center;
}


/**
.T1
{
	float:right;
	margin:0px 0px 0px 0px;
}
.T1 tr td
{
	border:2px solid #FFF;
	
	
}
**/


/*Bottom2**/

.Bottom2Bg {
    background: #f3f4f9;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 5px 0px;
    overflow: hidden;
}

.Bottom2Left {
    /*margin:0px 0px 15px 0px;*/
    display: inline-block;
    width: 58%;
    vertical-align: top;
}

.Bottom2Right {
    display: inline-block;
    vertical-align: top;
    float: right;
    width: 41%;
    text-align: right;
}

.Bottom2Right1A {
    display: inline-block;
    width: 50%;
}

.Bottom2Right1A a {
    display: block;
}

.Bottom2Right1A:hover h2,
.Bottom2Right1A:hover p {
    color: #333;
}

.Bottom2Right2A {
    display: inline-block;
    width: 48%;
}

.Bottom2Right1A {
    display: inline-block;
    width: 63%;
    vertical-align: top;
}

.Bottom2Right2A a:hover {
    color: #fff;
    background: #333;
}

.Bottom2LeftRaudio {
    float: left;
    overflow: hidden;
    width: 20%;
    margin: auto;
}

.foot-ad-link {
    display: inline-block;
    width: 170px;
    vertical-align: top;
}


/*.Bottom2Right1 {
	float:left;
	width:13%;
	background:#333;
	padding:46px 0px 46px 0px;
}

.Bottom2Right1A
{
	background:#f34c53;
	text-decoration:none;
	color:#000;	
}
.Bottom2Right1A a p:hover
{
	background:#f34c53;
	color:#000;
	
}
.Bottom2Right1A a h2:hover
{
	background:#f34c53;
	color:#000;
	
}*/

.Bottom2Right1 p {
    color: #fff;
    font-size: 25px;
    text-align: center;
    padding: 20px 0px 0px 0px;
}

.Bottom2Right1 h2 {
    color: #fff;
    font-size: 30px;
    text-align: center;
    font-weight: normal;
    padding: 0px 5px 0px 5px;
    margin: 10px 0px 20px 5px;
}


/*.Bottom2Right2 {
	float:left;
	width:13%;
	background:#f34c53;
	margin:0px 0px 0px 0px;
	padding:46px 0px 46px 0px;
}*/

.Bottom2Right2 p {
    color: #fff;
    font-size: 25px;
    text-align: center;
    padding: 20px 0px 0px 0px;
}

.Bottom2Right2 h2 {
    color: #fff;
    font-size: 30px;
    text-align: center;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 20px 5px;
}


/*Footer*/

.Footer {
    background: #333333;
    overflow: hidden;
    padding: 30px 0;
}

.Footer p {
    margin: 0;
    font-size: 15px;
    color: #dfdede;
}

.FooterLeft {
    float: left;
    width: 22%;
}

.FooterCenter {
    float: left;
    width: 56%;
    text-align: center;
}

.FooterCenter p {
    font-size: 12px;
    color: #a2a2a2;
}

.FooterCenter p a {
    text-decoration: none;
    color: #dfdede;
    transition: 0.3s;
}

.FooterCenter p a:hover {
    color: #fff;
    background: #f34c53;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.FooterRight {
    float: right;
    width: 22%;
    text-align: right;
}

.FooterRight p {
    font-size: 15px;
    color: #dfdede;
}


/*Footer*/


/*Bottom2**/


/* Inner Pages */

.InnerContentBg {
    background: url(../images/InnerContentBg.jpg) repeat-y 50% 50%;
    min-height: 500px;
    overflow: hidden;
    background-size: cover;
}

.InnerContent h1 {
    color: #f34c53;
    font-size: 40px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    line-height: 50px;
    margin: 40px 0 30px;
}

.InnerContent h1 span {
    display: block;
    font-size: 26px;
    font-weight: 100;
    color: #a0a0a0;
    line-height: 36px;
}

.InnerContent {
    background: #ffffff;
    min-height: 500px;
    overflow: hidden;
    -webkit-border-top-left-radius: 35px;
    -webkit-border-bottom-right-radius: 35px;
    -moz-border-radius-topleft: 35px;
    -moz-border-radius-bottomright: 35px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    margin: 0 auto;
}

.InnerContentLeft {
    width: 79%;
    display: inline-block;
    vertical-align: top;
    padding: 10px;
}

.InnerContentRight {
    display: inline-block;
    vertical-align: top;
    width: 19%;
}

.Contents {
    background: #ffe1c4;
    border: 1px solid #f34c53;
    width: 98%;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.OurTeam {
    overflow: hidden;
    text-align: center;
}

.OurTeam ul li {
    display: inline-block;
    margin: 20px;
    text-align: center;
}

.OurTeam ul li img {
    margin: 0 0 15px;
    border-radius: 10px;
}


/*President*/

.joy {
    font-style: italic;
}

.PresidentMessage {
    margin: 0px 250px;
    line-height: 30px;
    padding: 30px 10px 40px 10px;
    text-align: justify;
}

.PresidentMessage h1 {
    text-align: center;
}

.PresidentMessage h2 {
    text-align: center;
}

.PresidentInnerContent {
    /*border-top:1px solid #f34c53;
	border-bottom:1px solid #333333;*/
    /*
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin:10px 0px;*/
}


/*President*/


/*OURTeam*/


/* OfficeBearers */

.OfficeBearers {
    width: 80%;
    margin: auto;
}

.OfficeBearerHeading {
    background: #f34c53;
    color: #fff;
    text-align: center;
}

.OfficeBearers table td {
    padding: 10px;
    border: 1px solid #e4e2e2;
}


/*Project*/

.Project h2 {
    color: #fff;
    font-size: 24px;
    font-weight: normal;
    padding: 10px;
    text-align: center;
    background: #f34c53;
}

.Project h2 span {
    color: #fff;
    font-size: 16px;
    display: block;
    font-family: 'Jost', sans-serif;
}

.ProjectList h3 {
    font-size: 16px;
    font-weight: normal;
    color: #231f20;
    margin: 0 0 20px;
    background: #eaeaea;
    padding: 5px 20px;
    display: inline-block;
    border-radius: 40px;
}

.Project {
    text-align: center;
}

.ProjectList {
    background: #ffffff;
    width: 45%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 40px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 4px 20px -6px rgb(0 0 0 / 25%);
    padding: 0 0px;
}

.ProjectList img {
    background: #333333;
    padding: 2px;
    margin: 20px auto 20px;
    border-radius: 10px;
    width: 90%;
}


/*Project*/


/*Contact Us*/

.ContactUsLeft {
    margin: 0 0 2em;
    text-align: center;
}

.ContactUsLeft li {
    display: inline-block;
    width: 25%;
    margin: 0 10px 1.5em;
    background: #fff7f7;
    padding: 15px;
    border-radius: 20px;
    font-size: 16px;
    line-height: 24px;
    border-left: 1px solid #f0d1d1;
    border-right: 3px solid #ed1c24;
}

.ContactUsLeft li strong {
    color: #ed1c24;
}

.ContactUsLeft li span {
    display: block;
    font-style: italic;
}


/*.ContactUsRight
{
	float:right;
	overflow:hidden;
	}*/


/*Contact Us*/

.BannerRightInner {
    background: #000;
    overflow: hidden;
}

.BannerRightInner a {
    color: #fff;
    text-decoration: none;
}

.DonateNow {
    background: #f5383f;
    margin: 2px;
    text-align: center;
    padding: 2px 0px;
}

.DonateNow p {
    font-size: 27px;
    color: #f3f4f9;
    padding: 5px 0px 0px 0px;
}

.DonateNow h5 {
    color: #f3f4f9;
    font-size: 20px;
    padding: 5px 0px 0px 0px;
    font-weight: normal;
}

.RightInner2 {
    text-align: center;
    margin: 0px 10px;
}

.RightInner2 h1 {
    color: #fff;
    padding: 5px 0px 3px;
    font-size: 35px;
    display: block;
    text-align: center;
}

.RightInner2 p {
    color: #fff;
    text-align: center;
    padding-top: 10px;
    font-size: 11px;
    text-transform: uppercase;
}

.RightInner2 h5 {
    color: #fff;
    font-size: 19px;
    font-weight: normal;
    padding-top: 5px;
}

.VolunteerLine {
    border-bottom: 1px dashed #ffffff;
    margin: 0px 10px;
    text-align: center;
}

.RightInner3 {
    background: #fff;
    text-align: center;
    margin: 10px auto 0px;
    padding: 10px 0px 0px 4px;
}

.RightInner3 h5 {
    color: #333;
    text-align: center;
    font-size: 15px;
    padding-bottom: 5px;
}

.RightInner3 ul li {
    display: inline-block;
}


/*About Us*/

.AboutUs {
    width: 95%;
    margin: 0 auto 2em;
}

.AttitudeTeam {
    text-align: center;
}

.AttitudeTeam img {}

.AboutUs h2 {
    font-size: 24px;
    padding: 10px 0;
}

.AboutUs h3 {
    color: #f00;
    margin: 20px 0 5px;
}

.AboutUs h3 span {
    font-weight: 400;
    color: #5d5d5d;
}

.AboutUs p {
    margin: 0 0 20px;
    text-align: justify;
}


/*About Us*/


/*Gallery*/

.Gallery {
    text-align: center;
}

.Gallery ul li {
    display: inline-block;
    margin: 10px 8px 10px;
    text-align: center;
    vertical-align: top;
    border-radius: 10px;
    overflow: hidden;
    max-width: 250px;
    height: 160px;
}

.Gallery ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*Gallery*/


/*Donate Now*/

.DonateNowEnquiry {
    width: 26%;
    margin: 40px auto;
}

.DonateNowEnquiry1 {
    width: 55%;
    margin: 40px auto;
}

.DonateNowEnquiry1 h3 {
    margin-top: 34px;
    background: #ed1c24;
    font-size: 19px;
    color: #fff;
    width: 58%;
    text-align: center;
    margin-left: 19%;
    padding: 6px;
}

.InnerContentNew {
    background: #f5f5f5;
    border: #999 3px solid;
    margin: 10px;
    border-top-left-radius: 35px;
    border-bottom-right-radius: 35px;
    border-top-right-radius: 35px;
    border-bottom-left-radius: 35px;
}

.InnerContentNew h3 {
    background: #231f20;
    font-size: 19px;
    color: #fff;
    text-align: center;
    padding: 10px;
}

.InnerContentNew p {
    text-align: center;
    background: #ed1c24;
    padding: 18px;
    color: #fff;
    margin: auto;
    font-size: 18px;
}

.DonateNowEnquiry ul li {
    margin-bottom: 5px;
    vertical-align: top;
}

.DonateNowEnquiry1 ul li {
    display: inline-block;
    padding: 7px;
    vertical-align: top;
}

.DonateNowEnquiry ul li label,
.DonateNowEnquiry1 ul li label {
    width: 100px;
    display: inline-block;
    vertical-align: top;
}

.DonateNowEnquiry1 input[type="text"],
.DonateNowEnquiry1 input[type="email"] {
    background: #ffffff;
    border: solid 1px #d7d7d7;
    width: 180px;
    height: 30px;
    padding-left: 5px;
    margin-bottom: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: 'Jost', sans-serif;
}

.DonateNowEnquiry textarea,
.DonateNowEnquiry1 textarea {
    background: #ffffff;
    border: solid 1px #d7d7d7;
    width: 180px;
    height: 50px;
    padding-left: 5px;
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: 'Jost', sans-serif;
}

.SecurityImage {
    display: inline-block;
    vertical-align: top;
}

.SecurityCode {
    display: inline-block;
}

.Security input[type="text"] {
    width: 110px;
}

.DonateNowSubmit {
    width: 80px;
    margin: auto;
}

.DonateNowSubmit input[type="submit"] {
    background: #333333;
    background: #333333;
    border: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    color: #fff;
    margin: 30px auto;
    padding: 6px 10px;
    font-size: 16px;
}

.Bank_details {
    overflow: hidden;
    width: 60%;
    margin: 0 auto 40px;
}

.Bank_details ul li {
    width: 45%;
    padding: 10px;
    display: inline-block;
}

.Bank1 {
    float: left;
    overflow: hidden;
}

.Bank2 {
    float: left;
    overflow: hidden;
}


/*Donate Now*/


/*gallery-descp*/

.gallery-descp {
    margin: 0 0 2em;
    padding: 2em;
    background: #eaeaea;
}


/*theGuardian*/

.theGuardian {
    padding: 0 2em 1em;
}


/*partners*/

.partners {
    text-align: center;
}

ul.partners li {
    display: inline-block;
    margin: 0 10px;
}

ul.partners li img {
    width: 64px;
}

.Bottom2LeftL {
    float: left;
    overflow: hidden;
}

.Bottom2LeftR {
    overflow: hidden;
    background-color: #CCCCCC;
    color: #333333;
    margin-left: 5px;
    height: 239px;
}

li.Img {
    width: 171px;
    background: #ffffff;
    padding: 2px;
    border: 1px solid #000000;
}

li.Txt {
    width: 60%;
    margin-left: 5px;
    line-height: 20px;
    text-align: justify;
    font-style: italic;
}

.Name {
    clear: both;
    color: #f34c53;
    font-size: 15px;
    font-weight: bold;
    float: right;
}

.blink1 {
    -webkit-animation: blink1 1s infinite;
    -moz-animation: blink1 1s infinite;
    /* Fx 5+ */
    -o-animation: blink1 1s infinite;
    /* Opera 12+ */
    animation: blink1 1s infinite;
    border-radius: 10px;
    /* IE 10+, Fx 29+ */
  }
  
  @-webkit-keyframes blink1 {
  
    0%,
    49% {
      color: #fff;
      background-color: #ffffff;
      border-radius: 10px;
    }
  
    50%,
    100% {
      color: #fff;
      background-color: #f5383f;
      border-radius: 10px;
    }
  }