body {
    font-family: Poppins, sans-serif;
    background: #f8fafc;
}

.sticky
{
    z-index: 200;
}

/*.hero {
    background: linear-gradient(45deg, #252fb3, #0b193d);
}*/

.hero {
background-image: "/resources/Images/greek-chicken-souvlaki-skweres.jpg";
}
.hero img{
animation: float 4s ease-in-out infinite;
}

@keyframes float{
0%{transform:translateY(0px);}
50%{transform:translateY(-12px);}
100%{transform:translateY(0px);}
}

.hero img {
    pointer-events: none;
}

.swiper-slide {
    opacity: 0;
    transition: opacity 0.6s ease;
}

.swiper-slide-active {
    opacity: 1;
    
}

.swiper {
    overflow: hidden;
    z-index: 100 !important;
}
.hero{
height:100vh;
}

.hero::after{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.45);
z-index:1;
}

.heroSwiper .swiper-slide{
position:relative;
}

.heroSwiper img{
top:0;
left:0;
}

.hero{
background:linear-gradient(135deg,#0f172a,#1e293b);
}

.hero img{
transition:transform 0.5s ease;
}

.hero img:hover{
transform:scale(1.05);
}


.slider {
  display: flex;
  transition: transform 0.7s ease-in-out;
}
.slider > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.slider > div.active {
  opacity: 1;
  z-index: 10;
}

.slider h1, .slider p {
  color: white;
}

.drop-shadow-lg {
  text-shadow: 2px 2px 6px rgba(0,0,0,0.7);
}

.card {
    transition: all .25s;
}

.card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 25px 40px rgba(0,0,0,.2);
}

.brand-btn {
    background: #252fb3;
}

.brand-btn:hover {
    background: #0b193d;
}

.badge {
    background: #16a34a;
    color: white;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 20px;
}

.tag {
    background: #e2e8f0;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
}

.section-title {
    font-size: 34px;
    font-weight: 700;
}

.swiper-button-next,
.swiper-button-prev{
z-index:50;
}

.swiper-pagination{
z-index:50;
}

.hero a{
position:relative;
z-index:50;
}