/* @import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;500;700;900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap');


/*
SPACING SYSTEM (px)
2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128

FONT SIZE SYSTEM (px)
10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98
*/

:root {
    /* Primary Color */
    /* --primary-color: #048E7B; */
    --primary-color: #F39C12;
  
    /* --background-color : #023931 ; */
    --background-color : #1F3A93 ;  

    /* Background */
    --white-color: #ffffff; 

    --gray-color: #F4F6F7;

    --subtle-gray: #D5D8DC;

    --subtle-orange: #FDE3A7; 
  
    /* Accent Gray */
    --heading-text: #000;

    --text-gray: #BDC3C7;
  
    /* Text and Secondary Elements */
    /* --text-color: #333; */
    --text-color: #fff;
    
    /* Divider Lines */
  }


*{
    
    padding: 0;
    margin: 0;
    box-sizing: border-box; 
}

html{

    font-size: 62.5%;
    scroll-behavior: smooth;
}


body{

    /* font-family: 'Lato', sans-serif; */
    color: #333;
    font-size: 1.8rem;
    line-height: 1.6;

}

/*

ul{

    list-style: none;
}

a{

    text-decoration: none;
}


.bg-header{

    background-color: var(--background-color);
}

nav{

    height: 9rem;
}

.navbar-brand{

    font-size: 2.4rem;
}

.nav-link:link , .nav-link:visited {
    
    color: #fff;
    font-size: 1.8rem;
    font-weight: 500;
    display: inline-block;
}


.nav-link:hover , .nav-link:active{

    color: var(--primary-color);
}

.nav-link.cta {

    background-color: #048E7B;
    display: inline-block;
    padding: 0.5rem 2rem !important;
    border-radius: 4px;
}

.nav-link.cta:hover{

    background-color: #0e2420;
    color: #fff;
} */

h1 {

    font-size: 5.2rem;
    letter-spacing: -0.4px;
    line-height: 1.2;
}
  
h2{

    font-size: 4.4rem;
    line-height: 1.3;
    color: var(--primary-color);
}

h3{

    color: var(--primary-color);
}

.main-heading{

    /* color: #2C3E50; */
    color: var(--subtle-orange);
    /* color: #F39C12;  */
}

.sub-heading{

    /* color: #BDC3C7; */
    color: var(--subtle-gray);
    /* color: #BDC3C7; */
}

.hero-section{

    padding: 3.2rem 0;
    text-align: center;

}

.hero-section p{

    font-size: 1.8rem;
    line-height: 1.7;
    letter-spacing: 0.3px;
}

.btn{

    background-color: var(--primary-color);
    color: #fff;
    padding: 8px 10px;
    font-size: 1.8rem;
    border-radius: 4px;
}

.hero-img{

    /* margin-top: 20px; */
    width: 100%;
    /* height: 340px; */
}


.card-title{

    font-size: 1.8rem;
    font-weight: bold;
    color: var(--primary-color);

}

.card-text{

    font-size: 1.6rem;
    /* color: #777; */
    color: #2C3E50;
    
}

.featured{

    background-color: var(--gray-color);

}

.how-it-works-title{

    font-size: 2.4rem;
    margin-bottom: 1.2rem;

}

.how-it-works-text{

    font-size: 1.8rem;
    /* color: #333; */
    color: #2C3E50;
    line-height: 1.7;
}

.icon{

    width: 4rem;
    height: 4rem;
    padding: 1.2rem;
    /* background-color: var(--primary-color); */
    background-color: var(--background-color);
    border-radius: 50%;
    color: #fff;
    margin-bottom: 1.6rem;
}

.how-it-works{

    padding: 2.4rem 0;
    background-color: var(--gray-color);
}

.section-how-card{

    background-color: #fff;

}

.testimonials{
    
    padding: 5rem 0;
    background-color: var(--background-color);
}
  
.testimonial-text, .testimonials-name {
    
    /* color: #048E7B; */
    color: var(--text-gray);
}

.carousel-control-prev-icon, .carousel-control-next-icon{

    background-color: rgba(255, 255, 255, 0); /* remove dark background */
    /* filter: brightness(0) saturate(100%) invert(67%) sepia(83%) saturate(588%) hue-rotate(2deg) brightness(95%) contrast(90%); */
    filter: brightness(0) saturate(100%) invert(45%) sepia(100%) saturate(800%) hue-rotate(360deg);

}
  
.testimonials-name{
    
    color: var(--primary-color);
}
  
.testimonial-card{
    
    width: 50%;
}
  
h3{

    font-size: 2.4rem;
}

span.navbar-toggler-icon {
    
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='yellow' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    color: white;
}
  
  /* change hamburger button border color */
button.navbar-toggler {
    
    border-color: #fff;
}

footer{

    background-color: var(--gray-color);
}
  
  /* change navbar background on collapse */

@media (max-width: 982px) {
/* nav .navbar-nav {
    background-color: #048e7c74;
    padding: 2rem;
    backdrop-filter: blur(5px);
}

.nav-item{

    text-align: center;
} */

#home_container{

    flex-direction: column;
}

h1{

    font-size: 4rem;
    margin-bottom: 1rem;
}

#footer {
    display: flex;
    flex-direction: column;
    text-align: center;
    background-color: var(--background-color);

}

#icons {
    align-items: center;
    justify-content: center;
    text-align: center;
}

#footer_heading{

    padding-top: 10px;
}


}

.navbar-brand{

    font-size: 2.4rem;
    color: var(--primary-color)
}

.navbar-brand:hover{

    color: var(--hover-color);
    text-decoration: underline;
}

.copyright{
    
    font-size: 1.4rem;
    color: #777;
}