/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 14-Nov-2022, 9:30:54 pm
    Author     : Vaibhavi
*/
/*Caterer Images*/
@media screen and  (min-device-width:910px) and (max-device-width: 1920px)
{
html {
  scroll-behavior: smooth;
}
.banner_text_m_mob
{
    display:none;
}
 .banner_text_mob
{
    display:none;
}
.banner_text 
    {
        position: absolute;
        margin-top: 10%;
        margin-left: 8%;
        font-size: 35px;
        color: white;
        width: 100%;
        font-family: 'roboto flex', sans-serif !important;
       
        text-shadow: 2px 3px 4px black;
        /*background-color: #164ab1bf;*/
        border-radius: 8px;
    }
    
    .banner_text_m
    {
        position: absolute;
        margin-top: 18%;
        margin-left: 8%;
        font-size: 35px;
        color: white;
        width: 100%;
        font-family: 'arya', sans-serif !important;
       
        text-shadow: 2px 3px 4px black;
        /*background-color: #164ab1bf;*/
        border-radius: 8px;
    }
     .banner_img_m
     {
         display:none;
     }
    .banner_img 
    {
        display: block;
        position: relative;
        margin-top:1%;
    }
    .banner_img img
    {
        
        width: 100%;
        margin-top:8%;
    }
.caterer-images_vert
{
    display:none;
}
.caterer-images {
  position: relative;
  display: flex;
  justify-content: center;
}
.catering_image {
        width: 100%;
        padding: 2%;
    }
    
.catering_image img:hover {
  -ms-transform: scale(1.5); 
  -webkit-transform: scale(1.5);
  transform: scale(1.5); 
}
.caterer-thumbnails {
    margin: 0 16px;
    display: flex;
    grid-auto-flow: column;
    padding: 0 0.25rem;
    overflow-y: auto;
    opacity: 0.7; 
    cursor: pointer; 
    margin-left: 8.33%;
}

.decorate-thumbnails {
    margin: 0 16px;
    display: flex;
    grid-auto-flow: column;
    padding: 0 0.25rem;
    overflow-y: auto;
    opacity: 0.7; 
    cursor: pointer; 
    margin-left: 8.33%;
}

.decorate-thumbnails img:hover {
  -ms-transform: scale(1.5); 
  -webkit-transform: scale(1.5);
  transform: scale(1.5); 
}



.decorate-thumbnails::-webkit-scrollbar {
    display: none;
}

.img_thumb img {
    width: 150px;
    height: auto;
    object-fit: contain;
    transition: transform .3s;
    margin-top: 3%;
    margin-bottom: 5%;
    padding: 10%;
}

.caterer-thumbnails img:hover {
  -ms-transform: scale(1.5); 
  -webkit-transform: scale(1.5);
  transform: scale(1.5); 
}


.caterer-thumbnails::-webkit-scrollbar {
    display: none;
}



.image_group{
    column-count: 5;
    width:80%;
    margin-left: 10%;
}

.caterer-slides{
    margin: 20px;
    display: flex;
    grid-auto-flow: column;
    padding: 0 0.25rem;
    overflow-y: auto;
    opacity: 0.8; 
    cursor: pointer; 
}

.caterer-slides img{
    height: auto;
    object-fit: contain;
    margin: auto;
    
}
.caterer-slides::-webkit-scrollbar {
    display: none;
}
.img_c {
    display: flex;
}

.img_d {
    display: flex;
}


/*food Images*/


.food-images {
  position: relative;
  display: flex;
  justify-content: center;
}

.food-thumbnails {
    margin: 0 16px;
    display: flex;
    grid-auto-flow: column;
    padding: 0 0.25rem;
    overflow-y: auto;
    opacity: 0.8; 
    cursor: pointer; 
    
}

.food-thumbnails img {
    width: 15%;
    height: auto;
    object-fit: contain;
    transition: transform .3s;
    margin-top: 5%;
    margin-bottom: 5%;
    
}

.food-thumbnails img:hover {
  -ms-transform: scale(1.5); 
  -webkit-transform: scale(1.5);
  transform: scale(1.5); 
}
.food-slick-dots {
    bottom: -25px;
}
    
.food-thumbnails::-webkit-scrollbar {
    display: none;
}



.heading{
    display: flex;
    
    background-color: #fec240;

}
.food-slides{
    margin: 0 16px;
    display: flex;
    grid-auto-flow: column;
    padding: 0 0.25rem;
    overflow-y: auto;
    opacity: 0.8; 
    cursor: pointer; 
}

.food-slides img{
    height: auto;
    width: 80%;
    object-fit: contain;
    margin: auto;
    
}
.food-slides::-webkit-scrollbar {
    display: none;
}
.img_f {
    display: flex;
}
.img_thumb
{
    width: 100%;
}

.thumb_window
{
    display: flex;
    overflow-y: hidden;
}
.thumb_window::-webkit-scrollbar {
    display: none;
}
}