body{ margin: 0; padding: 0; font-family: "Poppins", sans-serif; font-size: 18px;}

  p {font-size: 18px;font-family: "Poppins", sans-serif;}

  a {font-family: "Poppins", sans-serif;}

  h1,h2,h3,h4,h5,h6{font-family: "Poppins", sans-serif; font-weight: 300;}

  @media(min-width:1366px){.container{max-width:1300px;}}

  @media(min-width:1600px){.container{max-width:1520px !important;}}





  @media(min-width:992px){

  .logo img {width: 30%;margin:0 auto 6px;display: table;}



  }

  @media(max-width:992px){ 



  }



  @media screen and  (min-width:1000px) and (max-width:1200px){



  }

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

  }





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





  } 





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



  }



.sliderbox .sliderImg img{

    height: 350px;

    object-fit: cover;

}





  .SolutionsFix {margin-bottom: 50px; margin-top: -90px;}

  .fixCardBox {overflow: hidden; background-color: #fff;}

  .fixCardBox {position: sticky;top: 0;}

  .fixCardBox .fixBoxText h3{font-size: 21px; font-weight: 600; color: #FA6767; margin-bottom: 30px;}

  .fixCardBox .fixBoxText h4{font-size: 21px; font-weight: 600; color: #22455E; margin-bottom: 20px;}

  .fixCardBox .fixBoxText p{font-size: 16px; color: #22455E;}

  .fixCardBox .fixBoxText ul li{font-size: 16px; color: #22455E;}



  .videoBanner { position: relative; overflow: hidden;}

  .videoBanner::before {position: absolute; background-color: #000; content: ''; width: 100%; height: 100%; top: 0; opacity: 25%;}

  .videoBanner .videoText{ position: absolute; top: 35%; left: 0; width:100%;}

  .videoBanner .videoText2{ position: absolute; top: 65%; left: 0;width:100%;}

  .videoBanner .videoText h1 { font-size: 50px; color: #fff; font-weight: 600; margin-bottom: 15px; text-align: center;font-family: "Dancing Script", cursive;}

  .videoBanner .videoText2 h1 { font-size: 50px; color: #fff; font-weight: 600; margin-bottom: 15px; text-align: center;font-family: "Dancing Script", cursive;}

  .videoBanner .videoText p { font-size: 20px; color: #fff; font-weight: 4s00; margin-bottom: 0; text-align: center;}

  .instaTitle { font-size: 30px; color: #000; text-align: center;}

  .instagramSlider { margin: 10% 0;}

  .contact {

      margin: 10% 0;

  }

  .contact .cta-btn { background-color: #000; color:#fff; padding:10px 30px; font-size: 16px; letter-spacing: 1px; text-transform: uppercase; border: 1px solid #000;}

  .contact button:hover.cta-btn { background-color: inherit; border: 1px solid #000; color:#000; }

    .contact input { border-radius: 0;}

    .contact textarea { border-radius: 0;}

    .contact a {color: #000; font-size: 18px; text-decoration: none;}

    .contact a:hover { text-decoration: underline;}

    .productListing  { margin: 10% 0;}

  .hero {

      width: 100%;

      padding: 0;

      position: relative;

  }



      .controls {

      display: flex;

      gap: 12px;

      align-items: center;

      margin-bottom: 12px;

      position: absolute;

      bottom: 25px;

      right: 0;

      transform: translateX(-50%);

      z-index: 999;

  }

  .controls button i { font-size: 15px; font-weight:600;}



      .playpause {

        background: inherit;

        color: #fff;

        border: 1px solid #fff;

        width: 50px;

        margin: auto;

        padding: 0;

        border-radius: 50px;

        cursor: pointer;

        font-weight: 600;

      }



      .playpause[aria-pressed="true"] {

        background: inherit;

      }



      .playpause:focus {

        outline: none;

      }



    .hero .swiper {

      width: 100%;

      height: 100vh;

      border-radius: 0;

      overflow: hidden;

      object-fit: cover;

  }



      .hero .swiper-slide {

        display: flex;

        align-items: center;

        justify-content: center;

        font-size: 28px;

        color: #fff

      }



      /* center pagination below the slider */

      .hero .swiper-pagination {

        bottom: 14px

      }



      .hero .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,

      .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {

        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);

        background-color: inherit;

        border: 2px solid #fff;

            width: 20px;

      height: 20px;

      }

      .categorySlider a { color: #000; text-decoration: none;}

      

      .categorySlider .sliderbox .sliderText h3{

      font-size: 20px;

      letter-spacing: 0.5px;

      text-align: center;

      font-weight: 500;

  }

  .categorySlider .sliderbox{

      background-color: #ddd;

      padding: 10px;

  }

  .Categories {margin:10% 0}

  .categorySlider .owl-item .sliderImg{

      -webkit-transform: scale(.5) !important;

      transform: scale(.6) !important;

      -webkit-transition: .6s;

      transition: all .3s 

  ease-in-out;

      transition: .6s;

  }

  .categorySlider .owl-item.active .sliderImg{transform: scale(1) !important;}



  .footer {background:url(../images/bg.png); background-repeat: no-repeat; background-position: center; background-size: 100%; padding: 50px 0;}

  .footer ul {margin-bottom: 0; padding-left:0;}

  .footer ul li { list-style: none;}

  .footer ul li.logo a{font-size: 36px; font-family: "Dancing Script", cursive; color: #fff; font-weight: 600; letter-spacing: 0.5px; text-decoration: none; text-align: left;}

  .footer .socailLinks ul{padding-left: 0; margin-bottom: 0;}

  .footer .socailLinks ul li:first-child{margin-left: 0;}

  .footer .socailLinks ul li{list-style: none; margin-left: 15px;}

  .footer .socailLinks ul li a{color: #fff; text-decoration: none;}

  .footer .socailLinks ul li a i{font-size: 25px;}

  .footer .navigationLinks ul { margin-bottom: 20px;}

  .footer .navigationLinks ul li:first-child{margin-left: 0;}

  .footer .navigationLinks ul li{list-style: none; margin-left: 35px; position: relative;}

  .footer .navigationLinks ul li:last-child::after {display: none;}

  .footer .navigationLinks ul li::after {content: "|"; position: absolute; top: 0; right: -20px;

      font-size: 18px;

      color: #fff;

      font-weight: 100; }

  .footer .navigationLinks ul li a{color: #fff; text-decoration: none; font-size: 18px; font-weight: 300;}

  .footer .copyRight { border-top: 1px solid #fff; padding: 15px 0;}

  .footer .copyRight p {font-size:14px; margin-bottom: 0; color: #fff;}

  .categorySlider .owl-dots {    position: absolute;left: -250px;bottom: 70px;}

  .categorySlider .owl-theme .owl-dots .owl-dot span {

    width: 25px;

        background: inherit;

      height: 25px;

      border: 1px solid #c3c3c3;

  }

  .categorySlider .owl-theme .owl-dots .owl-dot.active span, .categorySlider .owl-theme .owl-dots .owl-dot:hover span {

          border: 1px solid #000;

              background: inherit;





  }

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

    

  }



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

    .footer .navigationLinks ul li a{font-size: 13px;}

    .footer .navigationLinks ul {padding-left: 0;}

    .videoBanner .videoText{ position: absolute; top:35%; left: 0;}

  .videoBanner .videoText h1 { font-size: 30px; margin-bottom: 10px;}

  .videoBanner .videoText p { font-size: 13px;  }

  .videoBanner video { height: 100vh; object-fit: cover; width: 100%; }

  .hero video { height: 100vh; object-fit: cover; width: 100%; }

  .footer {background:url(../images/bg-mobile.png); padding: 50px 0;}



  #menu .main-nav a

  {

      font-size: 22px;

      padding: 1rem 1rem 1rem 1.5rem;

  }

  #menu .main-nav {

      position: relative;

      top: 35%;

      transform: translateY(-50%);

  }

  }





.product-grid{

  background-color: #fff;

  text-align: center;

   margin-bottom: 30px;

}

.product-grid .product-image{

  overflow: hidden;

  position: relative;

}

.product-grid .product-image a.image{ display: block; }

.product-grid .product-image img{

  width: 100%;

  height: auto;

}

.product-grid .product-image .pic-1{ transition: all 0.3s ease 0s; }

.product-grid .product-image:hover .pic-1{ transform: translateX(100%); }

.product-grid .product-image .pic-2{

  width: 100%;

  height: 100%;

  transform: translateX(-101%);

  position: absolute;

  top: 0;

  left: 0;

  transition: all 0.3s ease 0s;

}

.product-grid .product-image:hover .pic-2{ transform: translateX(0); }

.product-grid .product-sale-label{

  color: #fff;

  background: var(--bs-hover);

  font-size: 13px;

  text-transform: uppercase;

  letter-spacing: 1px;

  padding: 2px 8px;

  position: absolute;

  top: 15px;

  left: 15px;

}

.product-grid .product-like-icon{

  color: #696969;

  font-size: 22px;

  line-height: 20px;

  position: absolute;

  top: 15px;

  right: 15px;

}

.product-grid .product-like-icon:hover{ color: var(--bs-hover); }

.product-grid .product-like-icon:before,

.product-grid .product-like-icon:after{

  content: attr(data-tip);

  color: #fff;

  background-color: #000;

  font-size: 12px;

  line-height: 18px;

  padding: 7px 7px 5px;

  visibility: hidden;

  position: absolute;

  right: 0;

  top: 15px;

  transition: all 0.3s ease 0s;

}

.product-grid .product-like-icon:after{

  content: '';

  height: 15px;

  width: 15px;

  padding: 0;

  transform: translateX(-50%) rotate(45deg);

  right: auto;

  left: 50%;

  top: 15px;

  z-index: -1;

}

.product-grid .product-like-icon:hover:before,

.product-grid .product-like-icon:hover:after{

  visibility: visible;

  top: 30px;

}

.product-grid .product-links{

  width: 170px;

  padding: 0;

  margin: 0;

  list-style: none;

  opacity: 0;

  transform: translateX(-50%);

  position: absolute;

  bottom: -50px;

  left: 50%;

  transition: all 0.3s ease 0s;

}

.product-grid:hover .product-links{

  bottom: 40px;

  opacity: 1;

}

.product-grid .product-links li{

  display: inline-block;

  margin: 0 2px;

}

.product-grid .product-links li a{

  color: #fff;

  background: #192a56;

  font-size: 16px;

  line-height: 48px;

  width: 48px;

  height: 48px;

  border-radius: 50%;

  display: block;

  transition: all 0.3s ease 0s;

}

.product-grid:hover .product-links li a:hover{ background: #333; }

.product-grid .product-content{

  text-align: left;

  padding: 15px 0 0;

}

.product-grid .title{

  font-size: 14px;

  font-weight: 500;

  text-transform: capitalize;

  margin: 0 0 8px;

}

.product-grid .title a{

  color: #333;

  transition: all 0.3s ease 0s;

  text-decoration:none;

  font-weight:600;

  font-size:18px;

}

.product-grid .title a:hover{ color: var(--bs-hover); }

.product-grid .price{

  color: var(--bs-hover);

  font-size: 16px;

  font-weight: 500;

}

.product-grid .price span{

  color: #555;

  font-size: 14px;

  font-weight: 400;

  text-decoration: line-through;

  margin: 0 5px 0 0;

}

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

  .product-grid{ margin: 0 0 30px; }

}