@import url('https://fonts.googleapis.com/css2?family=Kalnia:wght@100..700&family=Noto+Sans+Devanagari:wght@100..900&display=swap');


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

body{
   background-color: #fff !important;
   font-family: "Noto Sans Devanagari", sans-serif !important;
}





@media screen and (min-width: 992px){

   .old-price-heading{
   text-align: center;
   color: #fff;
   font-size: 25px;
   font-weight: 700;
}

.span04{
   color: #E91B1B;
   text-decoration: line-through;
}

.span05{
   color: #08A259;
}


   .main-bg-container01{
      width: 40%;
   }

   .bg-container01{
      background-color: #1b1313;
      background-size: cover;
   }

   .heading01{
      color: #fff;
      font-size: 45px;
      font-weight: 800;
      text-align: center;
   }

   .paragraph01{
      color: #FDE047;
      font-size: 22px;
      text-align: center;
   }

   .image01{
      width: 85%;
      margin-bottom: 15px;
   }

   .heading02{
      color: #dc2626;
      font-size: 24px;
      text-align: center;
      text-transform: uppercase;
      font-weight: 800;
      margin-top: -15px;
   }

   .paragraph02{
      color: #FFF;
      font-size: 22px;
   }

   .bg-container02{
      background-color: #FBB100;
   }

   .heading03{
      color: #000;
      font-size: 35px;
      font-weight: 800;
      text-align: center;
      text-transform: uppercase;
   }

   .bg-container03{
      background-image: url("./assets/banner01.avif");
      background-size: cover;
   }

   .button01{
      background-color: #fff;
      width: 100%;
      height: 52px;
      border-radius: 30px;
      border: 0px;
      color: #000;
      font-size: 25px;
      font-weight: 700;
      padding-top: 5px;
      text-transform: uppercase;
      cursor: none;
   }

   .image02{
      width: 100%;
   }

   .bg-container04{
      background-color: #AFB4BD;
      background-size: cover;
   }

   .gif-image{
      width: 150px;
      height: 150px;
      border-radius: 80px;
      margin-bottom: 10px;
   }

   .caption{
      color: #000;
      text-align: center;
      font-size: 19px;
      font-weight: 600;
   }

   .bg-container05{
      background-color: #FFF;
      background-size: cover;
   }

   .paragraph03{
      color: #dc2626;
      font-size: 20px;
      font-weight: 600;
      text-align: center;
   }

   .button02 {
      background-color: #213361;
      font-size: 22px;
      font-weight: 800;
      color: #fff;
      width: 33%;
      height: 45px;
      border-radius: 30px;
      border: 0px;
      text-transform: uppercase;
      padding-top: 5px;
      animation: zoomEffect 2s infinite ease-in-out;
      margin-top: -10px;
   }

   .bg-container06{
      background-image: url("./assets/banner02.avif");
      background-size: cover;
   }

   .paragraph04{
      color: #000;
      font-size: 20px;
      font-weight: 500;
   }

   .bg-container07{
      background-color: #000;
      background-size: cover;
   }

   .heading04{
      color: #b91c1c;
      font-size: 28px;
      font-weight: 700;
      text-align: center;
   }

   .quote-banner{
      background-image: url("./assets/quote.avif");
      background-size: cover;
      height: 500px;
      width: 100%;
      padding-left: 15px;
      padding-right: 15px;
   }

   .quote-description{
      color: #FFF293;
      font-style: italic;
      font-size: 24px;
      font-weight: 600;
      line-height: 40px;
   }

   .heading05{
      color: #fff;
      font-size: 28px;
      font-weight: 700;
      text-align: center;
      text-transform: uppercase;
   }
   .bg-container08{
      background-image: url("./assets/banner04.avif");
      background-size: cover;
   }

   .paragraph05{
      color: #FFF;
      font-size: 18px;
      font-weight: 700;
   }

   .heading06{
      color: #000;
      text-align: center;
      font-size: 36px;
      font-weight: 800;
   }

   .form-container{
      background-color: #F8FAFC;
      background-size: cover;
      border-radius: 10px;
      border: 1px solid #dc2626;
   }

   .contact-us-heading{
      color: #000;
      text-align: center;
      font-size: 30px;
      font-weight: 800;
      text-decoration: underline;
   }

   .btn-submit{
      background-color: #dc2626;
      width: 50%;
      height: 50px;
      border: 0px;
      color: #FFF;
      font-size: 22px;
      font-weight: 600;
      border-radius: 15px 0px 15px 0px;
   }



   .testimonial-container{
      background-color: #374151;
      background-size: cover;
   }

   .heading07{
      color: #fff;
      font-size: 28px;
      text-align: center;
      font-weight: 700;
   }

   .span03{
      color: #E91B1B;
   }

   .testimonial-box{
      box-shadow: black -1px 0px 5px 0px;
      background-color: #fff;
      border-radius: 5px;
   }

   .t01-image{
      width: 50px;
      height: 50px;
      border-radius: 30px;
      margin-right: 10px;
   }
   .t01-name{
      color: #000;
      font-size: 20px;
      font-weight: 600;
      padding-top: 5px;
   }

   .t01-date{
      color: #E91B1B;
      font-size: 17px;
      font-weight: 400;
      margin-top: -7px;
   }

   .check-icon{
      width: 3%;
      margin-top: -42px;
      margin-left: 5px;
   }

   .testimonial-description{
      color: #000;
      font-size: 17px;
   }

   .public-image{
      width: 50%;
   }

   .div01{
      color: #000;
      text-align: center;
      font-size: 28px;
      font-weight: 700;
      padding-bottom: 15px;
   }

   .flipkart-footer-image{
      width: 30%;
      margin-right: 30px;
   }

   .amazon-footer-image{
      width: 30%;
      margin-top: 10px;
   }

   .copyright-heading{
      color: #fff;
      font-size: 22px;
      font-weight: 700;
      text-align: center;
   }

   .link01{
      text-decoration: underline;
   }

   .copyright-heading01{
      color: #fff;
      font-size: 16px;
      font-weight: 500;
      text-align: center;
   }

   .footer-container{
      background-color: #202020;
   }

}





@keyframes zoomEffect {
   0%, 100% {
      transform: scale(1);
      opacity: 1;
   }
   50% {
      transform: scale(0.9);
      opacity: 0.7;
   }
}

.label01{
   color: #000 !important;
   font-size: 18px !important;
   font-weight: 600 !important;
}

.form-control01{
   height: 50px !important;
}








@media screen and (max-width: 992px){

   .old-price-heading{
   text-align: center;
   color: #fff;
   font-size: 20px;
   font-weight: 700;
}

.span04{
   color: #E91B1B;
   text-decoration: line-through;
}

.span05{
   color: #08A259;
}


   .main-bg-container01{
      width: 100%;
   }

   .bg-container01{
      background-color: #1b1313;
      background-size: cover;
   }

   .heading01{
      color: #fff;
      font-size: 28px;
      font-weight: 800;
      text-align: center;
   }

   .paragraph01{
      color: #FDE047;
      font-size: 18px;
      text-align: center;
   }

   .image01{
      width: 100%;
      margin-bottom: 15px;
   }

   .heading02{
      color: #dc2626;
      font-size: 18px;
      text-align: center;
      text-transform: uppercase;
      font-weight: 800;
      margin-top: -10px;
   }

   .paragraph02{
      color: #FFF;
      font-size: 22px;
   }

   .bg-container02{
      background-color: #FBB100;
   }

   .heading03{
      color: #000;
      font-size: 24px;
      font-weight: 800;
      text-align: center;
      text-transform: uppercase;
   }

   .bg-container03{
      background-image: url("./assets/banner01.avif");
      background-size: cover;
   }

   .button01{
      background-color: #fff;
      width: 100%;
      height: 80px;
      border-radius: 50px;
      border: 0px;
      color: #000;
      font-size: 18px;
      font-weight: 500;
      padding-top: 5px;
      text-transform: uppercase;
      cursor: none;
      padding-left: 10px;
      padding-right: 10px;
   }

   .image02{
      width: 100%;
   }

   .bg-container04{
      background-color: #AFB4BD;
      background-size: cover;
   }

   .gif-image{
      width: 150px;
      height: 150px;
      border-radius: 80px;
      margin-bottom: 10px;
   }

   .caption{
      color: #000;
      text-align: center;
      font-size: 19px;
      font-weight: 600;
   }

   .bg-container05{
      background-color: #FFF;
      background-size: cover;
   }

   .paragraph03{
      color: #dc2626;
      font-size: 20px;
      font-weight: 600;
      text-align: center;
   }

   .button02 {
      background-color: #213361;
      font-size: 22px;
      font-weight: 800;
      color: #fff;
      width: 100%;
      height: 45px;
      border-radius: 30px;
      border: 0px;
      text-transform: uppercase;
      padding-top: 5px;
      animation: zoomEffect 2s infinite ease-in-out;
      margin-top: -10px;
   }

   .bg-container06{
      background-image: url("./assets/banner02.avif");
      background-size: cover;
   }

   .paragraph04{
      color: #000;
      font-size: 20px;
      font-weight: 500;
   }

   .bg-container07{
      background-color: #000;
      background-size: cover;
   }

   .heading04{
      color: #b91c1c;
      font-size: 28px;
      font-weight: 700;
      text-align: center;
   }

   .quote-banner{
      background-image: url("./assets/quote.avif");
      background-size: cover;
      height: 600px;
      width: 100%;
      padding-left: 15px;
      padding-right: 15px;
   }

   .quote-description{
      color: #FFF293;
      font-style: italic;
      font-size: 18px;
      font-weight: 600;
      line-height: 40px;
   }

   .heading05{
      color: #fff;
      font-size: 28px;
      font-weight: 700;
      text-align: center;
      text-transform: uppercase;
   }
   .bg-container08{
      background-image: url("./assets/banner04.avif");
      background-size: cover;
   }

   .paragraph05{
      color: #FFF;
      font-size: 18px;
      font-weight: 700;
   }

   .heading06{
      color: #000;
      text-align: center;
      font-size: 24px;
      font-weight: 800;
   }

   .form-container{
      background-color: #F8FAFC;
      background-size: cover;
      border-radius: 10px;
      border: 1px solid #dc2626;
   }

   .contact-us-heading{
      color: #000;
      text-align: center;
      font-size: 30px;
      font-weight: 800;
      text-decoration: underline;
   }

   .btn-submit{
      background-color: #dc2626;
      width: 50%;
      height: 50px;
      border: 0px;
      color: #FFF;
      font-size: 22px;
      font-weight: 600;
      border-radius: 15px 0px 15px 0px;
   }



   .testimonial-container{
      background-color: #374151;
      background-size: cover;
   }

   .heading07{
      color: #fff;
      font-size: 28px;
      text-align: center;
      font-weight: 700;
   }

   .span03{
      color: #E91B1B;
   }

   .testimonial-box{
      box-shadow: black -1px 0px 5px 0px;
      background-color: #fff;
      border-radius: 5px;
   }

   .t01-image{
      width: 50px;
      height: 50px;
      border-radius: 30px;
      margin-right: 10px;
   }
   .t01-name{
      color: #000;
      font-size: 20px;
      font-weight: 600;
      padding-top: 5px;
   }

   .t01-date{
      color: #E91B1B;
      font-size: 17px;
      font-weight: 400;
      margin-top: -7px;
   }

   .check-icon{
      width: 3%;
      margin-top: -42px;
      margin-left: 5px;
   }

   .testimonial-description{
      color: #000;
      font-size: 17px;
   }

   .public-image{
      width: 50%;
   }

   .div01{
      color: #000;
      text-align: center;
      font-size: 28px;
      font-weight: 700;
      padding-bottom: 15px;
   }

   .flipkart-footer-image{
      width: 25%;
      margin-right: 15px;
   }

   .amazon-footer-image{
      width: 25%;
      margin-top: 10px;
   }

   .copyright-heading{
      color: #fff;
      font-size: 18px;
      font-weight: 700;
      text-align: center;
   }

   .link01{
      text-decoration: underline;
   }

   .copyright-heading01{
      color: #fff;
      font-size: 16px;
      font-weight: 500;
      text-align: center;
   }

   .footer-container{
      background-color: #202020;
   }

}






