/* all common slider  */




 .category-slider-container {
    width: 100%;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
 
  }

  .category-slide {
    background-position: center;
    background-size: cover;
    width: 22.70% !important;
    margin-right: 2%;
    height: auto !important;
    /* background-color: #f9a90b; */
    border-radius: 15px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    background-image: linear-gradient(to bottom,  #126b8b, rgba(249, 170, 11, 0.89)50%, #fff 100%);
    padding: 3px;
    overflow: hidden;
  }




  .category-slide-image{
    height: 200px;
    width: 100%;
    overflow: hidden;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }

  .category-slide-image:hover img{
    scale: 1.3;
    transition: 3s;
    filter: brightness(100%);
    

  }

  .category-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    transition: 1s;
    /* filter: brightness(80%); */
  }


  .swiper-button-prev, .swiper-button-next{
    background-color: transparent;
    color: #f9a90b !important;
    font-size: 2rem;
    padding: 0.1rem 0.6rem ;
    border-radius: 50%;
    top: 46%;
   
  }
  .swiper-button-prev:hover{
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.swiper-button-next:hover{
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

  .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 2rem !important;
  }


  .category-slide-text{
    padding: 0.5rem 1rem ;
  }

  .category-slide-text h4{
    text-align: center;
    /* margin-top: 1.5rem; */
    font-size: 1rem;
    font-family: "Roboto", sans-serif;
    color: #126b8b;
    font-family: 100;
    
    
  }

  .category-slide-text p{
    text-align: center;
  
    font-family: "Roboto", sans-serif;
    font-size: 0.8rem;
   
  }

  /* .theme-slider-section a{
    margin-right: 0 !important;

  } */


  .viewall-category{
    margin: auto;
    margin-top: 1.5rem;
    background-color: #f9a90b;
    width: fit-content;
    display: block;
    padding: 0.3rem 1rem;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    border-radius: 5px;
    font-size: 1rem;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    transition: 1s;
    
  }

  .viewall-category:hover{
    background-color: #126b8b;
    color: #Fff;
    transition: 1s;
    scale: 1.1;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;

  }


/* all common slider  */




    /* BIRTH slider */
 
    .birth-slider-section{
      padding: 3rem 4rem ;
      position: relative;
   }
  
     /* birth slider */


/* 
     theme slider */

.theme-slider-section{
  padding: 0rem 4rem  3rem 4rem;
  position: relative;
}

/* 
     theme slider */

/* stall slider */

.stall-slider-section{
    padding: 0rem 4rem  3rem 4rem;
    position: relative;
 }

 /* stall slider */

 
/* rides slider */

.rides-slider-section{
    padding: 0rem 4rem  3rem 4rem;
    position: relative;
 }

 /* rides slider */


 /* entertainment slider */

 .entertainment-slider-section{
    padding: 3rem 4rem  3rem 4rem;
    position: relative;
 }

  /* entertainment slider */


   /* logistics slider */
 .logistic-slider-section{
    padding: 0rem 4rem  3rem 4rem;
    position: relative;
 }

  /* logistics slider */


   /* setup slider */
 .setup-slider-section{
  padding: 0rem 4rem  3rem 4rem;
  position: relative;
}

/* setup slider */


    /* branding slider */
 
 .branding-slider-section{
    padding: 0rem 4rem  3rem 4rem;
    position: relative;
 }

   /* branding slider */


   @media (max-width: 850px ) {
    .category-slide {
      width: 31% !important;
    }
    
   }

   @media (max-width: 750px ) {
    .birth-slider-section{
      padding: 0rem 2rem  3rem 2rem;
   }

   .theme-slider-section, .stall-slider-section, .rides-slider-section, .logistic-slider-section,  .setup-slider-section,  .branding-slider-section{
    padding: 0rem 2rem  3rem 2rem;
  }

  .entertainment-slider-section{
    padding: 3rem 2rem  3rem 2rem;
  }


  .swiper-button-prev, .swiper-button-next{
    background-color: #f9a90b !important;
    color: #fff !important;
    top: 45% !important;
    padding: 0.2rem 0.5rem ;
    width: 15px !important ;
    height: 25px !important;
   
  }


  .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 1rem !important;
  }




   }

   @media (max-width: 650px ) {
    .category-slide {
      width: 47% !important;
    }

    .category-slide-text h4{
      font-size: 1rem;
    }
    

    .birth-slider-section h2, .theme-slider-section h2, .stall-slider-section h2, .rides-slider-section h2, .logistic-slider-section h2,  .setup-slider-section h2,  .branding-slider-section h2, .branding-slider-section h2{
      font-size: 1.8rem;
   }
  }

   @media (max-width: 530px ) {
    .category-slide {
      width: 98% !important;
      
    }

    .category-slide-image {
      height: 250px;

    }

    .swiper-button-prev, .swiper-button-next{
      display: none !important;
    }

    .viewall-category{
      background-color: #126b8b;
      color: #Fff;
   }
  }