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: 80%;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){

}




.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;}
 .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 .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;}
@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%);
}
}