@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

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

body{
   font-family: "Outfit", sans-serif !important;
   background-color: #000 !important;
}

.logo-container{
   background-color: #fff;
}



@media screen and (min-width: 992px){
   .bg-container01{
      border: 1px solid #fff;
      width: 40%;
      background-color: #f5f6f7;
      
   }

   .logo-image{
      width: 150px;
   }

   .heading01{
      color: #0d9b4d;
      text-align: center;
      font-size: 24px;
      letter-spacing: 1.25px;
      line-height: 140%;
   }

   .paragraph01{
      color: #fff;
      font-size: 17px;
      text-align: justify;
      line-height: 32px;
   }

   .button01{
      background-color: #FF4500;
      border: 0px;
      width: 50%;
      height: 45px;
      color: #fff;
      border-radius: 5px;
      text-transform: uppercase;
      font-size: 17px;
      font-weight: 600;
      letter-spacing: 1.25px;
   }

   


   .button01:hover{
      background-color: transparent;
      border: 1px solid #FF4500;
      color: #000;
   }

   .copyright-paragraph{
      color: #000;
      text-align: center;
   }
   
   .line01{
      width: 100%;
      height: 1px;
      background-color: #323f4b;
   }
   
   

   .testimonial-image{
      width: 70px !important;
      border-radius: 50px !important;

   }

   .testimonial-box{
      background-color: #fff;
      border-radius: 15px;
       box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
       width: 100%;
       margin-bottom: 10px;
    
   }

   .review-description{
      font-size: 17px;
      font-weight: 400;
      padding-top: 5px;
   }

   .review-name{
      color: #000;
      font-size: 15px;
      font-weight: 700;
   }
}




.image01{
   width: 100%;
   border-radius: 5px;
}



.amazon-image{
   width: 50%;
   animation: zoomInOut 3s ease-in-out infinite;
}






@media screen and (max-width: 992px){
   .bg-container01{
      border: 1px solid #fff;
      width: 100%;
      background-color: #f5f6f7;
      
   }

   .logo-image{
      width: 150px;
      margin-top: 10px;
   }

   .video01{
      margin-top: 10px !important;
   }

   .heading01{
      color: #0d9b4d;
      font-size: 20px;
      line-height: 150%;
      text-align: center;
   }

   .paragraph01{
      color: #000;
      font-size: 17px;
      text-align: justify;
      line-height: 32px;
   }

   .button01{
      background-color: #FF4500;
      border: 0px;
      width: 70%;
      height: 45px;
      color: #fff;
      border-radius: 5px;
      text-transform: uppercase;
      font-size: 17px;
      font-weight: 600;
      letter-spacing: 1.25px;
   }

  
   .button01:hover{
      background-color: transparent;
      border: 1px solid #FF4500;
      color: #000;
   }

   .copyright-paragraph{
      color: #000;
      text-align: center;
   }
   
   .line01{
      width: 100%;
      height: 1px;
      background-color: #323f4b;
   }
  

  

   .testimonial-box{
      background-color: #fff;
      border-radius: 15px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
      margin-bottom: 20px;
      width: 100%;
     
    
   }

   .review-description{
      font-size: 16px;
      font-weight: 400;
      padding-left: 12px;
     
   }

   .review-name{
      color: #000;
      font-size: 14px;
      font-weight: 700;
      padding-left: 12px;
   }
}



.link01{
      color: #000 !important;
   }
   
   .link01:hover{
      color: #FF4500 !important;
   }




    .input-wrapper {
      display: flex;
      align-items: center;
      border: 1px solid #ccc;
      border-radius: 30px;
      padding: 13px 15px;
      width: 100%;
      background-color: #f7f7f7;
      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    }

    .input-wrapper i {
      color: #0d9b4d;
      font-size: 18px;
      margin-right: 10px;
    }

    .input-wrapper input {
      border: none;
      outline: none;
      width: 100%;
      font-size: 16px;
      background-color: transparent;
    }


    .testimonial-image{
      width: 70px !important;
      border-radius: 50px !important;

   }

   .testimonial-image01{
      width: 70px !important;
      height: 70px !important;
      border-radius: 50px !important;
      filter: blur(2px);

   }

   .t-box{
      width: 30%;
   }