@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');
*{padding: 0px; margin: 0px;}
html{font-size: 62.5%;}
body{padding: 0px; margin: 0px; font-family: "Quicksand", serif;}
h1,h2,h3,h4,h5,h6{font-family: "Quicksand", serif;}
h1,h2,h3{font-size: 5rem; line-height: 6rem; font-family: "Merriweather", serif;  text-transform: uppercase; color: #828303;} 
h4{font-size: 2.4rem; line-height: 3.6rem; font-weight: 400; font-family: "Merriweather", serif;}
p{font-size: 2rem; line-height: 3.6rem; color: #000; }
ul{margin:0px; padding: 0px; list-style: none;}
a{transition: ease-in-out .5s;}
.container-custom{width: 100%; max-width: 1538px; margin: 0 auto; padding: 0 15px;}
.container {max-width: 1170px;}
header{padding: 1.5rem 0; position: relative; z-index: 9;}
.mainlogo img{width: 100%; max-width: 300px;}
.about{padding: 6rem 0 20rem;}
.about-img{position: relative; -webkit-animation:glide 2s ease-in-out alternate infinite; }
@-webkit-keyframes glide { from {left:0px; top:0px; } to { left:0px; top:20px;}}
.about-img img{width: 100%; max-width: 250px;}
.about-text p{ margin: 1.5rem 0 3rem;}
.btn-primary {color: #fff; background-color: #828303;  border-color: #828303;  }
.btn{font-size: 2rem; line-height: 3rem; font-weight: 500; padding: .8rem 4rem; border-radius: 30px;}
.btn-primary:hover { color: #828303; background-color: transparent; border-color: #828303; }
.ourvision{background: url(../images/ov-bg.webp) no-repeat; background-size: cover; padding:  0 0 32rem;}
.ov-box{display: flex; justify-content: end; margin: -13rem -15px 0 0;}
.ov-cont{background: #828303;; width: 100%; max-width: 699px;padding: 6rem 10rem 12rem 7rem;}
.ov-cont h2, .ov-cont p{color: #fff;}
.ov-cont h2{margin-bottom: 11rem;}
.ov-cont p{font-weight: 600; position: relative;}
.ov-cont p i{font-size: 10rem; position: absolute;}
.ov-cont p .fa-quote-left{top: -100px;}
.ov-cont p .fa-quote-right{padding-left: 1rem; bottom: -69px;}
.ov-mobile{display: none; width: 100%;}
.areas{padding: 6rem 0 3rem;}
.heading h3{text-align: center; margin-bottom: 5rem;}
.areas-box{text-align: center;}
.areas-box img{width: 100%; max-width: 366px;}
.areas-box h4{margin: 3rem 2rem; }
.areas-box a{color: #000;}
.areas-box a:hover{text-decoration: none; color: #828303; transition: ease-in-out .5s;}
.enhence{background: url(../images/enhence-bg.webp) no-repeat; background-size: cover; padding: 14rem 0;}
.enhence-box{padding: 0 14rem 0 8rem;}
.enhence-box h3{color: #fff; text-transform: capitalize; margin-bottom: 3rem;}
.enhence-box p{color: #fff; line-height: 3.2rem;}
.enhence-box p:nth-child(5){margin-bottom: 3rem;}
.btn-outline-primary{color: #fff; border-color: #fff; padding: .6rem 4rem;}
.btn-outline-primary:hover { color: #fff;  background-color: #828303;  border-color: #828303;}
.donor{padding: 6rem 0;}
.donor-color{background: #ff5757; border-radius: 6px; padding: 6rem 4rem; margin: 0;}
/* .donor-color img{width: 100%; max-width: 450px;} */
.color-white{color: #fff;}
.bankdetails h3, .scanbox h3{font-size: 3rem; line-height: 4rem; font-weight: 500;}
.bankdetails .dlogo{width: 100%; max-width: 258px; margin: 2rem 0;}
.scanbox{text-align: center; border-left: 1px solid#fff;}
.scanbox .qr{width: 100%; max-width: 393px; margin: 2rem 0;}
.scanbox h4 a{color: #fff;  margin-bottom:}
.scanbox h4 a:hover{text-decoration: none; color: #000;}
.scanbox .bhimupi{width: 100%; max-width: 432px; margin-top: 2rem;}
.donortext {display: flex;flex-direction: column; height: 100%;  justify-content: center;}
.donortext .btn-primary {color: #ff5757; background-color: #fff;  border-color: #fff; }
.donortext .btn{font-size: 3.6rem; line-height: 4.6rem; font-weight: 700; width: 100%; max-width: 315px;}
.donortext:hover .btn-primary:hover {  color: #fff;  background-color: #ff7474; border-color: #fff;}
.donortext h3{text-transform: capitalize; margin-bottom: 3.5rem;}
footer{background: #2b2b2b; padding: 6rem 0;}
.footer-box{display: flex;flex-flow: row nowrap; align-items: flex-start;}
.footer-box img{width: 100%; max-width: 118px; margin-right: 3rem;}
.footer-text h4, .cont-text h4{color: #fff; text-transform: uppercase;line-height: 2.4rem;  margin-bottom: 1.2rem;}
.footer-text p{color: #fff; font-weight: 400; width: 90%; font-size: 1.8rem; line-height: 2.8rem;}
.quick-ul {margin-top: 2.4rem;}
.quick-ul li a{font-size: 1.8rem; line-height: 3.6rem; font-weight: 500; color: #fff; text-transform: capitalize;}
.quick-ul li a:hover{text-decoration: none; color: #838303;}
.add-cont { display: flex; margin-bottom: 1.5rem; align-items: baseline;  }
.add-cont .add-icon i { display: flex;  flex-flow: row nowrap;   align-items: center; font-size: 1.8rem; color: #fff; }
.add-box p { font-size: 1.8rem;  color: #fff;  font-weight: 500;  line-height: 3rem;  margin-left: 1.5rem; margin-bottom: 0;  }
.cont-text{padding-left: 2.6rem; margin-left: -6rem;}
.add-box p a{color: #fff;}
.add-cont:hover .fa-phone, .add-cont:hover .fa-envelope, .add-box p a:hover{text-decoration: none; color: #838303; transition: ease-in-out .5s;}
.cont-text h4{margin-bottom: 3rem;}
.footer-bottom{display: flex;  justify-content: space-between;  border-top: 1px solid #606060;   margin-top: 5rem;}
.footer-bottom p{font-size: 1.3rem; line-height: 2.6rem;  font-weight: 400; color: #919191; margin: 1.5rem 0 0;}
.footer-bottom p a{color: #919191;}
.footer-bottom p a:hover{text-decoration: none; color: #838303;}
.inner-header{background: url(../images/about-bg.webp) no-repeat; background-size: cover; padding: 33rem 0;}
.inner-header h1{line-height: 5rem;}
.foundation{background: url(../images/foundation-bg.webp) no-repeat; background-size: cover; padding: 0 0 24rem;}
.foundbox{background: #828303; padding: 10rem 12rem; margin-top: -13rem;}
.foundbox p{font-weight: 600; color: #fff;}
.speech{padding: 8rem 0;}
.speech-img img{width: 100%; max-width: 630px; float: right;}
.speechtext {font-size: 1.9rem; line-height: 3.5rem; font-weight: 400; }
.community{background: #e8e8e8; padding: 10rem 0;}
.impact{padding: 6rem 0;}
.impactbox p{margin-bottom: 2.5rem; font-size: 1.9rem;}
.mission-bg{background: url(../images/mission-bg.webp) no-repeat; background-size: cover;  padding: 39rem 0;}
.ourm-box p{margin: 0;}
.ourm-box p:nth-child(2){font-size: 8rem; color: #828303;  transform: scaleX(-1); width: 7rem;}
.ourm-box p .lasticon{font-size: 8rem;  color: #828303; position: absolute; padding-left: 1rem;}
.ourm-box p .lasticon01{font-size: 8rem; position: absolute; padding-left: 1rem;}
.mavimg-box{display: flex; justify-content: end; align-items: end; padding-bottom: 6rem;}
.vision-box .fa-quote-right{color: #fff;}
.vision-box p:nth-child(4){font-size: 8rem;  color: #ff5757;  width: 48%;  float: right;  margin-top: -4rem;}
/* .vision-sec{background: url(../images/vision-bg.webp) no-repeat 0 15rem; background-size: cover; padding: 0 0 44rem;} */
/* .become-bg{background: url(../images/become-bg.webp) no-repeat; background-size: cover; margin-top: -12rem; padding: 37rem 0;} */
.volunteer{padding: 6rem 0;}
.volunteer-box h5{font-size: 3rem; line-height: 4rem; font-weight: 400; color: #ff5757; text-transform: uppercase; font-family: "Merriweather", serif;}
.custom-group{margin-bottom: 1.5rem;}
.custom-group .form-control {border: none;border-bottom: 1px solid #bfbfbf; border-radius: 0;  padding: 10px 10px 10px 0;  color: #3f3f3f;  font-size: 2rem; background: none; font-weight: 400;}
.custom-group h5{color: #000;}
.custom-group p{margin-bottom: 1.5rem;}
.form-control::placeholder{color: #000;}
.custom-group select.form-control:not([size]):not([multiple]) {height: calc(2.25rem + 40px); color: #000; }
.form-control:focus{box-shadow: none;}
.apply-btn .btn{margin-top: 2rem; padding: .5rem 5rem;}
/* .donate{background: url(../images/donate.webp) no-repeat; background-size: cover;  padding: 7rem 0;} */
.donate-right{background: #fff;display: flex; margin-right: -15px; }
.donate-info{width: 50%; border-right: 1px solid#bfbfbf; padding: 6rem 7rem; margin: 6rem 0;}
.donate-right .donate-info:first-child{width: 47%;}
.donate-right .donate-info:last-child{border-right: 0; padding-left: 4rem; }
.donate-info .dlogo{width: 100%; max-width: 258px; margin: 1rem 0 2rem;}
.donate-info-right{text-align: center;}
.donate-info-right h3{margin-bottom: 2rem;}
.donate-info-right .qr{width: 100%; max-width: 393px; margin-bottom: 2rem;}
.donate-info-right h4{font-size: 2.4rem; line-height: 3.4rem; font-weight: 600; color: #000; margin-bottom: 3rem;}
.donate-info-right h4 a{color: #000; }
.donate-info-right h4 a:hover{text-decoration: none; color: #ff5757; }
.donate-info-right .bhimupi{width: 100%; max-width: 432px;}
.donate-left{height: 100%; display: flex; justify-content: end; align-items: center; padding-right: 64px;}
.contact-bg{background: url(../images/contact-bg.webp) no-repeat; background-size: cover;  padding: 7rem 0;}
.contact-left{padding-right: 94px;}
.contact-info{padding-top: 0; margin-top: 0; width: 43%;}
.enquiry-right{padding-top: 0; margin-top: 0; width: 56%; padding-left: 6rem !important;}
.contact-info .dlogo{margin: 0 0 2rem;}
.contact-info p a{color: #000;}
.contact-info p a:hover{text-decoration: none; color:#ff5757;}
.contact-right{display: flex; flex-wrap: wrap;}
.contact-heading{width: 100%; padding: 8rem 7rem 6rem;}
.enquiry .form-text{width: 73%; line-height: 2.8rem; margin-bottom: 3rem;}
.team{padding: 10rem 0 0; background: #a33737; margin-top: -12rem;}
.team-left{float: right; padding-right: 100px; margin-top: 21rem;}
.team-right{background: #fff; padding: 10rem 23rem 5rem 0; margin-right: -15px;}
.swarteam-cont{display: flex; margin-bottom: 6rem;}
.steam-img{margin-left: -8.4rem; margin-right: 8rem; }
.steam-img img{max-width: 353px;}
.steam-text h4{font-size: 4rem; line-height: 4rem; font-weight: 400; color: #ff5757; margin-bottom: 1rem;}
.steam-text h5{font-size: 2rem; line-height: 3rem; font-weight: 600; color: #000; margin-bottom: 2rem;}
.steam-text p{margin-bottom: 2rem;}
.steam-text p:last-child{margin-bottom: 0;}
.action-bg{background: url(../images/action-bg.webp) no-repeat; background-size: cover; padding: 39rem 0;}
.aoa-sec{padding: 6rem 0;}
.heading-box{padding: 0 4rem 0 5rem;}
.heading-box h3{font-size: 3.2rem; line-height: 4.8rem; color: #000; font-weight: 400;}
.headingbox-left{padding-right: 5rem; }
.olbox{padding-left: 2rem;}
.olbox li{font-size: 2rem; line-height: 3rem; color: #000; font-weight: 400;}
.theme{padding: 6rem 0 10rem;}
.ullist li{font-size: 1.8rem; line-height: 3.4rem; color: #fff; font-weight: 400; position: relative; padding-left: 1.5rem;}
.ullist li:after{content: ''; width: 6px; height: 6px; background: #000; border-radius: 50%; position: absolute; left: 0; top: 14px;}
.ullistcolor li{color: #000;}
.summer-table{margin-top: 3rem;}
.summer-table th, .summer-table td{font-size: 2rem;  line-height: 3.6rem; font-weight: 400;  color: #000; padding: 1rem 1.5rem; }
.summer-table th{font-weight: 600; width: 40%;}
.aoa-sec .summer{font-size: 3.5rem; line-height: 4.5rem; font-weight: 700;}
.inner-abouttext p{margin-bottom: 1rem;}
.foundbox h3{margin-bottom: 2rem;}
.camp-bg{background: url(../images/camp-bg.webp) no-repeat; background-size: cover; padding: 39rem 0;}
.locations-bg{background: url(../images/locations-bg.webp) no-repeat; background-size: cover; padding: 39rem 0;}
.program-dialog{max-width: 650px;}
.program-dialog .modal-header{border: none; padding-bottom: 0;}
.modal-header i{font-size: 2.5rem; color: #000;}
.modal-header i:hover{color: #828303; transition: ease-in-out .5s;}
.program-body{text-align: center; padding: 0 2rem 3rem;}
.program-body img{max-width: 100px;}
.program-body h4{margin: 1.2rem 0;}
.program-table th{width: 50%; font-weight: 500;}
.program-table th, td{text-align: left; font-size: 1.6rem;}