/* common css  */
:root {
    --black: #000000E0;
    --cyan: #06B6D4;
    --light_cyan: #E5FDFF;
    --white: #ffffff;
    --grey: #464646;
}

@font-face {
    font-family: Inter-Regular;
    src: url(../fonts/Inter/Inter-Regular.otf);
}

@font-face {
    font-family: Inter-Medium;
    src: url(../fonts/Inter/Inter-Medium.otf);
}


@font-face {
    font-family: Inter-Semibold;
    src: url(../fonts/Inter/Inter-Semibold.otf);
}

@font-face {
    font-family: Inter-Bold;
    src: url(../fonts/Inter/Inter-Bold.otf);
}

/*header start*/
header{
    background-color: #FFFFFF;
    padding: 5px 0 0;
}
.logo{}
.logo img{}
.menu{}
.menu ul li a{
    padding: 0 20px !important;
    font-size: 16px;
    font-weight: 400;
    color: #000000E0;
    transition: .5s;
}
.menu ul li a:hover{
    color: #06B6D4; 
}
.nav-btn {
    width: 148px;
    height: 54px;
}
.c-btn {
    font-family:Inter-Bold; 
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    background-color: #06B6D4;
    color: #FFFFFF;
    border-radius: 8px;
    border: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.c-btn:hover{
    background-color: #22CFE5;
    color: #000000;
}
/* header end */
/* body start */
body {
            font-family:   Inter-Regular, sans-serif;
            margin: 0;
            padding: 0;
            box-sizing: border-box;
             background: linear-gradient(180deg, #e0f7fa, #ffffff);
        }
        /* banner start */


        .banner {
            text-align: center;
            padding: 100px 0 60px;
            background: linear-gradient(180deg, #e0f7fa, #ffffff);
            padding-bottom: 100px;
        }

        

        .b-h1  {
            margin: 10px 0 20px;
            font-size: 51px;
            font-weight: 700;
            color: #000000E0;
            font-family: Inter Variable ;
            line-height: 61px;

        }

        .b-h1 span{
    color: #06B6D4;
}

        .banner p {
            
            font-size: 16px;
            font-weight: 500;
            color: #464646;
            line-height: 22px;
            margin-bottom: 1.5rem;
        }

         .btn-banner {
            width: 148px;
            height: 54px;
            margin-top: 16px;
            display: inline-block;
            font-family:Inter-Bold; 
            font-size: 16px;
            font-weight: 700;
            line-height: 22px;
            padding: 0.8rem 1.5rem ;
            border-radius: 8px;   
    
        }
        /*feature start*/
.feature{
    background-color:linear-gradient(180deg, #e0f7fa, #ffffff);
    padding: 30px 0 60px;
}
   
.f_text h1{
    margin: 10px 0 20px 0;
    padding: 0 25px;
    font-size: 38px;
    font-weight: 700;
    color: #000000E0;
    line-height: 46px;
   
}


.f-p{
    padding: 0 30px ;
    color: #464646;
    font-family: Inter Variable;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}


.f_img{
    padding: 50px 0 0 50px;
}
.f_img img{
}
/*feature end*/
/* section start */
.section1{
    padding: 60px 0;
}
.s-item{

}
.s-item h1{
    font-family: Inter Variable;
    font-size: 38px;
    font-weight: 700;
    line-height: 45.6px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}
.sweets{

}
.sweets img{
    margin: 50px 0;
    width: 100%;
}





/* section end */
/* about start */

.a-img{
    
}
.a-img img{
    margin: 80px 0;
    width: 100%;
    

}
.a-content{
    padding: 0 0 0 80px;
    
}
.a-content h1{
    margin: 20px 0;
 font-family: Inter Variable;
font-size: 38px;
font-weight: 700;
line-height: 45.6px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;


}
.a-content p{
    margin: 20px 0;
   font-family: Inter Variable;
font-size: 16px;
font-weight: 400;
line-height: 25.6px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;

}
/* about end */

/* contact start */
.a-contact{
    padding: 80px 0;
}

.a-h1{
   padding: 0 80px 0 0;
   font-weight: 700;
}

.a-contact p{}


.c-form{
    padding: 80px 0;
}


.s-button {
            width: 148px;
            height: 54px;
            margin-top: 16px;
            display: inline-block;
            font-family:Inter-Bold; 
            font-size: 16px;
            font-weight: 700;
            line-height: 22px;
            padding: 0.8rem 1.5rem ;
            border-radius: 8px;
            background-color: #06B6D4;
             color: #FFFFFF; 
             }
.s-button:hover{
    background-color: #22CFE5;
    color: #000000;
}  


/* contact end */

/*footer start*/
.footer_top{
    padding: 55px 0 55px;
    background-color: #E5FDFF;
}
.ft_details {
    padding-right: 120px;
}
.ft-list ul li a{
    font-weight: 400;
    color: #000000E0;
    line-height: 30px;
    transition: .5s;
    text-decoration: none;

}
.ft-list  ul li a:hover{
    color: #06B6D4; 
}



.ft_links{}
.ft_links h2{
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 700;
    color: #000000E0;

    line-height: 30px;
}
.ft_links h2:hover{
    color: #06B6D4;
    transition: .5s; 
}
.ft_links ul li a{
    margin-bottom: 8px;
    display: block;
    color: #464646;
    transition: .5s;
    text-decoration: none;
    line-height: 30px;
}
.ft_links ul li a:hover{
    color: #06B6D4; 
}

footer{
    padding:  0 20px ;
    background-color: #E5FDFF;
}
footer p{
    color:#000000E0;
    line-height: 30px;
}
footer p a{
    color: #000000E0;
    text-decoration: none;
}



/*footer end*/