* {
   padding: 0;
   margin: 0;
   box-sizing: border-box;
   font-family: sans-serif;
 }
 
 header {
   display: flex;
   align-items: center;
   gap: 165px;
   padding: 45px 100px;
 }
 
 nav {
   display: flex;
   gap: 20px;
   a {
     text-decoration: none;
     font-size: 15px;
     color: #222222;
     transition: 0.3s ease;
 
     &:hover {
       color: #0082f3;
     }
   }
 }
 
 main {
   padding: 0px 200px;
   display: flex;
   justify-content: space-between;
   align-items: center;
 
   div {
     h1 {
       font-weight: 400;
       font-size: 55px;
       color: #333;
     }
 
       p {
         font-size: 24px;
         font-weight: 400;
         color: #333;
         padding: 32px 0px;
     }
 
     div {
       display: flex;
       gap: 8px;
     }
 
     
   }
 
   .man {
     height: 500px;
   }
 }
 
 .save {
   padding: 100px 200px;
   display: flex;
   justify-content: space-between;
   align-items: center;
 
   div {
     h1 {
       font-weight: 400;
       font-size: 55px;
       color: #333;
     }
 
     p {
       font-size: 24px;
       font-weight: 400;
       color: #333;
       padding: 32px 0px;
     }
 
     div {
       display: flex;
       gap: 8px;
     }
   }
 }



                  .card {
                     height: 327px;
                     width: 288px;
                     box-shadow: -1px 5px 11px 2px rgba(34, 60, 80, 0.2);
                     font-size: 16px;
                     h1{
                        font-size: 18px;
                     }
                  }
                   
                   .cards {
                     display: flex;
                     justify-content: space-between;
                     align-items: center;
                   }
                   
                   .how {
                     padding: 100px 200px;
                   }
                   
                   .card1 {
                     border-top: 12px solid #582eff;
                   }
                   
                   .card2 {
                     border-top: 12px solid #ff814a;
                   }
                   
                   .card3 {
                     border-top: 12px solid #31c5a1;
                   }
                   
                   h1 {
                       text-align: center;
                       color: #333;
                       font-size: 45px;
                       font-weight: 400;
                       padding-bottom: 40px;
                   }

                   .card1{
                    
                   img{
                     justify-content: space-between;
                     margin-left: 118px;
                     margin-top: 42px;
                   }
                   h5{
                     text-align: center;
                     margin-top: 49px;
                     font-size: 17px;

                   }
                   p{
                     text-align: center;
                     margin-top: 31px;
                   }
                   }

                   
.card2{
   img{
      justify-content: space-between;
      margin-left: 118px;
      margin-top: 42px;
    }
    h5{
      text-align: center;
      margin-top: 49px;
      font-size: 17px;

    }
    p{
      text-align: center;
      margin-top: 31px;
    }
}                   


.card3{
   img{
      justify-content: space-between;
      margin-left: 118px;
      margin-top: 42px;
    }
    h5{
      text-align: center;
      margin-top: 49px;
      font-size: 17px;

    }
    p{
      text-align: center;
      margin-top: 31px;
    }
}

.finally{
   background-color: #31C5A1;
   width: 100%;
   height: 371px;
  
   h3{
      text-align: center;
      color: #fff;
      padding-top: 131px;
      font-size: 30px;
   }
  
   img{
      
      padding-top: 40px;
      width: 132px;
     
    }
    .a{
      margin-left: 625px;
    }
    .s{
      margin-left: 10px;
    }
}

footer{
   width: 100%;
   display: flex;
   align-items: center;
   img{
   padding: 50px 100px;
   }
   p{
      padding: 50px;
      font-size: 17px;
      
   }
.q{
   padding-left: 110px;
}
.w{
   padding-left: 93px;
}
.e{
   padding-left: 102px;
}
}