body { 
   
    padding-top: 46px; 
}
body::-webkit-scrollbar {
      display: none;
      
    }
.content-container{
    height: 100vh;
}





/* for sample swipers */

/* .sample-slider{
    width:70%;
    
}
.sample-slider img{
    width: 100%;
} */





/* images swiper */

/*.swiper_thumbnail .swiper-slide-thumb-active{
    outline: 2px solid #000;
    outline-offset: -2px;
}*/
/*.swiper_thumbnail img{
    vertical-align: bottom;
}*/











/* articles swiper */
/*.articles_swiper .swiper-button-next{*/
/*left: 90% !important;*/
/*}*/
/*.articles_swiper .swiper-button-prev{*/
/*left: 80% !important;*/
/*}*/


/* to hide arrow and put editable arrows fa */


/*.articles_swiper .swiper-button-next::after{*/
/*    content: '' !important;*/
/*}*/
/*.articles_swiper .swiper-button-prev::after{*/
/*    content: '' !important;*/
/*}*/







/*.articles_swiper .swiper-button-next,*/
/*.articles_swiper .swiper-button-prev {*/
/*    color: red !important;*/
    /* position: absolute !important; */
/*    top: 96% !important;*/
    /* position: relative !important; */
    
/*}*/
/*.articles_swiper .swiper-pagination-bullet{*/
    
/*    background-color: red !important;*/
/*}*/

/*.articles_swiper .swiper-pagination-bullet-active{*/
    
/*    background-color: red !important;*/
/*}*/










/* scroll bar shape */

/*::-webkit-scrollbar {*/
/*    width: 12px;*/
/*}*/

/*::-webkit-scrollbar-track {*/
/*    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
/*    border-radius: 10px;*/
/*}*/

/*::-webkit-scrollbar-thumb {*/
/*    border-radius: 10px;*/
/*    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */
/*}*/



::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 100px;
}

::-webkit-scrollbar-thumb {
    background-color: #bfbcbc;
    border-radius: 100px;
}



/* goals swiper */
.goals-card{
    height: 150px;
    background-color: white;
    text-align: left;
}




/* .goals_swiper .swiper-slide { */
    /* text-align: center;
    font-size: 18px;
    background: #fff;
    height: calc((100% - 30px) / 2) !important;
    height: 220px; */

    /* Center slide text vertically */
    /* display: flex;
    justify-content: center;
    align-items: center; */
/* } */







/* who we are section */

.who-we-are-img{
   max-height: 450px !important;
}

.who-we-are-txt{
    max-height: 350px;
    overflow: auto;
}



/* articels section */

.article-container{
    max-height: 1000px;
    min-height: 550px;
    overflow: hidden;
    align-self: center !important;
    align-items: center !important;
    justify-content: center !important;
}

.article-text{
    max-height: 900px;
    overflow: auto;
}




/* goals section */

.goals-container{
    /* height: 700px; */
}

/* 
.scrolling-wrapper-flexbox{
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    
}

.goals-card{
    min-width: 100px;
    flex: 0 0 auto;
} */
/* 

  
  .hs {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 10px;
    
    padding: 10px;
  
    
  }
   */
  





/*   

.no-scrollbar {
    scrollbar-width: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  } */



/* --------- blogs section ----------- */
.blogs_swiper .swiper-slide{
    display: flex;
    justify-content: center;
}


.blogs-card{
    background-color: #0d3165;
    max-width: 1385px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    height:fit-content;
}


.blogs-text{
    padding: 3rem;
    max-height: 470px;
    overflow: auto;
}

.blogs-img{
    max-height: 400px;
    border-radius: 10px;
}














/* ----------- our team section -------------- */
/* .ourteam-card{
    height: 150px;
    background-color: white;
} */

/* 

.card-img-top{
    border-radius: 50px;
} */










/*------------------- videos section ------------------ */
.videos-container{
    overflow: hidden;
    height: 750px;
}

.videos-list{
    overflow-y: auto;
    overflow-x: hidden;
    height: 700px;
}


.video-card{
    height: 300px;
    width: 400px;
    background-color: grey;
    border-radius: 10px;
}

.video-card-top{
    /* background-color: green; */
}

.video-iframe{
    border-radius: 10px;
}

.video-card-title{
    text-align: center;
}






/* ---------------- gallery section -------------- */

.gallery-container{
    height: 650px;
    border-radius: 10px;
    
}

/* ----- */

.images_swiper{
    height: 500px;
    border-radius: 10px;
    
}

 .images_swiper .swiper-slide{
     /* background-size: cover;
    background-position: center; */
    background-color: black;
    /* height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; */
    width: auto;
    border-radius: 10px;
}

.images_swiper .swiper-slide img{
    width: auto;
    /* max-width: 70%; */
    height: 500px;
    object-fit: contain;
    border-radius: 10px;
}


/* ----- */

/* 
.swiper_thumbnail{
 height: 200px;   
}

.swiper_thumbnail .swiper-slide{
    opacity: 0.4;
    background-color: black;
    / display: flex;
    justify-content: center;
    align-items: center; /
}

.swiper_thumbnail .swiper-slide img{
    width: auto;
    height: 100%;
    
    cursor: pointer;
    / border-radius: 10px; /
    object-fit: contain;
}








.swiper_thumbnail .swiper-slide-thumb-active {
    opacity: 1;
} */






/* ----------- sponsors section ----------- */
.sponsor-card{
  /*background-color: red;*/
  /*max-width: 350px;*/
     height: 186px;
    width: 250px;
  /* width: 350px;
  height: 200px; */
  /*margin-right: auto;*/
  /* margin-right: 5px;
  margin-bottom: 10px; */
  /*margin-left: auto;*/
  /* margin-left: 5px;
  border: none;
  display: inline-block;
  padding: 20px; */
}


/* ----------- contact us section ----------- */
.contact-img{
    border-radius: 10px;
}

.textarea{
    min-height: 175px !important;
}







/* media query */

@media screen and (max-width: 992px) {
    .article-container{
        max-height: 100vh;
    }
    .article-text{
        max-height: 85vh;
    }
   
}




@media screen and (max-width: 800px) {
    .images_swiper .swiper-slide{
   
       background-color: transparent;
      
       width: 100%;
       
   }
   
   .images_swiper .swiper-slide img{
       width: 100%;
       
       height: 500px;
       object-fit: contain;
       
   }
   
   
   .blogs-img{
        max-height: 240px;
        border-radius: 10px;
        margin-bottom: 27px;
        
    }
    .blogs-text {
        max-height: 288px;
        padding:0px !important;
        padding-left: 19px !important;
    }

   
}







.send-btn {
    font-family: inherit;
    font-size: 18px;
    background: linear-gradient(to bottom, #4dc7d9 0%,#66a6ff 100%);
    color: white;
    padding: 0.8em 1.2em;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 25px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s;
  }
  
  .send-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3);
  }
  
  .send-btn:active {
    transform: scale(0.95);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  }
  
  .send-btn span {
    display: block;
    margin-left: 0.4em;
    transition: all 0.3s;
  }
  
  .send-btn svg {
    width: 18px;
    height: 18px;
    fill: white;
    transition: all 0.3s;
  }
  
  .send-btn .svg-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    margin-right: 0.5em;
    transition: all 0.3s;
  }
  
  .send-btn:hover .svg-wrapper {
    background-color: rgba(255, 255, 255, 0.5);
  }
  
  .send-btn:hover svg {
    transform: rotate(45deg);
  }
  













/* On screens that are 992px or less, set the background color to blue */
/* @media screen and (max-width: 992px) {
    p-5{
        padding: 0 !important;
    }
  } */