@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');

body{
 padding: 0;
 margin: 0;   
   font-family: "Roboto Slab", serif;

}#hero{
    min-height: 90vh;
    background-image: url(hero-bg-01.png);
    background-repeat: no-repeat;
    background-size: cover;
        background-position: center center;

}
.navbar-toggler-icon{
    filter: invert(1);
}
.text-primary{
    color: #094F53 !important;
}
#hero h1{
    font-size: clamp(40px,3.12vw, 3.12vw);
}
.container{
    max-width: 83%;
}
#benefits{
    background:url(section-bg-01.png);
       background-repeat: repeat;
    background-size: contain;
    background-position: center center;
}
#benefits .benefit-card{
    background: white;
    border-radius: 10px;
    border: 1px dashed #094F53;
    margin-bottom: 20px;
    
}
#benefits .benefit-card img{
    width: clamp(50px, 3.12vw, 3.12vw);

}
.lp{
    background: #094F53;
    padding: 1rem 2rem;
    color: white;
    border-radius: 10px;
    border: none;
    margin-top:30px;
}
.lp h5{
    margin: 0;
}
.accordion-button{
    box-shadow: none !important;
}
.accordion-button:not(.collapsed){
        background: #094f532a;
        color: #094f53;
        font-weight: bold;

}
footer{
    background: #1D234F;
}
footer .nav-link{
    color: white !important;
}
#subscribe{
    background: #CD5B41;
}
@media screen and (max-width:768px){
.container{
    max-width: 96%;
}
}