.L {
   border-radius: 5px;
   border: none;
   border: 2px solid whitesmoke;
   margin-top: 30px;
   padding: 5px 5px 5px 8px;
   background-color: rgb(44, 42, 42);
 }

 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }

 body {
   overflow-x: hidden;
 }

 /* NAVBAR */
 .Logo {
   height: 30px;
 }

 #navbar {
   position: sticky;
 }

 #nav-link {
   display: flex;
   gap: 25px;
 }

 #nav-link a {
   text-decoration: none;
   color: #fff;
   font-weight: 500;
 }

 .nav-button {
   background: #4CAF4F;
   color: #fff;
   border: none;
   padding: 10px 20px;
   border-radius: 4px;
 }

 #menu-toggle {
   display: none;
 }

 #menu-btn {
   display: none;
   color: #fff;
   font-size: 24px;
   cursor: pointer;
 }

 #menu-btn .fa-xmark {
   display: none;
 }

 #menu-toggle:checked+#menu-btn .fa-bars {
   display: none;
 }

 #menu-toggle:checked+#menu-btn .fa-xmark {
   display: inline;
  }

 /* Hero Section */

 /* HERO */

 .hero-title {
   font-size: 48px;
   font-weight: 600;
 }

 .hero-text {
   color: #717171;
 }

 .hero-img {
   max-width: 100%;
   height: auto;
 }
 
 .txt-green {
   color: #4CAF4F;
 }
 
 .Register-two,
 .learn-more {
   background: #4CAF4F;
   color: white;
   border: none;
   padding: 10px 20px;
   border-radius: 4px;
 }

 /* CARDS */
 .feature-card {
   background: #fff;
   padding: 20px;
   border-radius: 10px;
   box-shadow: 0 4px 5px #eee;
 }

 /* ICONS */
 .Icon {
   width: 50px;
   height: 50px;
   margin-bottom: 0.5rem;
 }

 .Demo {
   margin-left: 33rem;
 }


 /* FOOTER */
 footer {
   bottom: 0px;
 }

 .main-footer {
   padding: 50px;
  }

 .social-icons-imgs {
   width: 180px;
 }

 a.footer img.Logo {
   width: 220px;
   height: auto;
   margin-bottom: 28px;
 }
 .text{

  padding-top: 2rem;
 }

 div.footer p {
   line-height: 30px;
  }

 div.footer h4 {
   margin-bottom: 25px;
 }

 div.footer input {
   background-color: rgb(44, 42, 42);
   border: 2px solid whitesmoke;
   border-radius: 5px;
   padding: 5px 5px 5px 8px;
 }
 /* RESPONSIVENESS FOR TABLETS AND IPADS */

  @media (max-width: 768px) {

   body,
   html {
     overflow-x: hidden;
     width: 100%;
   }



   /* HERO */

   .hero-title {
     font-size: 26 !important;
     margin-left: 1rem;

   }

   .hero-text {
     font-size: 16px;
     margin: 0 auto 20px auto;
     max-width: 90%;
   }


   .hero-img,
   .Icon {
     max-width: 80%;
     margin-bottom: 15px;
   }

   .hero-img {
     margin-top: 30px;
     width: 100%;
   }


   .section-two .col-md-6 {
     text-align: center !important;
     padding: 0 15px;
   }

   /* BUTTONS */

   .Register-two,
   .learn-more {
     width: 40%;
     padding: 10px;
   }


   .learn-more {
     margin-left: 80px;
   }

   .rate {
     font-size: 22px;
     text-align: center;
   }

   .ratings {
     text-align: center;
     padding-left: 0 !important;
   }

   /* FOOTER */

  
   .main-footer .footer {
     width: 45%;
     text-align: center;
   }
   .footer {
    margin-top: 2rem;
   }

   .text {
    margin-top: 25px;
   }


   /* NAVBAR */

   .container {
     padding-left: 20px;
     padding-right: 15px;
   }

   .navbar-container {
     padding: 0 10px;
   }

   .navbar-brand img {
     height: 25px;
   }

   #menu-toggle:checked~#nav-link {
     display: flex;
   }
 }

 @media(max-width: 506px) {

   .Demo {
     margin-left: 10rem;
   }

   /* FOOTER */

  
  .main-footer .footer {
     width: 100%;
     margin-top: 30px;
   }

   .main-footer .support{
    width: 50%;
   }
 }

 @media (max-width: 425px) {

   .Demo {
     margin-left: 8rem;
   }

   .hero-title {
     font-size: 48px;
     font-weight: 600;
   }

   .hero-img {
     width: 250px;
     height: 100px;
   }

   

 }
 
 @media (max-width:375px) {
   .Demo {
     margin-left: 6rem;
   }

   .hero-title {
     font-weight: 700;
   }

   .hero-img {
     width: 250px;
     height: 100px;
   }


 }

 /* RESPONSIVENESS FOR SMALL MOBILE (320px) */

 @media (max-width: 320px) {

   body,
   html {
     overflow-x: hidden;
     width: 100%;
   }



   /* HERO */

   .hero-title {
     font-size: 30px !important;
     margin-left: 1rem;

   }

   .hero-text {
     font-size: 16px;
     margin: 0 auto 20px auto;
     max-width: 90%;
   }


   .hero-img,
   .Icon {
     max-width: 80%;
     margin-bottom: 15px;
   }

   .hero-img {
     margin-top: 50px;
     width: 200px;
     height: 100px;
   }


   .section-two .col-md-6 {
     text-align: center !important;
     padding: 0 15px;
   }

   /* BUTTONS */

   .Register-two,
   .learn-more {
     width: 40%;
     padding: 10px;
   }


   .learn-more {
     margin-left: 80px;
   }

   .rate {
     font-size: 22px;
     text-align: center;
   }

   .ratings {
     text-align: center;
     padding-left: 0 !important;
   }

   /* NAVBAR */

   .container {
     padding-left: 20px;
     padding-right: 15px;
   }

   .navbar-container {
     padding: 0 10px;
   }

   .navbar-brand img {
     height: 25px;
   }

   #menu-toggle:checked~#nav-link {
     display: flex;
   }

   h1.my-text{
    font-size: 30px !important;
   }

   .Demo{
    margin-left: 5rem;
   }

   /* FOOTER */

   .main-footer .support{
    width: 100%;
   }
 }
 @media (min-width:425px) {
   
    .hero-img {
      width: 220px;
      margin-top: 50px;
      height: 100px;
    }


 }