*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}
/* HEADER AREA */
.navbar{
    position: fixed;
    background: #E6FBF4;
    z-index: 999;
    width: 100%;
}
.navbar .nav-item .nav-link{
    color: #5D5D5D;
    font-size: 1rem;
    border: 1px solid transparent;
    border-radius: 20px;
    margin: 0 5px;
}
.navbar .nav-item .nav-link:hover{
    color: #3CDFB2;
    border-radius: 20px;
    transition: 0.3s ease-in-out;
    transform: scale(1.1);
}
/* HEADER END*/
/* BANNER AREA */
#banner{
    background: #E6FBF4;
    height: 100vh;
}
.banner-info h1{
    color: #49D6A7;
    font-size: 4rem;
}
.banner-info span{
    color: #A9D65C;
}
.banner-info p{
    font-size: 1.3rem;
    color: #5D5D5D;
    line-height: 35px;
}
.banner-button button{
    background: #3CDFB2;
    padding: 10px 25px;
    cursor: pointer;
}
.banner-button button:hover{
    background: #36B088;
    transition: 0.4s ease;
}
.banner-button button > a{
    text-decoration: none;
    color: #fff;
    font-size: 1.2rem;
}

/* BANNER END */
/* SERVICE AREA */
.about-section{
    background: url(../img/bg-about.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
}
.service-title h1{
    font-size: 4rem;
    color: #49D6A7;
}
.service-title span{
    color: #A9D65C;
}
.service-title h3{
    letter-spacing: 5px;
    color: #5D5D5D;
    margin-bottom: 20px;
}
/* SERVICE END */
/* LEARN MORE AREA */
.about-background{
    background: #F8FCFB;
}
.about-info h1{
    color: #49D6A7;
    font-weight: 700;
    letter-spacing: 10px;
}
.about-info p{
    font-size: 1.3rem;
    color: #5D5D5D;
}
.social-media i{
    font-size: 2rem;
    padding: 0 10px;
    color: #A9D65C;
}
.social-media i:hover{
    color: #49D6A7;
    transition: 0.2s ease;
}
.learn-button button{
    background: #3CDFB2;
    padding: 10px 25px;
    cursor: pointer;
}
.learn-button button:hover{
    background: #36B088;
    transition: 0.4s ease;
}
.learn-button button > a{
    text-decoration: none;
    color: #fff;
    font-size: 1.2rem;
}
/* LEARN MORE END */
/* CONTACT AREA */
.contact-info{
    background: #E6FBF4;
    width: 100%;
    height: 100%;
}
.contact-title h1{
    font-size: 3rem;
    color: #49D6A7;
}
.contact-title span{
    color: #A9D65C;
}
.contact-detail{
    margin: 20px 50px;
    border: 1px solid transparent;
    background: #CCF3E6;
    padding: 25px 30px;
    border-radius: 20px;
    transition: 0.4s ease-in-out;
}
.contact-detail:hover{
    transform: scale(1.1);
}
.contact-detail i{
    font-size: 2rem;
    color: #3CDFB2;
    margin-bottom: 10px;
}
.contact-detail i:hover{
    color: #36B088;
}
.contact-detail h4{
    font-size: 1.5rem;
    color: #373737;
    margin-top: 5px;
}
.contact-detail p{
    color: #373737;
    font-size: 0.8rem;
    font-weight: 500;
}
/* CONTACT END */
/*FOOTER AREA */
.footer{
    position: relative;
    padding: 50px 0;
    background: #E6FBF4;
    width: 100%;
}
.footer p{
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 2px;
}
.footer span{
    color: #A9D65C;
    font-size: 1.2rem;
    cursor: pointer;
}
.footer span:hover{
    color: #49D6A7;
}
/* FOOTER END */
/* CAROUSEL AREA */
.carousel-card h5{
    color: #36B088;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 3px;
}
/* CAROUSEL END */



