/* navbar start here */
.col-1{width: 8.33%;}
.col-2{width: 16.66%;}
.col-3{width: 25%;}
.col-4{width: 33.33%;}
.col-5{width: 41.66%;}
.col-6{width: 50%;}
.col-7{width: 58.33%;}
.col-8{width: 66.66%;}
.col-9{width: 75%;}
.col-10{width: 83.33%;}
.col-11{width: 91.66%;}
.col-12{width: 100%;}

body
{
    background-color: rgb(203, 237, 252);
}

.nav-head
{
    height: 7.5vh;
    width: 100%;
    background-color: rgb(32, 32, 108);
    color: white;
    text-align: center;
    justify-content: center;
    padding: 1% 4%;
    font-family: "Oswald", sans-serif;
}
.btn-head
{
    color: rgb(32, 32, 108);
    background-color: skyblue;
    border-radius: 24px;
    padding: 4px 8px;
    margin-bottom:5%;
    border: none;
    text-align: center;
    justify-content: center;
    font-family: "Oswald", sans-serif;
    
}

.btn-head:hover{
    color: white;
    background-color: rgb(8, 159, 219);
}

.navigation-bar
{
    background-color: #d1f5ff;
    height: 168vh;
    
}
.nav-logo
{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    border: 8px solid #062c6f;
    size: 3.5rem;
    font-size: 2rem;
    background-color: white;
    color: #062c6f;
    /* padding: 0 5px; */
    /* margin:5px; */
}
.cancel-btn {
    display: none;
}
.nav_link a
{
    font-size: 27px;
    padding: 0 20px;
    /* border: 1px solid ; */
}
.nav_link a:hover{
    color: white;
    background-color: #062c6f;
    padding: 0 20px;
    border-radius: 20px;
    
}

#lang
{
    padding: 5px 17px;
    border: 2px solid rgb(32, 32, 108);
    border-radius: 10px;
    font-weight: 900;
}
.navbar
{
    display: flex;
    padding: 0% 7%;

}


.nav-lower{
    
    justify-content: left;
    text-align: left;
    padding-top: 14%;
    padding-left: 6%;
    
    font-size: 28px;
    font-weight: 1500;
}
.navlower-h3{
    font-size: 26px;
    font-weight: 500;
    
    }
    
.nav-lower .btn
{
     
    text-align: left;
    padding: 0%;
    margin-left: 0; 
    margin-top: 50px;
}

 .img-container
{
    position: relative;
    /* width: 300px; */
    /* display: flex; */
    
} 
.animation
{
    
    text-align:center;
    height:100vh;
    position:absolute;
    top:0;
    left:0;
    padding-left:10%;
    padding-top:25%;
    width:90vh;
    justify-content: center;
    margin-top: 65px;
}

.backDesign
{
    width: 120vh; 
     height: 104vh;
     align-items: center;
     justify-content: center;
     border-radius: 25px;
     margin-left: -299px;
     margin-top: 65px;
}

.section-wave
{
    position: relative;
    width: 100%;
    height: 45vh;
    overflow: hidden;
    background-color:#d1f5ff;
    /* border: 1px solid black; */
    top: 160px;
}

section .wave 
{
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 120px;
 background: url(/Images/wave.png);
 background-size: 1000px 120px; 
 /* border: 1px solid black; */
}
/* .backDesign */
/* {
    width: 108%; 
     height: 110vh;
     align-items: center;
     justify-content: center;
     border-radius: 25px;
     position: absolute;
     margin-left: -99px;
} */

.backDesign-footer
{
    width: 108%; 
     height: 110vh;
     align-items: center;
     justify-content: center;
     border-radius: 25px;
     position: absolute;
     display: block;
     /* margin-left: -9px; */
}

.product-body
{
    padding: .5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem; 
}

/* navbar ends here */


/* products section starts here */
.product-btn
{
    text-align: center;
    margin-left: 0;
}
/* products sections ends here */

.site-img{
   
   width: 52vh;
    
    }
    .site-address{
        display: flex;
        height: 65vh;
        text-align: center;
        justify-content: center;
        background-color: #d1f5ff;
        /* overflow-x: hidden; */
        /* background-image: url(/Images/Lines_600x.png); */
    }
    /* .site-address-h3{
         
        border: 1px solid;
        left: 26%;
    } */

    .site-address-link{
        color: #0076a8;
        position: relative;
        /* border: 1px solid; */

        
    }
    .site-address-link a{
        color: #0076a8;
        padding: 0rem;
        /* border: 1px solid; */
        left: -22%;
    }
/* footer starts here */

.footer-upper
{
    display: flex;
}
.footer-headline
{
    text-align: left;
    margin-top: 10%;
}
.footer-back
{
    position: absolute;
    width: 90vh;
    height: 80vh;
    margin-top: 30px;
    padding: 1rem;
}
.social-footer h3
{
    margin-top: 0px;
}
/* .social-links{
    text-align: left;
    margin-left: -7px;
} */
.social-links .insta
{
    padding: .5rem;
}
.social-links .face
{
    padding: .5rem;
}
.social-links .twitt
{
    padding: .5rem;
}

.footer-list
{
    display: flex;
    justify-content: space-around;
    margin: 0 6rem;

}
.input-footer
{
    width: 80%;
}
.h3-footer
{
    text-align: left;
    
}
.footer-desktop-head{
margin-left: 20px;
}
.h4-footer-address{
    text-align: left;
}
.h6-footer
{
    width: 80%;
}
.footer-email-address
{
    padding: 1rem 0;
    display: none;
     
}
.footer-link
{
    display: flex;
    flex-direction: column;
    text-align: left;
    

}
.footer-link a{
    font-size: 15px;
    font-weight: 400;
    padding: 0.2rem 0.5rem;
    margin-left: -5px;
}
.footer-btn
{
    margin-top: 0px;
}

.footer-end
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: .5rem;
}
.footer-copy-right
{
    text-align: left;
    margin-left: 40px;
    padding-top: 1rem;
}

.footer-end-link
{
    display: flex;
    flex-direction: row;
}


/* footer ends here */