body{
  font-family: "nunito sans";
  
}

h1{
  font-family: 'nunito sans', sans-serif;
  font-size: 3.5rem;
  line-height: 1.5;
  font-weight: bold;
  color: #fff;
}

h2{
  font-family: 'nunito sans', sans-serif;
  font-size: 2.8rem;
  line-height: 1.5;
  font-weight: bold;
  color: #fff;
}

h3{
  font-family: 'nunito sans', sans-serif;
  font-weight: bold;
}

p{
  font-family: 'nunito sans', sans-serif;
  color: #8f8f8f;
  font-size: 24px;
  line-height: 1.5;
}

#title p{
  color: #ffffff;
}

#mission #course-table #support p{
  color: #000000;
}

#mission p{
  color: #000000;
}

#course-table p{
  color: #000000;
}

#support p{
  color: #000000;
}


#team p{
  color: #000000;
}




#title{
  background-color: #0088c6;
}

#title .container-flux{
  padding: 3% 15% 6%;
}

#support .container-flux {
  padding: 3% 15% 6%;
}

#membership .container-flux {
  background-color: rgb(168, 144, 86);
  padding: 3% 15% 6%;

}

ul {
  line-height: 35px;
}




#navigation .container-flux{
  padding: 0 6%;
}

.navbar-brand{
  font-family: 'Ubuntu';
  font-size: 2.5rem;
  font-weight: bold;
}
  /*
.navbar{
 padding:0 0 4.5rem; 
}
*/

.nav-item{
  padding: 0 18px;

}

.nav-link{
  font-size: 1.2rem;
  font-family: "Ubuntu";
 }

.nav-link:hover{
background-color:#ffff9a;
border-radius:5px;
border: solid 1px yellow;

}

.download-button{
  margin: 5% 3% 5% 0;
}

.title-img{
  transform: rotate(25deg);
  position: absolute;
  /* right: 23%; */
}

.video{
background-color:white;  
margin:auto;
padding: 0%;
}

#features{
  position: relative;
  text-align: center;
  padding: 1% 5%;
  background-color: #ffff9a;
}

#features img{
  width: 50%;
}

#features p{
  font-size: 18px;
}

.card img {
  width:100%;
}
.video img {
  width:100%;
}


.icon{
  color: #ef8172;
  margin-bottom: 1rem;
}

.icon:hover{
  color: #ff4c68;
  width:10%;
}

#testimonials{
  text-align: center;
  background-color: #ef8172;
  color: #fff;
}
.testimonial-img{
  width: 15%;
  border-radius: 50%;
  margin-top: 20px;
  margin-right: 10px;
}
.carousel-item{
  padding: 7% 15%;

}


#course-table, #mission .container-flux{
background-color: lightgrey;
padding: 3% 15% 6%;
}



#press{
  background-color: #ffffff;
  text-align: center;
  padding-bottom: 3%;
}

.press-logo{
  width: 15%;
  margin: 20px 20px 15px;
}

#press img{
  border: solid 1.5px black;
  border-radius: 5px;
  max-width:100%;
}

#pricing{
  padding: 50px;
  text-align: center;

}


#courseactive {
background-color:#fff;
font-weight:bold;
}


.pricing-column{
  padding: 2% 1%;
}
#cta{
  background-color: #ff4c68;
  color: #fff;
  padding: 7% 15%;
  text-align: center;
}
.cta-heading{
  font-family: 'Mochiy Pop P One', sans-serif;
  font-size: 3.5rem;
  line-height: 1.5;
}
#footer{
  padding: 3% 15%;
  text-align: center;
  background-color: #373e48;
}

#footer p{
  font-size: 18px;
}

.social-icon{
  margin: 20px 10px;
  color:#80cdf1;
  font-size: x-large;
}

@media (max-width:990px){
   #title{
     text-align: center;
   }
  .title-img{
    width: 50%;
    position: static;
    transform: rotate(0);
    }
}


.card{
  position: relative;
  display: grid;
  height: 100%;
  border-radius: calc(var(--curve)* .5px);
  overflow: hidden;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 0 0 1px #d0d8df, 0 1px 3px rgba(0,0,0,0.15);
  transition: all 0.3s;
  transition: all 0.25s ease;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 100%
}

.card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  }

  .hr1 {
    border: 1pt;
    height: 5px;
    background-color: #2e006e;
   }

  h4{
   color: white; 
   }

  h5{
    color: white; 
    }
    


/* Team Container */

.team-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

/* Team Member Card */
.team-member {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    width: 300px;
    padding: 15px;
    transition: transform 0.3s ease;
}

.team-member:hover {
    transform: scale(1.05);
}

.team-photo {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 10px;
}

.team-member h2 {
    font-size: 1.5rem;
    color: #0073e6;
}

.team-member h3 {
    font-size: 1.2rem;
    color: #555;
    margin-bottom: 10px;
}

.team-member p {
    font-size: 0.9rem;
    color: #666;
}

/* Responsive Design */
@media (max-width: 768px) {
    .team-member {
        width: 90%;
    }
}