.swiper {

   width: 100%;

   height: 100%;

}



.swiper-slide {

   text-align: center;

   font-size: 18px;

   background: #fff;

   display: flex;

   justify-content: center;

   align-items: center;

}



.swiper-slide img {

   display: block;

   width: 100%;

   height: 100%;

   object-fit: cover;

}



.section-margin {

   margin-top: 5rem;

}



.section-padding {

   margin-top: 5rem;

   padding: 5rem;

}



.text-wrap-1,

.text-wrap-2,

.text-wrap-3,

.text-wrap-4 {

   overflow: hidden;

   text-overflow: ellipsis;

   display: -webkit-box;

   -webkit-box-orient: vertical;

}



.text-wrap-1 {

   -webkit-line-clamp: 1;

}



.text-wrap-2 {

   -webkit-line-clamp: 2;

}



.text-wrap-3 {

   -webkit-line-clamp: 3;

}



.text-wrap-4 {

   -webkit-line-clamp: 4;

}



.rest-banner-container {

   padding-top: 66px;

}



.rest-banner {

   height: 400px;

   position: relative;

}



.rest-banner::after {

   position: absolute;

   content: '';

   top: 0;

   left: 0;

   right: 0;

   bottom: 0;

   background-color: rgba(0, 0, 0, 0.5);

   z-index: 0;

}



.rest-banner img {

   height: 100%;

   width: 100%;

   object-fit: cover;

}



.rest-banner-content {

   position: absolute;

   top: 0;

   left: 0;

   right: 0;

   bottom: 0;

   display: flex;

   align-items: center;

   justify-content: center;

   z-index: 1;

}



.rest-banner-content h2 {

   font-size: 5rem;

   color: #fff;

   text-transform: uppercase;

   opacity: 0.5;

   text-align: center;

   font-family: 'stencil_stdbold';

}



.navbar-background {

   background-color: aliceblue;

}



.primary-btn {

   padding: 12px 20px;

   text-transform: uppercase;

   background-color: var(--primary-color) !important;

   font-size: 14px;

   border-radius: 0;

   font-weight: 500;

}