@font-face {font-family: Creamson-Outline; src: url(Creamson-Outline.otf); }
@font-face {font-family: Creamson; src: url(Creamson.otf); }
.desc {position: absolute; z-index: 9; top: 65%; left: 50%; transform: translate(-50%,-50%); color:#fff; }
.hero-img{position: relative; }
.hero-img:before {   
/* background: rgb(255 255 255 / 56%);*/
  content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.btn-gradient-bg {color: #fff !important; display: inline-block; padding: 11px 33px;     background: linear-gradient(to right, #c8a838 0%, #815f05 100%); text-transform: uppercase; font-weight: 500; font-size: 18px; border-radius: 7px; border: solid 1px rgb(255 255 255 / 45%); 
/*    box-shadow: 0px 0px 0px 3px #ffb127;   */
      transition: transform 2s, filter 2s ease-in-out; }
.btn-gradient-bg:hover{ transform: scale(1.1);}
.delay-1 {animation-delay: .2s; }
.delay-2 {animation-delay: .4s; } 
.delay-3 {animation-delay: .6s; }
.delay-4 {animation-delay: .8s; }
.slider-counter {z-index: 99; bottom: 1%; position: absolute; text-align: center; right: 4%; font-size: 120px; color:#fff; font-weight: 700; }

@media (max-width: 767px){
.slider-counter {font-size: 80px; font-weight: 600; bottom: 0 }
}

@media (max-width: 576px){
.slider-counter {font-size: 30px; font-weight: 500; bottom: 0 }
}
/*.hero_carosel .owl-nav button.owl-prev,.hero_carosel .owl-nav button.owl-next{position: absolute; bottom: 50%; right: 50%; color: #000; } */
.hero_carosel .owl-nav button.owl-prev{left: 0}

.hero_carosel .owl-nav button.owl-next{right: 0}
.hero_carosel i.owl-direction {margin: 0 13px; font-size: 3em; padding: 0; color: #607D8B; }
.hero_carosel .owl-nav button.owl-next,.hero_carosel .owl-nav button.owl-prev{
outline: 0; background: #FFF }
.tag{display: inline-block; }

@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInUp{animation-name:fadeInUp}


.slider-maindata1{min-width: 73%; text-align: center;}
.slider-maindata1 span{    font-size: 54px; text-transform: uppercase;  font-family: Creamson-Outline !important;     line-height: 1.2;}
.slider-maindata1 h2{font-size: 42px; text-align: center; margin-top: 25px; font-family: Creamson !important;}
.pos-sliderdata12{position: relative; overflow: hidden;}
.map-imgsty15{position: absolute; top: -318px; min-width: 2177px; margin-left: -306px;}

.owl-nav{}
.owl-nav .owl-prev, .owl-nav .owl-next{    background-color: transparent !important;
border: 0px !important;}
.owl-nav .owl-prev i, .owl-nav .owl-next i{   background: #ffffff !important;
color: #f5b02e !important; font-size: 24px !important; font-weight: 500; padding: 7px 7px !important;}

.mission-mainsect{    padding: 60px 0px;     background-color: #fff;}
.ore-missionhadsty1{width: 100%; text-align: center;}
.ore-missionhadsty1 h2{    font-family: Creamson !important; font-size: 36px; font-weight: 400; margin-bottom: 10px;     color: #000;}
.ore-missionhadsty1 img{max-width: 100%;     -webkit-filter: grayscale(1) invert(1);
    filter: grayscale(1) invert(1);}

.mission-datalist{    width: 100%; margin-top: 60px;}
.mission-datalist ul{max-width: 80%; margin: auto;    text-align: center;}
.mission-datalist ul li{background-image: linear-gradient(to bottom right, #d1a41c, #f9f9f7);
display: inline-block; width: 22%; text-align: center; vertical-align: top; margin-right: 10px; margin-left: 10px; border-radius: 10px; padding: 20px 6px; min-height: 238px; border: solid 2px #fff; box-shadow: 0px 0px 0px 4px #d1a41c;    transition: transform 4s, filter 3s ease-in-out;}

.mission-datalist ul li:hover{background-image: linear-gradient(to bottom right, #d1a41c, #d1a41c);
transform: scale(1.1);}
.mission-datalist ul li:hover p{ color:#fff !important; }
.mission-datalist ul li:hover img{    -webkit-filter: invert(100%);}
.mission-datalist ul li img{max-width: 90px;}
.mission-datalist ul li p{display: block; margin-top: 19px; color: #000; text-transform: capitalize; font-size: 16px; font-weight: 500; line-height: 1.3;}

.mission-vismainsty12{padding: 60px 0px;}
.mission-visionsty{ 
/*    background-color: #f49e12; */
    margin: 0px;}

.tab-mainstyall12{      background-image: linear-gradient(to bottom right, #cc9f13, #735306); padding: 52px;  padding: 0px;}
.all-tabsdata12{padding: 25px;}
.all-tabsdata12 h2{font-family: Creamson !important; font-size: 32px; font-weight: 400; margin-bottom: 10px;}
.all-tabsdata12 h5{font-size: 32px; font-weight: 400; margin-bottom: 24px;}
.all-tabsdata12 p{color: #fff; font-size: 18px; line-height: 1.5;}
.all-tabsdata12 a{    margin-top: 6px; color: #fff !important; border: solid 1px rgb(255 255 255);}
.all-tabsdata12 a i{}
.always-openright1{}
.always-openright1 img{    width: 100%;}
.tabs-martop15{margin-top: -45px;border: 0px !important;}
.tabs-martop15 li {}
.tabs-martop15 li a{background-color: #b3890f; color: #fff; margin-right: 8px; padding: 8px 35px; font-size: 16px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px;}
.tabs-martop15 li a.active{}

.helping-todaydata {}
.safe-dataright {}
.safe-dataright h2 {font-size: 41px;
font-weight: 400;
margin-bottom: 15px;     color: #000;}
.safe-dataright h5 {font-size: 64px;
text-transform: capitalize;
margin-bottom: 17px;     color: #000;}
.safe-dataright p {color: #fff;
font-size: 16px;
margin-bottom: 26px;     color: #000;}
.safe-dataright a {}
.no-padtabs{padding: 0px !important;}

.safe-donateleftdata1{position: relative;}
.safe-donateleftdata1 img{width: 100%;}
.secd-overlapsty{    position: absolute; top: 0; left: 0;}
.becomea-volunter{    position: absolute; bottom: 105px; width: 60%; margin: auto; left: 0; right: 0;}
.becomea-volunter span{ display: block; color: #fff; font-family: Creamson !important; font-size: 28px; line-height: 1.3;
margin-bottom: 9px;}
.becomea-volunter a{    display: inline-block; color: #fff; font-size: 18px; font-weight: 400; border-top: solid 1px #fff; padding-right: 50px; letter-spacing: 0.5px;}

.food-watercharity {padding: 60px 10px; }
.water-charitydata1 {}
.water-charitydata1 img{width: 100%;}
.no-padwater1{padding: 0px !important;}

.food-alldata52{    position: absolute;
bottom: 15px;
left: 0;
right: 0;
padding: 62px 32px;
border: solid 2px #fff;
width: 86%;
margin: auto;
height: 90%; transition: 0.5s;}
.food-alldata52 img{    max-width: 70px; margin-bottom: 20px;}
.food-alldata52 h2{font-size: 32px; letter-spacing: 0.5px;}

.food-alldata52:hover{  border: solid 2px #ffac00;}

.vodeo-sliderdata2{width: 95%; margin: auto;    margin-top: 40px;}

.logo-compsty1{background-color: #fff; padding: 33px 9px;}
.logo-compsty1 .item{}
.logo-compsty1 .item img{    max-width: 226px; margin: auto;}

.latest-newsmain{padding: 40px 0px; }
.news-mainmartop{    margin-top: 58px !important;}
.read-latest15{border: solid 2px #fff;
margin-bottom: 15px;
position: relative;
background-color: #fff;
padding-bottom: 15px;}
.read-latest15 img{width: 100%;
margin-bottom: 15px;}
.read-latest15 span{position: absolute;
top: 11px;
background-color: #ffac00;
color: #111;
padding: 2px 22px;
left: 11px;
border-radius: 44px;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.5px;}
.read-latest15 b{display: block;
padding: 0px 15px;
font-size: 20px;
font-weight: 400;}
.read-latest15 h5{    display: block;
padding: 0px 15px;
font-size: 25px;
font-weight: 400;
color: #000;
margin-top: 8px;
line-height: 1.2;    min-height: 90px;}

.news-allmain65{}
.news-allmain65 a{display: inline-block; text-decoration: none !important;}
.all-newsdata15{    width: 100%;
text-align: center;
margin-top: 30px;}
.all-newsdata15 a{}


.footer-alldata{    background-color: #fbfbfb; width: 100%; padding: 80px 0px;}
.footer-firstdata{}
.footer-firstdata img{margin-bottom: 17px; max-width: 301px;    margin-top: -20px;     width: 100%;}
.footer-firstdata p{color: #000; font-size: 16px; text-transform: capitalize; margin-bottom: 16px;}
.footer-firstdata a{    padding: 5px 15px; font-size: 16px; font-weight: 600;}

.footer-menudata{}
.footer-menudata h5{text-transform: uppercase;
font-size: 26px;
font-weight: 400;
letter-spacing: 0.5px;
margin-bottom: 14px;
color: #000000;}
.footer-menudata ul{}
.footer-menudata ul li{    margin-bottom: 5px;}
.footer-menudata ul li a{    color: #000; font-size: 16px;}
.footer-menudata ul li a i{display: inline-block;
width: 26px; height: 26px; text-align: center; font-size: 19px; line-height: 26px; border-radius: 5px;
margin-right: 5px; padding-top: 1px;}
.footer-menudata ul.social-data152 li a i { color:#fff !important; }
.social-data152{}
.social-data152 li{margin-bottom: 15px !important;}

@media (max-width: 750px) {


body .slider-maindata1 span{font-size: 31px; text-transform: capitalize; font-family: "Karla", sans-serif !important;}
body .slider-maindata1 h2{    text-align: center; margin-top: 9px; font-size: 22px; text-transform: capitalize; font-family: "Karla", sans-serif !important; font-weight: 400;}
.btn-gradient-bg{font-size: 16px; padding: 7px 33px;}

.ore-missionhadsty1 h2{font-size:28px;}
.ore-missionhadsty1 img{    max-width: 69%;}

.mission-datalist ul li{width: 96%;margin-bottom: 25px;}
.tabs-martop15{margin-top :-36px; }
.tabs-martop15 li a{    margin-right: 3px; padding: 4px 10px; font-size: 14px; }
.tab-mainstyall12{padding:22px 7px !important;}
.all-tabsdata12 h2 {font-family: Creamson !important; font-size: 28px; font-weight: 400; margin-bottom: 10px;}
.all-tabsdata12 h5{font-family: Creamson !important; font-size: 22px; font-weight: 400; margin-bottom: 24px;}

.becomea-volunter{bottom: 28px; width:58%}
.becomea-volunter span{font-size:14px;}
.becomea-volunter a{font-size: 16px;line-height:1.2;}
.safe-dataright{padding-top:22px;}
.safe-dataright h2{font-size: 31px; font-weight: 400; margin-bottom: 15px;}
.safe-dataright h5{font-size: 39px; text-transform: capitalize; margin-bottom: 17px;}
.food-alldata52{    padding: 15px 32px;}
.food-alldata52 h2{font-size: 28px;}
.footer-menudata{margin-top: 20px;}
.hero-img img{min-height: 200px !important;}
.map-imgsty15{display: none !important;}
.carsl_btn{display: none !important;}
.hero-img{margin-top: 0px !important; }
.mission-visionsty{background-color: transparent !important;}
.tabs-martop15 li{margin-bottom: 7px !important; }
.student-liststy ul li:before{display: none !important;}
}

@media (min-width: 576px) {
.container {max-width: 100% !important; }
}

@media (min-width: 481px) and (max-width: 600px) {


}

@media (min-width: 750px) and (max-width: 998px) {

.mission-datalist ul {max-width: 100%;}
.mission-datalist ul li p{font-size:18px !important;}
.all-tabsdata12 h2{    font-size: 37px; font-weight: 400; margin-bottom: 17px;}
.all-tabsdata12 h5{font-size: 27px; margin-bottom: 9px;}
.all-tabsdata12 p{    font-size: 16px;}
.becomea-volunter{bottom: 50px;    width: 63%;}
.becomea-volunter span{font-size: 23px;}
.food-alldata52{    padding: 23px 32px;}
.slider-maindata1 span{ line-height: 1.2; }
}
.owl-carousel .item-video {height: 300px; }
#carousel2 .owl-nav button{color: #000 !important;}
.video-btn{position: relative; cursor: pointer !important;}
.play-youtubebutton{position: absolute; left: 0; right: 0; margin: auto; top: 34%; max-width: 58px;}
.alldata-cart15{width: 100%;}
.alldata-cart15 h5{    color: #000000; font-size: 30px;margin-bottom: 25px;}
.alldata-cart15 table{width: 100%;}
.alldata-cart15 table tr th{background-color: #d1a41c; color: #fff; padding: 11px 5px; font-size: 17px; font-weight: 600; text-align: center;}
.alldata-cart15 table tr td{color: #000; padding: 11px 5px; font-size: 17px; font-weight: 600; border-bottom: solid 1px #e9e9e9; text-align: center;}
.alldata-cart15 table tr td img{    max-width: 90px;} 
.cart-totalsty15{    margin-top: 10px;}
.cart-totalsty15 h5{color: #000; font-size: 24px; font-weight: 500;    border-bottom: solid 1px #e9e9e9;
padding-bottom: 10px; margin-bottom: 18px;}
.cart-totalsty15 ul{    width: 100%;}
.cart-totalsty15 ul li{display: inline-block; width: 100%; margin-bottom: 6px; border-bottom: solid 1px #e9e9e9; padding-bottom: 5px; font-size: 18px; color: #000;} 
.cart-totalsty15 ul li b{    width: 50%; display: inline-block; font-weight: 400;}
.cart-totalsty15 ul li span{    width: 49%; display: inline-block; text-align: right;}
.process-todata15{display:block; width: 100%; text-align: right;}
.process-todata15 a{display: inline-block; background-image: linear-gradient(to bottom right, #cfa111, #ffe575); color: #fff; padding: 15px 49px; font-size: 17px; font-weight: 600; margin-top: 18px; border-radius: 50px;}

.main-cartdataall{width: 90%; margin: auto; background-color: #fbfafa; padding: 20px; margin-bottom: 19px; display: block; clear: both;} 
.cont-datall12{    margin-bottom: 22px;}
.cont-datall12 li{position: relative; padding-left: 16px; vertical-align: top; color: #fff; margin-bottom: 6px; font-size: 16px;}
.cont-datall12 li:before{position: absolute; content: ''; width: 5px; height: 5px; background-color: #fff; left: 0; top: 10px;}
.send-kitadata{}
.bottonnum-sty1{background-color: #ffab1f; color: #fff; width: 45px; display: inline-block; text-align: center; font-size: 23px; height: 33px; cursor: pointer;}
.month-datalist{display: inline-block; color: #fff; font-size: 22px; margin-left: 12px; margin-top: 0px; text-transform: capitalize; letter-spacing: 1px;}
.pop-loadsty15{background-image: url(../../../assets/front/img/1.png); position: fixed; height: calc(100% - 141px); bottom: 0; background-color: #000; z-index: 98200;   background-repeat: repeat;background-size: 22px;} 
.layer-blackdata15{background-color: rgb(0 0 0 / 94%);  height: 100vh;}

.teacher-mainsty15{    padding: 50px 0px;}
.teacher-profile{    text-align: center; position: relative; display: block; margin: auto; max-width: 200px;}
.teacher-profile span{display: inline-block; margin: auto; border: solid #e0bc70 20px; border-radius: 50%; width: 200px; height: 200px; overflow: hidden; box-shadow: 0px 0px 0px 2px #b9871c; position: relative;}
.teacher-profile:before{  position: absolute;
    content: ''; width: 2px; border-right: solid 3px #e0bc70; height: 59px; bottom: -49px; margin: auto; left: 0; right: 0;}
.teacher-profile span img{    width: 166px; height: 166px;}
.student-liststy{}
.student-liststy ul{    text-align: center; margin-top: 46px; position: relative;}
.student-liststy ul li{position: relative;}
.student-liststy ul li:before{  width: 78%;
    height: 3px;
    margin: auto;
    background: #e0bc70;
    left: 0px;
    top: 52px;
    bottom: initial;
    right: 0;
    content: "";
    position: absolute;}
.student-liststy ul li span{    display: block; background-color: #e0bc70; margin-bottom: 29px !important; padding: 12px; width: 180px; margin: auto; border: solid 1px #fff; position: relative;
    }

/*.student-liststy ul li span:first-child:before {    width: 89px;
    border-right: solid 3px #e0bc70; height: 126%; bottom: 35px; margin: auto; left: -260px; right: 0; transform: rotate(-270deg );}*/
.student-liststy ul li span img{object-fit: cover;max-width: 74px; border: solid 2px #fff; z-index: 98 !important;}
.student-liststy ul li span p{font-size: 17px; color: #010101; margin-bottom: 0px; margin-top: 5px; font-weight: 700;}
.last-borsty15:before{display: none !important;}
.teacher-profile:hover .hover-stydata{display: block !important; transition: 0.5s;}
.teacher-styalldata15{}
.teacher-styalldata15 h2{}
.teacher-styalldata15 p{ color: #000 !important;     font-weight: 700; }
.student-liststy ul li span:hover .hover-stydata{display: block !important; transition: 0.5s;}
.hover-stydata{display: none;position: absolute; background-color: #e0bc70; width: 280px; top: -126px; left: -97px; padding: 9px 10px; border: solid 2px #fff; transition: 0.5s;    z-index: 98000000000;}
.hover-stydata img{display: inline-block;
    width: 68px !important; border:0px !important; float: left;}
.hover-stydata b{width: calc(100% - 69px) !important; display: inline-block !important; border: 0px !important;
    font-weight: 400 !important;}
.hover-stydata b h2{font-size: 23px;}
.hover-stydata b p{font-size: 15px !important; margin-top: 0px !important; letter-spacing: 0.5px;    word-wrap: break-word;
    line-height: 1.2;}
.iaccept-butsty{text-align: center;    margin-top: 45px;}
.iaccept-butsty button{background-image: linear-gradient(to bottom right, #ff9600, #ffe575);
    border-radius: 50px; color: #fff !important; text-transform: uppercase; font-weight: 600 !important; padding: 13px 41px !important; transition: transform 2s, filter 2s ease-in-out; transition: transform 2s, filter 2s ease-in-out; border: 0px !important; cursor: pointer;}
.name-family15{display: block;margin-bottom: 10px;}
.name-family15 p{color: #efc555; font-size: 18px; margin-bottom: 9px;}
.hover-stypop15{    width: 2px; height:1px; left: 0; right: 0; margin: auto; display: none; top: 0; bottom: 0; box-shadow: 0px 0px 0px 5000px rgb(0 0 0 / 82%); position: relative; z-index: 98; }

/*  .student-liststy ul li span:hover .hover-stypop15{display: block !important;}*/

.last-borsty15:hover.last-borsty15{ position: relative; z-index: 980000 !important;display: block;}
.scroll-alldata{height: 304px; overflow: auto;}
.student-liststy ul li{display: inline-block; width: 19%; text-align: center;}

.student-liststy ul li span:before{position: absolute; content: ''; width: 2px; border-right: dotted 3px #e0bc70; height: 47px; bottom: 130px; margin: auto; left: 0; right: 0;}

.water-charitydata1{position: relative;}
.water-charitydata1:before{position: absolute; content: ''; width: 100%; margin: auto; left: 0; right: 0; height: 100%; background-color: rgb(0 0 0 / 82%); bottom: 0;}


@media screen and (min-width:751px){
    
    .student-liststy ul li {display: flex !important; width: 100%; text-align: center; }

/* .student-liststy ul li:first-child span:before {
        width: 171%;
    height: 3px;
    margin: auto;
    background: #e0bc70;
    left: -170px;
    top: 52px;
    bottom: initial;
    right: inherit;
    content: "";
    position: absolute;
} */ 

}