@import url('https://fonts.googleapis.com/css2? family=poppins:wght@300;400;500;600;700;800;900;& display=swap');

 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   font-family: "poppins", sans-serif;
 }

 .header {
   width: 100%;
   height: 50px;
   margin: 0 auto;
   background: linear-gradient(-90deg, #031540 65%, #fff 35%);
   position: fixed;
   top: 0;
   left: 0;
   z-index: 999;
 }

 .heading {
   width: 1200px;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 20px 10px;
 }

 .logo {
   font-size: 25px;
   color: #031540;
   text-decoration: none;
   font-weight: 700;
 }

 .navber a {
   font-size: 18px;
   color: #fff;
   text-decoration: none;
   font-weight: 500;
   margin-left: 35px;
   transition: .3s;

 }

 .navber a:hover,
 .navber a.active {
   color: #00abf0;
 }

 .home {
   width: 100%;
   height: 100vh;
   background: linear-gradient(-90deg, #031540 65%, #fff 35%);
   display: flex;
   justify-content: space-around;
   align-items: center;
   padding: 0 10%;

 }

 .home-image {
   border: 1px solid;
   width: 500px;
   height: 500px;
   background-color: #031540;
   border: 20px solid #5cff66;
   outline: 22px solid #031540;
   border-radius: 20%;
   /* height: 500px; */
   /* background:#031540; */
   /* border-radius: 50%; */
   /* border: 25px solid #5CFF66; */
   /* outline: 25px solid #031540;  */
 }

 .image {
   width: 100%;
   height: 100%;
   object-fit: cover;
   outline: none;
   overflow: hidden;




 }

 .home-content {
   max-width: 600px;
   color: #fff;
   text-align: right;
 }


 .home-content h1 {
   font-size: 55px;
   line-height: 1.2;
 }

 .home-content h3 {
   font-size: 40px;
   color: transparent;
   -webkit-text-stroke: .5px #fff;
   background-image: linear-gradient(#00abf0, #00abf0);
   background-repeat: no-repeat;
   background-clip: text;
   -webkit-background-clip: text;
   background-position: -500px 0;
   animation: animatetext 6s linear infinite;
 }

 @keyframes animatetext {

   0%,
   95%,
   100% {
     background-position: -500px 0;
   }

   65%,
   85% {
     background-position: 0 0;
   }
 }

 .home-content p {
   font-size: 16px;
   margin-top: 20px;
 }

 .home-sci {
   margin: 25px 0 40px;
 }

 .home-sci a {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   width: 40px;
   height: 40px;
   background: transparent;
   border: 2px solid #fff;
   border-radius: 50%;
   font-size: 20px;
   color: #00abf0;
   text-decoration: none;
   margin-left: 12px;
   transition: .5s;
 }

 .home-sci a:hover {
   background-color: #00abf0;
   color: #fff;
   border-color: #00abf0;
   box-shadow: 0 0 10px #00abf0;
 }

 .btn {
   padding: 12px 35px;
   background: #00abf0;
   border-radius: 40px;
   font-size: 17px;
   color: #fff;
   text-decoration: none;
   font-weight: 600;
   letter-spacing: 1px;
   box-shadow: 0 0 10px #00abf0;
   transition: .5s;
 }

 .btn:hover {
   box-shadow: none;
 }