body{
    margin:0;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Fira Sans",Ubuntu,Oxygen,"Oxygen Sans",Cantarell,"Droid Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Emoji","Segoe UI Symbol","Lucida Grande",Helvetica,Arial,sans-serif;
    }
    #navbar-f{
        display: flex;
        height: 56px;
        width:100%;
        position: sticky;
    box-shadow: 1px 1px 1px 1px rgb(196, 193, 193);
    position:fixed;
    background-color: #fff;
    z-index: 100;
    
    }
    #navbar-f p{
       margin-left:1%;
        letter-spacing: 3px;
        font-weight: 600;  
        opacity: .9; 
        
        
    }
    #navbar-f > p >a{
        color: black;
        text-decoration: none;
    }

    
    #li-icon{
        margin-top:15px;
        width:25px;
        height:25px; 
        margin-left:10%; 
        cursor: pointer;
    }
    #trial{
        margin:auto;
        width:100%;
        border:1px solid #FDFAF5;
        text-align: center;
        background-color: #FDFAF5;
        
    }
    #h22{
        margin-top:40px;
        font-weight: normal;
     opacity: .9;
    }
    #trial-img{
        width:30%;
       
        margin: auto;
      
        display: flex;
    }
    #trial-img img{
        width:26%;
        height:70px;
        float:left;
        margin-left:2%;
    
    }
  #course,#by{
      margin-left:5%;
      opacity:.8;
      text-align: start;
  }
    #title{
        width:100%;
      text-align: start; 
      margin-left: 5%; 
      font-weight: 500;
     
    }
    #flexx{
        display: flex;
        width:45%;
        margin: auto;
        margin-top: 20px;
        
    }
    #annual{
        width:49%;
        border:1px solid #057642;
        border-radius: 5%;
       margin-right:2%;
        background-color: #fff;
        box-shadow: 3px 3px 3px 3px rgb(223, 220, 220);

    }
    #month{
        width:49%;
        border:1px solid rgb(209, 207, 207);
        border-radius: 5%;
        
        background-color: #fff;

    }
    #month h2{
        margin-top:50px;
    }
    #save{
        background-color: #057642;
        color: #fff;
        font-weight: bold;
        text-align: center;
        margin-top: 0;
        padding:6px;
        border-radius: 10px 10px 0 0;
    }
    
    #flexx h2{
        font-weight: normal;
        margin-bottom: 0;
    }
    #p-annual{
       width:50%;
       
     color:#696c6f;
     margin:auto;

     margin-top:8px;
    }
    #remind{
        color:#67696b; 
        margin-bottom: 40px; 
        

    }
    #btnfree{
        height: 50px;
        width:150px;
        font-size: larger;
        border-radius: 25px;
        background-color: #0A66C2;
        color:#fff;
        border-color: #0A66C2;
        margin-top:20px;
        margin-bottom:20px;
        font-weight: bold;
        transition: .5s;
        cursor: pointer;
    }
    #btnfree:hover{
        background-color: #06488a;
        
    }
    a{
        color:#0a66c2;
        text-decoration: none;
        margin-bottom:25px;
    }
    a:hover{
   text-decoration: underline;
    }
    #icons{
        width:55%;
        margin: auto;
        display: flex;
    }
    #icon-1{
        width:46%;
        margin:2%;
        }
    #iconn{
        display: flex;
        color:#696c6f;
        font-size: 14px;
        margin-top:30px;
    }
    #iconn div{
        margin-left: 4%;
    }
    #iconn p{
        margin-bottom: 5px;
        font-weight: bold;
    }
    #faqh2{
        text-align: center;
        font-weight: normal;
    }
    #wat1,#wat2,#wat3,#wat4,#wat5,#wat6{
        width:47%;
        border:1px solid rgb(224, 219, 219);
        margin:auto;
        cursor: pointer;
        
    }
    #wat1 div,#wat2 div,#wat3 div,#wat4 div,#wat5 div,#wat6 div{
        width:80%;
        color:#7f8285;
        font-size: 14px;
        margin:2%;
        display:none;

    }
    #wat1 p,#wat2 p,#wat3 p,#wat4 p,#wat5 p,#wat6 p{
        margin:2%;
        color:#7f8285;
        font-size: 14px;
        
    }
    #wat1:hover .show1,#wat2:hover .show2,#wat3:hover .show3,#wat4:hover .show4,#wat5:hover .show5,#wat6:hover .show6{
        display: block;
    }
    .arrow{
     float:right;
      
    }
    .arrow svg{
        width:22px;
        height: 16px;  

    }
    #sales{
    text-align: center;
    font-size: 14px;
    opacity:.8;
    padding:12px;
    background-color: #f3f6f8;
    margin-top:40px;
    border-top: 2px solid #e1e9ee;
    }
    
   #svgg{
   
       height:20px;
       width:60px;
       
   }
   #footer{
       display: flex;
       justify-content: center;
       margin-top: 20px;
      
   }
   #twenty{
       font-size: 12px;
       opacity:.6;
   }
   #footer-p{
    display: flex;
    justify-content: center;
    font-size: small;
   }
   #footer-p p{
       margin-top: 0;
       margin-left:15px;
   }
   #footer-p p:hover{
       text-decoration: underline;
       cursor: pointer;
   }
   #fixedd{
       height:57px;
   }
  #thanks{
      height: 57px;
      background-color: #FDFAF5;
  }
  #happy{
    padding:60px;
    background-color: #FDFAF5; 
    text-align: center;

  }
  #happy h1{
      font-style: oblique;
  }
 
  #downspace{
      height:20px;
  }
  #ordersuccess{
     font-weight: 700;
     letter-spacing: 2px;
     color:#057642;
     margin-top:20px;  
     display: flex;
     justify-content: center;
  }
  #navbar-f #statuss{
    color:#057642; 
    font-weight:2000;
  }
  #navbar-f #movright{
    margin-left: 55%;
    font-weight: bolder;
  }
  #d1,#d2,#d3{
    margin:5px;
     display: none;
     
  }
  #happy-learn{
      display: none;
  }