body{
     margin: 0;
     padding: 0;
     font-family: "Open Sans", sans-serif;
 }
header{
    width: 100%;
    height: 70px;
    background-color: #1A4AA5;
}

h1{
    position: absolute;
    padding: 3px;
    float: left;
    margin-left: 2%;
    margin-top: 10px;
    font-family: "Open Sans", sans-serif;
    color: #000000;
}
span{
    color: #Ffff;
}
ul{
    width: auto;
    float: right;
    margin-top: 8px;
}
li{
    display: inline-block;
    padding: 15px 30px;
}

a{
    text-align: center;
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-family: "Open Sans", sans-serif;
    font-size: 1.2vw;
 }
 a:hover{
     color: #e9da05;
     transform: 0.5s;
 }
 img{
     width: 100%;
     margin-top: -16px;
 }
.banner-area{
     position: relative;
     background-image: url(1.jpg);
     width: 100%;
     height: 100vh;
     background-repeat: no-repeat;
     -webkit-background-size: cover;
     background-size: cover;
 }

::-webkit-scrollbar {
    width: 10px;  /* scrollbar space */
    background: #eee;  /* "transparent "just make scrollbar invisible */
  }
  /* optional: show position indicator color */
  ::-webkit-scrollbar-thumb {
    background: #1A4AA5;
    padding: 0;
    margin: 0;
    border: 0;
  }
  .about-area, .port-area, .service-area, .contact-area, .fresh-area{
      position: relative;
      display: flex;
      justify-content: space-around;
      align-items: center;
      flex-wrap: wrap;
      flex-direction: row;
      width: 100%;
      height: 500px;
   }
   
   .text-part {
       width: 65%;
       height: 80%;
   }

   h2{
       font-size: 50px;
       font-family: sans-serif;
   }

   p{
       font-size: 24px;
       line-height: 40px ;
   }

   .about-area, .service-area{
       background: #fefefe;

   }
   
   .port-area, .contact-area{
       background: #010053;
       color: #Ffff;
   }


   html{
       scroll-behavior: smooth;
   }

   .image--cover {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 20px;
  
    object-fit: cover;
    object-position: center right;
  }