@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

.work-sans{
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}  

.bg-light{ 
    background-color:rgba(252, 243, 207);

}


.text-dark2{
    color:  #85929e ;
} 

.text-dark1{ 
    color:#131313; 



} 

.navbar {
    justify-content:space-between;
    align-items: center;
}


/* share styles */ 

.display-flex{
    display:flex; 
    
}  
.brand { 

    font-size: 3rem; 
    font-weight: 700; 


}

.nav-items{
    list-style: none; 
    margin-right: 30px;
} 

.nav-link{
    text-decoration: none; 
    font-weight:500;
} 

.navbar,  .banner{
    max-width:1440px;
    margin: 0 auto;
} 

/* banner content style */ 

.banner-content{
    max-width: 850px; 
    margin:0 auto; 
    text-align: center; 
      margin-bottom: 50px;
} 

.banner-title{ 
    font-size: 4rem; 
    font-weight: 700;

} 

.btn-primary{
    background-color:#FF8000; 
    color:white;
    padding:20px 25px; 
    border: none; 
    border-radius: 8px;
    font-size: 1.25rem;
    font-weight:600;
  
} 
.banner-img{
    width:100%
} 


main{
    max-width:1440px;
    margin:0 auto;
} 

.team-img-container{
    display:grid;
    grid-template-columns:repeat(2, 1fr); 
    gap:24px;
}

main > section{
    margin-top: 130px;
} 

.our-feature{
    margin-left:130px;
    max-width:540px;
} 

.teams{
    align-items: center;
} 

.section-title{
    font-size: 2.8rem; 
    font-weight: 700;
} 

#quick-list{ 
    font-weight:500;

} 

#feature{
    color:#FF7F50 ;
} 
.some-description{
    max-width: 530px;
}

.facts-container{
    display:grid;
    grid-template-columns: repeat(4,1fr);
    gap:40px;
    align-items: center;
}

.fact{
    border: 2px solid #FFBF00; 
    text-align: center;
    padding-top: 20px;
    
}

/* media  */ 

@media screen and (max-width: 576px) { 


    .navbar, 
    .nav-links,
    .teams
    {
        flex-direction: column;
    } 

    .team-img-container{ 
    grid-template-columns:1fr;
} 

.our-feature{
    margin-left: 20px;
}

    

}