/*
Theme Name: Blue Star Foundation
Theme URI:
Author: Mot Juste
Author URI: www.motjuste.com
Description:
Tags: 
Version: 1.0
*/
*{padding: 0;margin: 0;box-sizing: border-box;}
:root {
    --bsftext: #333333;
    --bsfblack: #000000;
    --bsfwhite: #ffffff;
    --bsfblue:#0059AA;
    --bsforange:#F36525;
    --bsflightorange:#F8931F;
}
body{margin: 0;padding: 0;font-size:20px;font-family: "Public Sans", sans-serif;line-height: 1.6;}
@media screen and (max-width:576px){body{font-size: 16px;}}
html{scroll-behavior:smooth;}
img{max-width: 100%;height:auto;}
h1,h2,h3,h4,h5,h6 {padding: 0;margin: 0;font-family: "Public Sans", sans-serif;position:relative;}
p{font-family: "Public Sans", sans-serif;color: var(--bsftext);text-align:justify;}
.row {margin: 0;position:relative;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, 
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7,
.col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, 
.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, 
.col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, 
.col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, 
.col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding:0;}
/* Containers */
.container-responsive{padding:0 2rem;}
.container-1200{max-width: 1200px;margin: 0 auto;padding:0 1rem;position: relative;}
.container-1280{max-width: 1280px;margin: 0 auto;padding:0 1rem;position: relative;}
.container-1440{max-width:1440px;margin: 0 auto;position: relative;}
@media (min-width: 1400px) {
    .container-1200 {
        max-width: 1320px;
    }
  }
  @media (min-width: 1900px) {
    .container-1200 {
        max-width: 1440px;
    }
  }
@media screen and (max-width:576px){
  .container-responsive {
    padding: 0 1rem;
}
}
/* Menu Styles */
header{background: transparent;}
nav ul {margin: 0;}
nav ul li{position: relative;}
.logo{padding:15px 0;}
.menu{display:flex;justify-content: space-between;align-items: center;}
.menu nav ul{display: flex;justify-content: space-between;align-items: center;padding-left: 0;}
.menu nav ul li{list-style: none;text-decoration: none;}
nav ul li{padding-left: 3rem;}
nav ul li a {display:block;line-height:101px;position: relative;font-size:0.95rem;display: bock;color:var(--bsfblack);transition:all 0.5s linear;text-decoration: none;text-transform:normal;font-weight: 600;}
nav ul li a:hover{color: var(--bsflightorange);}
.menu .menu-item-has-children ul {
    display: block;
    position: absolute;
    left: 14px;
    top: calc(100% + 30px);
    margin: 0;
    padding: 10px 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: 0.3s;
    border-radius: 4px;
  }
  .menu .menu-item-has-children ul li {
    min-width: 200px;
  }
  .menu .menu-item-has-children ul a {
    padding: 10px 20px;
    font-size: 15px;
    text-transform: none;
    font-weight: 600;
  }
  .navbar .dropdown ul a i {
    font-size: 12px;
  }
  

  .menu .menu-item-has-children:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }
  .menu .menu-item-has-children .menu-item-has-children ul {
    top: 0;
    left: calc(100% - 30px);
    visibility: hidden;
  }
  .menu .menu-item-has-children .menu-item-has-children:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
  }
  .menu .menu-item-has-children > a:after {
    content: "\f107";
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900;
    padding-left: 5px;
}
.menu .menu-item-has-children:hover > a:after {
    content: "\f106";
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900;
    padding-left: 5px;
}
  @media (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
      left: -90%;
    }
    .navbar .dropdown .dropdown:hover > ul {
      left: -100%;
    }
  }
.whiteheader{background-color:var(--bsfwhite);z-index: 99999999;border-bottom: 3px solid var(--bsflightorange);}
.menu ul li a:before, .menu ul li a:after {
  content: "";
  background: var(--adwhite);
  width: 80%;
  height: 3px;
  transform: translateX(-50%) scale(0);
  position: absolute;
  bottom: -15px;
  left: 50%;
  transition: all .3s ease-in-out;
}
.menu ul li:hover a:before {
  transform: translateX(-50%) scale(1);
}
@media screen and (max-width:1315px){
  nav ul li{padding-left: 1.5rem;}
}
@media screen and (max-width:1170px){
  nav ul li{padding-left: 1.2rem;font-size: 0.6rem;}
  nav ul li a{font-size: 0.7rem;}
}
  /*Mobile Navigation*/
.mobile-nav {position: fixed;top: 0;bottom: 0;z-index: 999999999;overflow-y: auto;left: -260px;width: 260px;padding-top: 18px;padding-bottom: 18px;background: var(--bsfwhite);transition: 0.4s;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav  li a {display: block;position: relative;color: var(--adwhite);padding: 10px 20px;font-weight: 500;outline: none;font-size: 1rem;line-height: 1.4;}
.mobile-nav a:hover,
.mobile-nav li:hover>a {color: #000;text-decoration: none;}
.mobile-nav-toggle {position: fixed;top: 98px;/*left:50%;transform: translateX(-50%);*/right:15px; z-index: 9998;border: 0;background: none;z-index:99999999999999;
 font-size: 30px;transition: all 0.4s;outline: none !important;line-height: 1;cursor: pointer;text-align: right;}
 /*.mobile-nav-active .mobile-nav-toggle{position:fixed;right:15px;left:auto;transform:none;}*/
 .mobile-nav-toggle i {color:#444;font-size: 20px;}
.icofont-close{color: var(--adwhite)}
.mobile-nav-toggle span{color: #444;font-size: 16px!important;}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .mobile-nav {left: 0;}
.mobile-nav-active .mobile-nav-toggle i {color: #444;font-size: 20px;}
.menu-item-has-children> a:after {content: "\ea99";font-family: IcoFont;padding-left: 2px;}
.mobile-nav .menu-item-has-children ul {display: none;overflow: hidden;}

.mobile-nav li.actives ul{display: none;}

.bx-wrapper{box-shadow: none;border: none;background-color: transparent;margin: 0;}
.hero{position:relative;}
.hero  .bx-captions {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  margin: 0 auto;
  background: #666;
  background: rgba(0, 0, 0, .5);
  width: 70%;
}
.hero .bx-captions{text-align: center;padding: 2rem;}
.hero .bx-captions h2{font-size: 3.3rem;color: var(--bsfwhite);font-weight: 
  100;}
.hero .bx-captions h2 strong{display: block;font-weight: 500;}
.hero .bx-captions p{color: var(--bsfwhite);font-size: 1.6rem;padding-top: 1rem;text-align:center;}
.hero .bx-wrapper .bx-controls-direction a {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 50%;
  font-size: 1.6rem;
  display: block;
  width: 2.7rem;
  height: 2.7rem;
  text-align: center;
  line-height: 2.7rem;
  padding-bottom: .5rem;
  color: var(--bsfwhite) !important;
  transform: translateY(-50%);
  z-index: 10;
  text-indent: 0;
  color: var(--bsfwhite);
  border-radius:0.5rem;
}

.hero .bx-wrapper .bx-prev {left: 40px;}
.hero .bx-wrapper .bx-next {right: 40px;}
.abt{padding: 4rem 0;}
.abt img{border-radius: 3rem;}
.abt .row_1{padding-bottom: 4rem;}
.col-txt-left{padding-right: 3rem;}
.col-txt-right{padding-left: 0.5rem;}
.col-txt-left-2{padding-right: 1rem;}
.abt h3{font-size: 1.6rem;font-weight: 600;padding-bottom: 0.8rem;padding-top: 2rem;}
.abt p{font-size: 1.1rem;color: var(--bsftext);}
.tiles{background-color: #FFFCF3;padding:4rem 0}
.tiles p{font-size: 1rem;color: var(--bsftext);font-weight: 300;}
.value-offering{padding: 4rem 0;text-align: center;}
.value-offering h3{font-size: 1.6rem;font-weight: 600;text-transform: uppercase;padding-bottom: 1rem;}
.value-offering p{font-size: 1.1rem;}
.value-offering img{width: 220px;}
.inner-cover{max-width: 990px;margin: 0 auto;}
.inner-cover p {text-align:center;}
.offering-row .col-lg-2{padding: 0 1rem;}
.eligibility{padding:1rem 0 5rem;}
.eligibility h3{text-align: center;text-transform: uppercase;font-size: 1.6rem;font-weight:600;padding-bottom: 3rem;}
.eligibility  .line{border-top: 2px solid #CED1E6;box-shadow:0px 10px 28px 10px rgba(240,240,240,1);}
.eligibility .row{background-color: transparent;justify-content: center;}
.eligibility .col-lg-3{text-align: center;padding: 0 1.5rem;position: relative;}
.eligibility .col-lg-3 p{font-size: 0.95rem;font-weight: 500;padding-top: 1.5rem;text-align:justify;}
.eligibility .col-lg-3 img{position: absolute;width: 20px;top: -10px;left: calc(50% - 10px);}
.application-process{background-color: #F1F1F1;padding: 4rem 0;}
.application-process h3{font-size: 1.6rem;font-weight: 600;text-transform: uppercase;padding-bottom: 2.5rem;text-align: center;}
.application-process p{font-size: 1.15rem;text-align: center;margin: 0;line-height: 1.3;text-align:left;}
.application-process .col-lg-3{padding: 1rem 2.5rem;border-right: 1px dotted var(--bsforange);position: relative;}
.application-process img{width: 40px;position: absolute;right: -25px;top:50%;transform: translateY(-50%);}
.application-process .col-lg-3:last-child{border: none;}
.selection-process{padding: 4rem 0;background-image: url(https://www.bluestarfoundation.in/wp-content/uploads/2024/09/Selection_bg.jpg);background-size: cover;background-repeat: no-repeat;}
.selection-process h3{font-size: 1.6rem;font-weight: 600;text-transform: uppercase;padding-bottom: 2.5rem;text-align: center;color: var(--bsfwhite);}
.selection-process p{color: var(--bsfwhite);margin: 0;font-size: 1rem;color: #f6f6f6;padding: 1rem 4rem;font-weight: 300;text-align:justify;}
.selection-process .col-12{background-color: #717171;margin-bottom: 1.1rem;position: relative;}
.selection-process .srow{max-width: 750px;margin: 0 auto;}
.selection-process a{display: inline-block;width: auto;margin: 0 auto;margin-top: 2rem;outline:none;border: none;text-decoration: none;
background-color: var(--bsforange);color: #f6f6f6;border-radius: 0.2rem;padding: 0.5rem 2rem;font-size: 1.1rem;transition: all 0.5s linear;}
.selection-process a:hover{background-color: var(--bsfblue);}
.selection-process img{width: 50px;position: absolute;left: -25px;top:calc(50% - 25px);}
.video-wrappers video {max-width: 100%;height: auto;border-radius: 2rem;}
.stories{padding: 4rem 0;}
.stories h3{font-size: 1.6rem;font-weight: 600;text-transform: uppercase;padding-bottom: 2.5rem;text-align: center;color: var(--bsfblack);}
.events-slider .slider-inner{background-color: var(--bsfwhite);text-align: center;padding:1rem;border-radius: 0.5rem;}
.events-slider img{text-align: center;margin: 0 auto;}
.events .bx-wrapper{margin: 0 auto;}
.events{padding: 3rem 0 0;background-image: url(images/Events_bg.jpg);background-size: cover;background-repeat: no-repeat;}

.events h3{font-size: 1.6rem;font-weight: 600;text-transform: uppercase;padding-bottom: 2.5rem;text-align: center;color: var(--bsfwhite);}
.events .bx-wrapper .bx-controls-direction a {
  background: rgb(180,180,180);
  position: absolute;
  top: 50%;
  font-size: 1.6rem;
  display: block;
  width: 2.7rem;
  height: 2.7rem;
  text-align: center;
  line-height: 2.7rem;
  padding-bottom: .5rem;
  color: var(--bsfwhite) !important;
  transform: translateY(-50%);
  z-index: 10;
  text-indent: 0;
  color: rgba(0, 0, 0, 0.7)!important;
  border-radius:0.5rem;
}
.events .bx-wrapper .bx-prev {left: -60px;}
.events .bx-wrapper .bx-wrapper .bx-pager.bx-default-pager a {margin-top: 2rem!important;}
.events .bx-wrapper .bx-next {right: -60px;}
.slider-inner h4{font-size: 1.1rem;padding-top: 1rem;font-weight: 600;line-height: 1.5;padding-bottom: 0.3rem;}
.slider-inner p{font-size: 0.9rem;color: #AFAFAF;}
.orange{background-color: var(--bsflightorange);padding: 6rem;margin-top: -140px;}
@media screen and (min-width:800px){
  .gallery .bx-wrapper {
    max-width: 1000px;
    margin: 0 auto;
  }
  .gallery .bxslider img {
    width: 100%;
  }
  .gallery .bx-wrapper .bx-viewport {
  padding: 0 200px;  /* Adjust this value for better centering */
  box-sizing: border-box;
  }
}
.gallery .bx-caption{background-color: var(--bsflightorange);padding:1rem;position: relative;}
.gallery .bx-caption p{color: var(--bsfwhite);text-align: center;font-size: 1.1rem;margin: 0;}
@media screen and (min-width:768px){
  .gallery .bx-caption{background-color: var(--bsflightorange);padding: 2.5rem 2rem;}
  .gallery .bx-caption p{color: var(--bsfwhite);text-align: center;font-size: 1.1rem;margin: 0;}
  .gallery .bx-caption {
    overflow: hidden;
    opacity: 0; /* Make the caption invisible */
    height: 0; /* Collapse the height */
    transition: opacity 1s linear, height 1s linear; /* Smooth transition for visibility and height */
    position: absolute;
    left: 0;right: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden; /* Ensures content is hidden when height is 0 */
    padding: 0; /* Remove padding when hidden */
    box-sizing: border-box;
  }
  .gallery .gallery-bxslider li:hover .bx-caption {
    opacity: 1; /* Make the caption visible */
    height: auto; /* Expand the height */
    padding: 2.5rem 2rem; /* Optional: Adds padding when visible */
  }
}

.gallery .gallery-bxslider img{width: 100%;height: auto;border-radius: 2rem  2rem 0 0 ;}


.gallery{padding: 4rem 0;}
.gallery h3{font-size: 1.6rem;font-weight: 600;text-transform: uppercase;padding-bottom: 2.5rem;text-align: center;color: var(--bsfblack);}
.gallery .bx-wrapper .bx-controls-direction a {
  background: rgba(255,255,255,0.7);
  position: absolute;
  top: 50%;
  font-size: 1.6rem;
  display: block;
  width: 2.7rem;
  height: 2.7rem;
  text-align: center;
  line-height: 2.7rem;
  padding-bottom: .5rem;
  color: var(--bsfwhite) !important;
  transform: translateY(-50%);
  z-index: 10;
  text-indent: 0;
  color: rgba(0, 0, 0, 0.7)!important;
  border-radius:0.5rem;
}
.gallery .bx-wrapper .bx-prev {left: 60px;}.gallery .bx-wrapper .bx-next {right: 60px;}
.footer h3{text-transform: uppercase;font-size: 1.3rem;font-weight: 600;padding-bottom: 0.5rem;}
.footer ul li{list-style: none;padding-left: 0;margin: 0;padding-bottom: 0.4rem;}
.footer ul{margin: 0;padding-left: 0;}
.footer .fa{color:var(--bsflightorange);padding-right: 0.5rem;}
.footer a {color: var(--bsfblack);text-decoration: none;font-size: 1.2rem;font-weight: 500;}
.copyright p{color: #78AEDE;font-size: 1rem;margin-bottom: 0.1rem;text-align:right;}
.copyright a {color: var(--bsforange);font-size: 0.8rem;}
.copyright{text-align: right;}
.footer {padding-bottom: 3rem;}
.tiles img{width: 60px;}
.tiles{justify-content: center;}
.tiles p{padding-left: 1rem;margin: 0;text-align:left;}
.tiles .col-lg-4{padding: 0.5rem;}
@media screen and (max-width:767px){
    .tiles .col-lg-4{padding: 0.5rem 3rem;}    
}
@media screen and (max-width:1220px){
.events .bx-wrapper .bx-prev {left: 0;}
.events .bx-wrapper .bx-next {right: 0;}
}
@media screen and (max-width:991px){
.hero  .bx-captions {position: absolute;left: 0;right: 0;bottom: 0;margin: 0 auto;background: #666;background: rgba(0, 0, 0, .5);width: 100%;padding: 1rem;}
.hero .bx-captions h2 {font-size: 1.5rem;color: var(--bsfwhite);font-weight: 100;}
.hero .bx-captions p {color: var(--bsfwhite);font-size: 1.1rem;padding-top: 0.5rem;margin: 0;}
}
.contact-item {
  display: flex;
  align-items: center;
  gap: 8px; /* Space between the icon and the text */
}

.contact-item i {
  font-size: 20px; /* Adjust the icon size if needed */
}

@media (max-width: 600px) { /* Adjust the screen size as per your design */
  .contact-item {
      justify-content: center; /* Center items horizontally */
      gap: 4px; /* Reduce space between the icon and the text */
  }
}
@media screen and (max-width:600px){
  .hero  .bx-captions {position: relative;left: 0;right: 0;bottom: 0px;margin: 0 auto;background: #666;background: rgba(0, 0, 0, .8);width: 100%;padding: 1rem;}
  .abt{padding: 2.5rem 0;}
  .abt h3{padding-top: 0;}
  .col-txt-left {padding-right:0;}
  .abt .row_1 {padding-bottom: 2.5rem;}
  .tiles img {width: 60px;}
  .tiles, .value-offering, .application-process, .selection-process, .stories, .events, .gallery{padding: 2.5rem 0;}
  .elg_row{border-left: 2px solid var(--bsforange);}
  .line{display: none;}
  .eligibility .col-lg-3 img {
    position: absolute;
    width: 20px;
    top: 0;
    
    left: -10px;
   
}
.eligibility .col-lg-3 p{padding-top: 0;padding-bottom: 1rem;}
.eligibility .col-lg-3{text-align: left;}
.eligibility{padding-bottom: 2rem;}
.application-process h3 {padding-bottom:0;}
.application-process .col-lg-3{border-right: none;border-bottom: 1px dotted var(--bsforange);padding:2.5rem;}
.application-process .col-lg-3:last-child{padding-bottom: 0;}
.application-process img {width: 40px;position: absolute;bottom: -15px!important;left:calc(50% - 20px);top: auto;
transform: rotate(90deg);}

.events{margin-top: 0;}

.gallery{padding-left: 1rem;padding-right: 1rem;}


.gallery .bx-wrapper .bx-next {
  right: 0px;
}
.gallery .bx-wrapper .bx-prev {
  left: 0px;
}
.value-offering{padding-bottom: 0;}
.footer img{width: 140px;}
.footer{border-top: 1px solid var(--bsforange);padding: 2.5rem 0;}
.contact-item{justify-content: center;}
.copyright {text-align:center;}
.ctcs{text-align: center;}
}
.menu-mobile-bg{display: none;}
@media screen and (max-width:991px){
  .menu{display: flex;}
  
  .menu-mobile-bg{display: block;height:32px;background-color: #ccc;position: fixed;top:101px;height:32px;width: 100%;z-index: 99999;}
 
.core-mapper-tiles:hover img {
  animation: rotate 1s forwards;
}
.tile_row:hover img {
  animation: rotate 1s forwards;
}
@keyframes rotate {
  0% {
    transform: rotateY(0deg); /* Initial state, no rotation */
  }
  100% {
    transform: rotateY(360deg); /* Rotated state, 360 degrees */
  }
}
section {
  scroll-margin-top: 150px; /* Adjust this value */
}
@media screen and (max-width:576px){
  .elg_row{margin:0 0 0 10px;}
  .selection-process .container-1200{padding:0 2rem}
  .orange {
    background-color: var(--bsflightorange);
    padding: 3.5rem;
    margin-top: -110px;
}
.copyright p{text-align:center;}
.hero{margin-top:32px;}
}
.hero-slider img{width:100%;}

.mobile-nav .menu{display:flex;flex-direction:column;align-items:flex-start!important;}
@media screen and (max-width:576px){
    .menu{align-items:left!important;}
}