* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

  font-family: "Kumbh Sans", serif;

}

a{
  text-decoration: none;
}

:root {

  /* --primary-color: #df0014;

  --secondary-color: #f6ce00;

  --thrd-color: #369e00;

  --primary-text-color: #000;

  --secondery-text-color: #ffff; */
  --primary-color: #006CFA;

  --secondary-color: #0EE4E7;

  --thrd-color: #006CFA;

  --primary-text-color: #000;

  --secondery-text-color: #ffff;
}

/* li {

  list-style: none;

} */

ul,

li,

p {

  margin: 0;

  padding: 0;

}
.col-md-121 ul{
  margin: 0px;
}
.col-md-121 ul li{
  margin: 0px;
}
.col-md-121 .owl-carousel1 li{
  margin: 20px 10px;
}
p {

  font-size: 18px;

}

li i {

  font-size: 18px;

}

a {

  text-decoration: none;

  font-weight: 600;

  font-size: 18px;

}
.home p{
  margin-bottom: 0px;
}
.header-top {

  display: flex;

  align-items: center;

  background-color: var(--primary-color);

  color: var(--secondery-text-color);

}

.pl {

  padding-left: 0;

}

.pr {

  padding-right: 0;

}
.ht-left,

.ht-right{
  margin:0px;
}


.ht-left,

.ht-right,

.menu {

  display: flex;
  flex-wrap: wrap;

  list-style: none;

  align-items: center;

  gap: 45px;

}

.ht-right {

  padding: 27px 38px;

  background-color: var(--secondary-color);

  gap: 17px !important;

}

.ht-left li {

  display: flex;

  align-items: center;

}
.ht-left li a{ color: #fff;  text-decoration: none;}
h3 {

  font-weight: bold;

  font-size: 32px;

  color: var(--primary-color);

}

h5 {

  font-size: 20px;

  font-weight: bold;

  color: var(--thrd-color);

}

h1 {

  font-size: 48px;

}

.ht-left li i {

  padding-right: 10px;

}

.logo {

  font-size: 36px;

  font-weight: bolder;

  color: var(--thrd-color);

}
.logo a{

  font-size: 36px;

  color: var(--thrd-color);

}
.logo a{

  font-size: 36px;

  color: var(--primary-color);

}
.menu {

  text-transform: capitalize;

  font-size: 18px;

  font-weight: medium;

}

.menu li a {

  border-right: 1px solid #d0d0d0;

  padding-right: 15px;

  color: #2e4049;

  outline: none;

}



button {

  outline: none;

  border: none;

  padding: 22px 36px;

  border-radius: 100px;

  background-color: var(--secondary-color);

  text-transform: uppercase;

  font-size: 18px;

  font-weight: bold;

  transition: all 0.3s ease;

}



button:hover  {

  filter: brightness(0.85); /* Darkens the existing color */

}



button a {

  color: var(--secondery-text-color);

}

.header-bottom {

  padding: 25px 0;

}

/* hero-section */



.hero {

  position: relative;

  background: #000;

  height: 796px;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  /* background-image: url("../img/bgImg.png"); */

  color: var(--secondery-text-color);

}

.heroBtns button:last-child {

  margin-left: 15px;

  background: var(--primary-color);

}

.hero-con {

  display: flex;

  flex-direction: column;

  gap: 30px;

  /* height: 332px; */

}

.overlay {

  position: absolute;

  bottom: -25%;

  left: 20%;

  z-index: 9;

  width: 60%;

}

.overlay-con {

  background: #000;

  height: 100%;

}

.about {

  padding-top: 50px;

  padding-bottom: 50px;

}

.about-con {

  display: flex;

  gap: 47px;

}

.about-para-con {

  display: flex;

  flex-direction: column;

  gap: 10px;

}

.about-para-con p {

  font-size: 16px;

  line-height: 130%;

}

.about-para-con h4 {

  color: var(--primary-color);

}



.about-left {

  padding: 25px 30px 25px 0px !important;

  display: flex;

  flex-direction: column;

  align-items: start;

  gap: 10px;

}



.about-right {

  display: flex !important;

  flex-direction: column;

  gap: 48px;

  align-items: start;

  background-color: #ecf1f0;

  padding: 51px 40px;

}

.about-menu {

  width: 100%;

  display: flex;

  justify-content: space-between;
  flex-wrap: wrap;

}
.about-menu ul {
  margin: 0px;
}
.about-menu ul li {

  display: flex;

  align-items: center;

  gap: 10px;

  color: var(--secondary-color);
margin: 0px;
}

.about-menu ul li h5 {

  font-weight: 400;

  color: #727272 !important;

  margin: 0;

}

.about-menu ul li i {

  font-size: 24px;

}

.about-right button {

  background-color: var(--secondery-text-color);

}

.about-right button a {

  color: #777777 !important;

}

.about-total {

  display: flex;

  align-items: center;

  justify-content: space-between;
  flex-wrap:wrap;

}

.about-total h5 {

  color: var(--primary-color);

}
.about-left-img{
  max-width: 80%;
}
.about-range {

  width: 100%;

  display: flex;

  flex-direction: column;

  gap: 28px;

}

.about-range h4 {

  font-size: 25px;

  color: var(--primary-color) !important;

}



.full-range {

  display: flex;

  overflow: hidden;

  height: 7px;

  background: #c5cecc;

  border-radius: 20px;

}

.y-range {

  width: 80%;

  background: var(--secondary-color);

  border-radius: 20px;

}



#aboutImg {

  padding: 0 !important;

}

#aboutImg img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

#gray-about {

  background-color: #ecf1f0;

}

/* profile */

.profile {

  background-color:#000;

  color: var(--secondery-text-color) !important;

  text-align: center;

  padding: 80px 0;

}

.profile p {

  line-height: 108.3%;

  font-size: 16px;

}

.profile h3 {

  color: var(--secondery-text-color);

}

.profile button {

  background-color: var(--secondery-text-color);

}

.profile-con {

  display: flex;

  flex-direction: column;

  gap: 20px;

  justify-content: center;

  align-items: center;

}

.profile button a {

  color: #333333;

}

/* events */

.events {

  padding-top: 50px;

  padding-bottom: 50px;

}

.events h3 {

  color: var(--secondary-color);

  font-weight: bold;

}

.events h6 {

  font-size: 24px;

  font-weight: bold;

  color: var(--primary-color);

}

.events p {

  line-height: 108.3%;

  font-size: 16px;

  color: #727272;

}

.events-con {

  width: 100%;

  display: flex;

  gap: 40px;

  flex-direction: column;

  align-items: center;

}



/*gallery*/

.galdiv {

  background: #000;

  padding: 80px;

  height: 385px;

}

.text-white {

  color: #fff;

}

.text-yellow {

  color: #f6ce00;

}

.text-yellow2 {

  color: #369e00;

}

.text-bold {

  font-weight: bold;

}



/*project*/

.project {

  background: #ecf1f0;

  padding: 40px 0;

}

.pdiv {

  padding: 80px 150px 80px 150px;

  border-right: 1px solid #ccc;

}

.pdiv2 {

  padding: 80px 200px 80px 40px;

}

.btn1 {

  background: #df0014;

  color: #fff;

  font-size: 14px;

  padding: 10px 25px;

  border-radius: 25px;

  text-transform: uppercase;

  transition: all 0.3s ease;



}

.btn2 {

  background: #fff;

  color: #000;

  font-size: 14px;

  padding: 10px 25px;

  border-radius: 25px;

  text-transform: uppercase;

  transition: all 0.3s ease;





}

.btn3 {

  background: #fff;

  color: #000;

  font-size: 14px;

  padding: 15px 80px;

  border-radius: 25px;

  text-transform: uppercase;  

  transition: all 0.3s ease;



}

.pul {

  list-style: disc !important;

}

.pul li {

  padding-bottom: 10px;

}



/*cta*/

.cta {

  padding: 80px 0;

    background: #000;

    background-image: url('../img/bgImg-1.png');

    background-position: center;

    background-size: cover;

    position: relative;

    /* margin-top: 500px; */

}



/*hero-b*/

.ndiv1 {

  background: #006CFA;

  padding: 100px 40px;

}

.ndiv2 {

  background: #0EE4E7 !important;

  padding: 100px 40px;

}

.joinb {

  color: #fff;

  text-decoration: underline;

  font-weight: normal !important;

}

.img1 {

  height: 375px;

}

.hero-b {

  position: relative;

  margin-top: -80px;

}



/*owl*/

.owl {

  /* height: 100px; */

}



.owl-carousel1 li {

  margin: 20px 10px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  padding: 43px 40px;

  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}

.avater {

  width: 60px;

  height: 60px;

  border-radius: 50%;

}

.avater img {

  height: 100%;

  width: 100%;

}

.star {

  color: var(--secondary-color);

}

.owl-carousel1 li p {

  text-align: center;

  font-size: 14px;

}

.pbtn,

.nbtn {

  padding: 10px;

  background-color: var(--primary-color);

  color: var(--secondery-text-color);

}

.events h3 {

  margin-bottom: 15px;

  color: var(--primary-color);

}

.owlP {

  color: var(--thrd-color) !important;

}

.cta .btn2{

  color: var(--primary-color);

}



/* footer */

.footer-top{

  padding-top: 50px;

  padding-bottom: 50px;



}

.footer-about{

  font-size: 18px !important;

  line-height: 130%;

}

.foter-logo{

  display: flex;

  gap: 10px;

}

.foter-logo a{

  font-size: 40px;

  color: var(--primary-color);

}



.contact-us div{

    flex-shrink:0 ;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: var(--primary-color);

}

.contact-us div i{

  font-family: 38px;

  color: var(--secondery-text-color);

}



footer ul li{

  display: flex;

  gap: 10px;

  align-items: center;

  margin-bottom: 10px;
  margin-left: 0px;

}



footer li a{

  color: #8D8D8D;

}



.footer-bottom{

  padding: 10px;

  background-color: var(--primary-color);

}

.footer-bottom p{

  font-size: 14px;

  font-weight: normal;

  color: var(--secondery-text-color);
  margin-bottom: 0px;

}

.footer-bottom p a{

  font-size: 14px;

  color: var(--secondery-text-color);



}

.owl-nav{

  display: none;

}

.btn3:hover,.btn2:hover,.btn1:hover{

  filter: brightness(0.85);

}

.inner-banner-contain{
  position: absolute;
  left: 50%;
  top:0px;
  /* transform:translate(-50% , -50%); */
  transform: translate(-50% , 6%);
}
.inner-banner figure {
  height: 250px;
}
.inner-banner figure img{
  width: 100%;
  height: 250px;
  object-fit: cover;
}
.inner-banner h2{
color: #fff;
width: 100%;
font-size: 24px;
margin-bottom: 15px;
}
.inner-banner h4{
  color: #fff;
  width: 100%;
  font-size: 18px;
  }
  .inner-banner ul li{
    color: #fff;
    width: 100%;
    font-size: 16px;
    }

.inner-banner h4{
  color: #fff;
  }
  .heros-contain-one{
    height: 250px;
    /* display: flex;
    flex-wrap: wrap; */
    width: 100%;
    /* align-items: center; */
    padding: 50px 100px;
    overflow: hidden;
  }
  .bottom-silder-1{
    background: #fff;
    position: relative;
    padding: 50px;
    box-shadow: 000px 5px 10px 2px rgba(000, 000, 000, 0.2);
    border-radius: 10px;
  }
  .bottom-silder-1::after{
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    left: 20px;
    top: 20px;
    content: '';
    border: 2px solid #006CFA;
    content: '';
    position: absolute;
    z-index: 9;
    border-radius: 20px;
  }
  .common-padding{
    padding: 100px 0;
  }
  .bottom-swiper-one{
    background: #ecf1f0;
  }
  .inner-banner figure{
    margin-bottom: 0px;
  }
  .silder-img-one{
    text-align: center;
  }
  .image-con .aligin-items-center{
    align-items: center;
  }
.bottom-silder-1 .swiper-button-prev{
background: url(../img/arrow-left.png) no-repeat !important;
width: 70px !important;
height: 70px !important;
/* left: -50px !important; */
left: 0px !important;
  }
 .bottom-silder-1 .swiper-button-next{
    background: url(../img/arrow-right.png) no-repeat !important;
    width: 70px !important;
    height: 70px !important;
    right: 0px !important;
    /* right: -50px !important; */
      }
      .bottom-silder-1 .swiper-button-next::after {   display: none}
      .bottom-silder-1 .swiper-button-prev::after { display: none}


      .inner-banner .swiper-pagination-bullet{
        width: 20px !important;
        height: 20px !important;
        background: #ecf1f0 !important;
        opacity: 1;
      }
      .inner-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background: #006CFA !important;
      }
      .image-con{
        height: 100%;
      }

      .page-banner-main-block .page-banner-heading {
        font-size: 50px;
    }
    .text-white {
        color: #fff !important;
    }
    .breadcrumb {
      background-color: inherit;
      color: #FFF;
      text-align: center;
      font-size: 14px;
      display: inline-flex;
      text-transform: uppercase;
      align-items: center;
      padding: 0px;
      margin: 0px;
  }
  .breadcrumb a{ color: #fff; text-decoration: none;}
  .page-banner-block .breadcrumb li+li:before {
    padding: 0 5px;
    color: #FFF;
    content: ">";
}
.donate-button {
  outline: none;
  border: none;
  padding: 22px 36px;
  border-radius: 100px;
  background-color: var(--secondary-color);
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  transition: all 0.3s ease;
  color: #fff;
}
.donate-button:hover{ background-color: var(--primary-color);}
.menu ul {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 0px;
}
.menu ul li{ list-style-type: none;}
.menu ul li a{ text-decoration: none;}
.menu ul li a:last-child{ border-right: 0px;}
.header-bottom{
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  display: flex;
}
.donate-button {
  outline: none;
  border: none;
  padding: 22px 36px;
  border-radius: 100px;
  background-color: var(--secondary-color);
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  transition: all 0.3s ease;
}
.primary-button-one {
  outline: none;
  border: none;
  padding: 22px 36px;
  border-radius: 100px;
  background-color: var(--primary-color);
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  transition: all 0.3s ease;
  color: #fff;
}
.primary-button-one:hover{
  background-color: #0EE4E7;
}
.organised-text-one{
  border-bottom: 1px solid #b3ab87;
  padding-bottom: 20px;
  margin-bottom: 20px;

  }
  .blog-left-section{
    padding-right: 50px;
  }
  .blog-right-section{
    padding-right: 20px;
  }
  .blog-right-section img{
    height: 100px;
    object-fit: cover;
  }
  .organised-text-one:last-child{
    border-bottom: 0px;
    padding-bottom: 0px;
  }
  .gallery-bg-one5{
    background: #000;
    margin:0px;
  }
  .text-align-center-bg{
    align-items: center;
  }
  .pul ul{
    list-style-type: disc;
    margin-left: 0px;
  }
  .mem-project-one{
    padding-bottom: 25px;
  }
  .mem-project-one strong{ color:#f6ce00;}
  .page-banner-block{
    text-align: center;
  }
  .image-con h5{
    font-size: 20px;
    font-weight: bold;
    color: var(--thrd-color);
}
.image-con h2{
  font-size: 32px;
  /* font-weight: bold;
  color: var(--thrd-color); */
}
.image-con h4{
  font-size: 20px;
  font-weight: bold;
  color: var(--thrd-color);
}
  
.heros-top-block:nth-child(odd) .ndiv1{
  background: #0EE4E7;
}
.heros-top-block:nth-child(even) .ndiv1{
  background: #006CFA;
}


.translate{
  background: #00AAFD;
  border-radius: 2px;
  padding:0px 0px;
  font-size: 16px;
  border-radius: 2px;
  color: #fff;
  max-width: 190px;
  position: relative;
  width: 130px;
  height: 64px;
  border-radius: 40px;
  margin-top: 10px;

}
.gt_float_switcher img{
  width: 25px !important;
}
.trans-con1{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: auto;
}
.gt_float_switcher{
  background: #00AAFD !important;
  box-shadow: none !important;
}
.gt_float_switcher .gt_options a{
  color: #fff !important;
  padding: 5px !important;
}
.gt_float_switcher .gt-selected{
  background: #00AAFD !important;
  box-shadow: none !important;
}
.gt_float_switcher .gt-selected .gt-current-lang{
  color: #fff !important;
}
.gt_float_switcher img{
  width: 25px !important;
}
.gt_options{
  max-width: 128px !important;
}
.gt_float_switcher .gt_options a{
  font-size: 12px;

}
.gtranslate_wrapper{
  position: absolute;
  left: 10px;
  top: 10px;
  width: 148px;
}
.translate-button1{
  width: 148px;
  background: #00AAFD ;
  height: 71px;
  border-radius: 40px;
}

.contact-feature {
  background-color: #F7F4ED;
  padding: 40px 10px;
  text-align: center;
  border-radius: 20px;
}
.box-title {
  font-size: 24px;
  line-height: 1.417;
  font-weight: 700;
  margin-top: -0.32em;
}
.contact-feature_subtitle {
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 14px;
}
.contact-feature_icon {
  margin-bottom: 17px;
  display: flex;
  justify-content: center;
}
.quote-form-box {
  padding: 50px;
}
.rounded-20 {
  border-radius: 20px;
  overflow: hidden;
}
.bg-smoke {
  background-color: #f7f7f7 !important;
}
.quote-form-box .form-title {
  margin-top: -0.24em;
  margin-bottom: 10px;
  font-size: 36px;
  line-height: 1.278;
}
.quote-form-box .form-text {
  margin-bottom: 15px;
}
.form-text {
  font-size: 16px;
}
.form-text {
  margin-top: 10px;
  font-size: .875em;
  color: #6c757d;
}
.quote-form-box .form-control{
  height: 56px;
  padding: 15px 25px 15px 25px;
  padding-right: 45px;
  border: 1px solid transparent;
  color: #74757b;
  background-color: #fff;
  border-radius: 5px;
  font-size: 16px;
  width: 100%;
  /* font-family: 16px; */
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.bg-theme {
  background-color:#0073e6 !important;
}
.quote-form-box select{
  height: 56px;
  padding: 15px 25px 15px 25px;
  padding-right: 45px;
  border: 1px solid transparent;
  color: #74757b;
  background-color: #fff;
  border-radius: 5px;
  font-size: 16px;
  width: 100%;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.contact-feature.bg-theme .contact-feature_icon img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.contact-feature.bg-theme .box-title {
  color: #fff;
}
.bg-theme .contact-feature_subtitle{
  color: #fff;
}
.quote-form-box .wpcf7-submit{ width: 100%;}
.contact-feature.bg-theme .box-title a{
  color: #fff;
}
.space, .space-bottom {
  padding: 120px 0;
}
.quote-form-box textarea {
  min-height: 120px;
}
textarea.form-control, textarea {
  min-height: 154px;
  padding: 17px 25px;
  
}
.box-title a {
  color: #0073e6;
  text-decoration: none;
}
.form-group {
  margin-bottom: 20px;
  position: relative;
}
.th-btn {
  position: relative;
  z-index: 2;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  border: none;
  text-transform: uppercase;
  text-align: center;
  background-color:#0073e6;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 21px 30px;
  min-width: 166px;
  border-radius: 5px;
  width: 100%;
}


.contact-feature {
  background-color: #F7F4ED;
  padding: 40px 10px;
  text-align: center;
  border-radius: 20px;
  text-align: center;
}
.contact-feature {
  height: 250px;
}

.menu.menu2{
  margin: 0px;  gap: inherit;
  }
  .menu.menu2 li{ margin: 0px; margin-right: 25px;}
  .menu.menu2 li:last-child a{ margin: 0px; padding-right: 0px; border-right: 0px;}


  .hero-con1 .heroBtns{
    display: inline-block;
  }
  .hero-con1 .heroBtns a{
    display: inline-block;
  }
  .hero-con1 .donate-button{
    margin-right: 20px;
  }
  .hero-con1 h1{
    margin-bottom: 20px;
  }
  .owl-carousel1 li h5{
  font-size: 2rem;
  min-height: 60px;
  text-align: center;
  /* padding-bottom: 10px; */
  }
  .ndiv1 h3{
    font-size: 3rem;
  }
  .about-menu ul li h5{
    font-size:2.2rem;
  }
  .hamber-icon{
    display: none;
}
.text-end1{
  text-align: end;
}
.blank-div-one{
  display: none;
}
.quick-link-con1{
  padding-left: 25%;
}
.mobile-menu1{
  display: none;
}
.ndiv1.heros-ndiv11{
  padding: 30px;height: 362px;
}
  @media (max-width:1600px){
    h3, .heading-size-3{
      font-size: 3rem;
    }
    .ndiv1 h3{
      font-size: 3rem;
    }
    .ndiv1{
      padding: 100px 30px;
    }
    .ndiv2{
      padding: 100px 30px;
    }
    .ndiv1.heros-ndiv11{
      height: 400px; padding: 15px;
    }
  }
  @media (max-width:1366px){

    .donate-button{
      padding: 20px 15px;
    }
    .menu.menu2 li{
      margin-right: 15px;
    }
    .btn3{
      padding: 15px 50px;
    }
    .pdiv{
      padding: 80px 100px 80px 100px;
    }
    .owl-carousel1 li{
      padding:40px 20px ;
    }
    .galdiv{
      height: auto;
    }
  }
  @media (max-width:1200px){

    .menuone .mobile-menu1{
      display: block;
    }
    .galdiv{
      padding: 40px;
    }
    .pdiv{
      padding: 20px;
    }
    .about-right{
      padding: 40px 20px;
    }
 
    .pdiv2{
      padding: 20px 40px;
    }
    .organised-text-one h4{
      font-size: 2rem;
    }
    .menu{
      display: none;
    }
    .header-bottom .donate-button{
      display: none;
    }
    .hamber-icon{
      display: block;
      position: absolute;
      right: 20px;
      top: 0px;
  }
  .hamburger_btn{
      background: #024997;
      border: 0px;
      padding: 10px;
      border-radius: 5px;
      
  }
  .menuone{
      height: 100vh;
      overflow: hidden;
      width: 100%;
  }
  .overlay-menu{
      background: rgba(0,0,0,0.8);
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      z-index: 10;
      display: none;
      opacity: 0;
    
  }
  .menuone .overlay-menu{
      opacity: 1;
      display: block;
  }
  .menu-contain{
      position: fixed;
      top: 0;
      right: 0;
      width:250px;
      max-width: 450px;
      height: 100vh;
      z-index: 999;
      padding: 50px 20px;
      overflow-y: scroll;
      overflow: hidden;
      scrollbar-width: none;
      /* background-color: #fff; */
      /* background-color: #98a2ab; */
      background-color: #034e91;
      overscroll-behavior-y: contain;
      /* background-color: #434343; */
      transform: translateX(100%);
      transition: all 0.3s ease-in-out;
      opacity: 0;
      }
      .menuone .menu-contain{
  transform: translateX(0);
  opacity: 1;
      }
           .menu-contain .bottom-part ul  { list-style-type: none; padding-left: 10px; margin-left: 0px;}
          .menu-contain .bottom-part ul li ul li { padding-top: 5px;
              padding-left: 0px;}
           .menu-contain .bottom-part ul li{
              margin-bottom: 5px; position: relative;
          }
       .menu-contain .bottom-part ul li a{
          font-size: 17px;
          color: #fff;
          text-decoration: none;
      }
      .menu-contain  .menu.menu2{
        display: block;
      }
      .menu-contain  .menu.menu2 ul li{
        width: 100%;
      }
    .ht-left {
        display: none;
      }
      .menu-contain .ht-left {
        display: block;
      }
      .ht-right{
        padding: 20px;
      }
      .ht-right li{ margin-left: 0px;}
      .translate{
        margin-bottom: 10px;
      }
      .cross-button{
        padding: 10px;
        right: 10px;
    position: absolute;
    top: -20px;
      }
      .menu-contain .bottom-part{
        position: relative;
      }
      .ht-left {
        gap: inherit;
      }
      .ht-left li{
        width: 100%;
        padding-left: 0px;
        margin-left: 0px;
      }
      .heros-contain-one{
        padding: 50px 50px;
      }
      .header-bottom .container{
        position: relative;
      }
  }
  @media (max-width:991px){
    .hero-con1 h1{
      font-size:30px;
    }
    .ndiv1.heros-ndiv11{
      height: 100%;
    }
    .row22{
      flex-wrap: wrap;
    }
    .space, .space-bottom{
      padding: 50px 0;
    }
    .quick-link-con1{
      padding-left: 0px;
      padding-top: 40px;
      padding-bottom: 40px;
    }
    .img-3{
      text-align: center;
    }
    .img-3 img{ display: inline-block;}
 
    .pdiv{
      border-right: 0px;
    }
    .learn-more-one{
     text-align: center;
     padding-top: 25px;
    }
    .about-left{
      padding: 20px !important;
    }
  .donate-button {
    padding: 10px;
    font-size: 16px;
}
.primary-button-one{
  padding: 10px;
  font-size: 16px;
}
.heros-contain-one{
  padding: 50px 0px;
}
.hero{
  min-height: 500px;
  height: 500px;
  padding-bottom: 25px;
}
.hero-b {
  position: relative;
  margin-top: 0px;
  padding: 0;
}
.about-range{
  gap: inherit;
}
.about-range h4{
  margin: 0px;
}
.image-con h2{
  font-size:20px;
}
.gallery-bg-one5 .col-md-6 {
  text-align: center;
}
.gallery-bg-one5 .col-md-6 img{
  display: inline-block;
}
.gallery-bg-bottom-one{
  background: #000; padding-bottom:50px;
}
.gallery-bg-bottom-one .col-md-3 {
  text-align: center;
}
.gallery-bg-bottom-one .col-md-3 img{
  display: inline-block;
}
}
@media (max-width:767px){
  .inner-banner-contain{
    max-width: 80%;
    width: 80%;
  }
  .heros-contain-one {
    padding: 20px 20px;
}
  .ndiv1.heros-ndiv11{
    height: auto;
  }
.ndiv1{ padding-top: 50px; padding-bottom: 50px;}
.ndiv2{ padding-top: 50px; padding-bottom: 50px;}
.events-con-one{
  width: 100% !important;
}
#site-footer{
  margin-top: 0px !important;
}
.text-end1{
  text-align: center;
}
.hero {
  min-height: 600px;
  height: 600px;
  padding-bottom: 25px;
}
.about-menu p:first-child{
  display: none;
}
.text-start {
  text-align: center !important;
}
.blog-left-section{
  padding-right: 0px;
}
.blog-right-section{
  padding-right: 0px;
}
.blog-right-section img{
  width: 100%;
}
.owl-carousel .owl-item .avater img{
  width: auto;
  display: inline-block;
}
.owl-carousel1 li h5{
  min-height: auto;
}
.hero-con1 p{ font-size: 15px;}
}
  @media (max-width:575px){

  .blog-right-section img {
    width: 100%;
}

  }