@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Montserrat+Underline:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fleur+De+Leah&family=Marcellus&family=Montserrat+Underline:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fleur+De+Leah&family=Jost:ital,wght@0,100..900;1,100..900&family=Marcellus&family=Montserrat+Underline:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Cormorant:ital,wght@0,300..700;1,300..700&family=Dancing+Script:wght@400..700&family=Fleur+De+Leah&family=Jost:ital,wght@0,100..900;1,100..900&family=Marcellus&family=Montserrat+Underline:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden !important;
    background-color:   #dcecf416;
  
    color: rgb(0, 0, 0);
  
  }


  h6{
    font-family: 'jost' serif;
    line-height: 30px;
    font-size: 18px;
  }
  a{
    text-decoration: none;
  }
  ::selection {
    color: #ffffff;
    background: #74685E;
  }
  
  .background-container {
  
    animation: zoom 10s ease-in-out forwards;
  }
  
  @keyframes zoom {
    0% {
      transform: scale(1);
    }
  
    100% {
      transform: scale(1.1);
    }
  }
  .navbar-nav{
     
      display: flex;
      justify-content: center !important;
      align-items: center !important;
      text-align: center !important;
      padding-left: 0px !important;
    }
  
    a{
        text-decoration: none;
    }
    nav.navbar {
      background-color: #ffffff;
    
      backdrop-filter: blur(0px) !important;
      transition: background .5s !important;
      font-family: "jo", sans-serif;
  font-size: 30px !important;
    font-weight: 300;
      z-index: 1000;
      width: 100%;
  letter-spacing: 1px;
      position: relative;
    
    
    }
    
    li.nav-item a.nav-link {
      color: #000000 !important;
      font-size: 16px !important;
    
    
    
    }
    
    .nav-item {
      margin-top: 25px;
      margin-bottom: 20px;
      text-align: center;
    
    }
    
    a.nav-link:hover {
      transform: scale(1.07);
    
    }
    
    .navbar li a.active {
      color:#000000 !important;
      transform: scale(1.05);
      border-bottom: 1px #000000 solid !important;
      background-color: transparent;
    
    }
    
    
    .dropdown-menu {
      background-color: #ffffff !important;
      color: #000000;
      backdrop-filter: blur(0px) !important;
      transition: background .5s !important;
      border: 1px solid #000000;
      font-family: 'jost' serif;
      font-weight: 400;
      z-index: 100;
      width: 100%;
      text-align: center;
      padding: 10px;
    }
    
    .dropdown-menu .dropdown-item {
      color: rgb(0, 0, 0);
      text-align: left;
    }
    
    .dropdown-menu .dropdown-item:hover {
      background-color: #ffffff;
      border: 1px solid #252525;
      transform: scale(1.02);
      color: rgb(0, 0, 0);
    }

  
 
  #bottone5 {
    align-items: center;
    background-color:#0B1315;
    border: 1px solid #C0A47C;
   margin-top: 10px;
    box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-flex;
    font-family: 'jost' serif;
    font-size: 16px;
    font-weight: 500;
    justify-content: center;
    line-height: 1.25;
    min-height: 3rem;
    padding: calc(.875rem - 1px) calc(1.7rem - 1px);
    text-decoration: none;
    transition: all 250ms;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
    width: auto;
   }
   
   #bottone5:hover,
   #bottone5:focus {
    border-color: #ffffff;
    box-shadow: #ffffff 0 4px 12px;
    color: #ffffff;
   }
   
   #bottone5:hover {
    transform: translateY(-1px);
   }
   
   #bottone5:active {
    background-color: #F0F0F1;
    border-color: #ffffff;
    box-shadow: #ffffff 0 2px 4px;
    color: #ffffff;
    transform: translateY(0);
   }
  

.fadeinleft {
    opacity:0;
    transform: translateX(200px);
    transition: all 1.3s ease-out;
  }
  .fadeinright{
    opacity: 0;
    transform: translateX(-200px);
    transition: all 0.8s ease-out;
  }
  .fadeindown{
    opacity: 0;
    transform: translateY(-100px);
    transition: all 1.2s ease-out;
  }
  .fadeinup{
    opacity: 0;
    transform: translateY(100px);
    transition: all 1.2s ease-out;
  }
  .fade-in{
    opacity:0;
    transition: all 1.3s ease-in;
  }
  .active-left,.active,.active-right,.active-down,.active-up{
    opacity:1;
    transform: translateX(0);
    transform: translateY(0);
  }
  .fadein{
  opacity: 0;
  }

  ::-webkit-scrollbar {
    width: 7px;
  }
  ::-webkit-scrollbar-thumb {
    background: #000000;
  }
  .img-fluid1 {
    height: auto;
      box-shadow: 8px 8px 4px #1C2025;
      max-width: 100%;
    }

    
  /* footer */
  .contact section p {
    color: white;
    text-align: center;
  }
  
  .contact section a {
    text-decoration: none;
    color: inherit;
    transition: .1s;
    border-bottom: 1px solid transparent;
  }
  
  .contact section a:hover {
    border-color: var(--bs-secondary);
  }
  
  
  @media only screen and (min-width: 992px) {
  
    header .navbar .link-btn {
      margin: 0;
      margin-left: auto;
    }
  
    .im-img {
      width: 28%;
    }
  }
  .footer_wrapper {
    background: linear-gradient(0deg, #0B1315, #0B1315), url('image/319148532.jpg') bottom /cover no-repeat , #000000;
    padding: 5% 0 5% 0;
  }
  
  .footer_wrapper h5 {
    color: #ffffff;
    margin-bottom: 1.25rem;
    font-family: 'jost' serif;
    font-weight: 400;
    font-size: 25px;
  }
  
  .footer_wrapper ul li {
    margin-bottom: .5rem;
    list-style: none;
  }
  
  .footer_wrapper .contact-info li a {
    color: rgb(255, 255, 255);
  }
  
  .footer_wrapper .link-widget li a,
  .footer_wrapper p {
    color: rgb(255, 255, 255);
    font-size: 14px;
    padding-left: 1.5rem;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
  }
  
  .footer_wrapper .link-widget li a::before {
    content: '\f105';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0.3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  
  }
  
  .footer_wrapper .link-widget li a:hover {
    margin-left: .625rem;
    color: hsl(0, 0%, 100%);
  }
  
  
  .footer_wrapper .form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: var(--secondary-color);
  }
  
  .footer_wrapper .copyright-section {
    background-color: #000000;
    padding: 1.10rem 0 .3125rem;
    text-align: center;
  }
  
  .footer_wrapper .copyright-section a {
    color: white;
  }
  
  @media (max-width: 767px) {
    .footer_wrapper>div {
      padding: 0 1.875rem;
    }
  }
  
  .con{
    padding-left: 80px;
  }  @media only screen and (max-width: 901px) {
    .con{
        padding-left: 0px !important;
      } 

  }
  .footer_wrapper .social-network a {
    width: 2.1875rem;
    height: 2.1875rem;
    margin: .5rem;
    line-height: 2rem;
    font-size: .975rem;
    display: inline-block;
    border: .125rem solid #ECC547;
    color: var(--text-gray);
    text-align: center;
    border-radius: 100%;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .footer_wrapper .social-network a:hover {
    background-color: rgba(0, 0, 0, 0.233);
    border-color: var(--secondary-color);
    color: var(--text-white);
    box-shadow: 0 .625rem .9375rem 0 rgb(0 0 0 / 10%);
    transform: translateY(-0.1875rem);
    border: .125rem solid #ffffff;
  }




  .swiper{
    height: 700px;
  
  z-index: 1 !important;
  
  }
  
  .slide-caption{
    padding-top:12%;
     /* text-align: center !important;
     justify-content: center !important; */
     align-items: center !important;
   }
   .slide-caption h6{
    margin-bottom: 0px !important;
    font-family: "Playfair Display", serif;
    text-transform: capitalize !important;
    font-weight: 400 !important;
    color: white !important;
   }
   .slide-caption h1{
  
     text-transform: capitalize !important;
 
     font-size: 80px !important;
     margin-top: 0px !important;
   
   font-weight: 700;
     color: #ffffff ;
     font-family: "Open Sans", sans-serif;

     
   }
   .slide-caption h4{
font-size: 40px;
 
    font-family: "Fleur De Leah", cursive;
    
    
  }
   .banner_wrapper .swiper-pagination-bullets .swiper-pagination-bullet {
     width: .9375rem;
     height: .9375rem;
     background-color: #CDA45E;
     border: .0625rem solid #ffffff;
     margin-bottom: 50px;
   }
   .sticky{
    position: fixed;
    top: 0;
    z-index: 10!important;
    background: #CDA45E!important;
  
    box-shadow: none!important;
    width: 100%;
  }
  
  .container{
    width:100% !important;
  }
  .parallax_wrapper{
    position:relative;
 
}




/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about {
    background-color: #0B1315;
    /* background: url('image/category_bg.jpg') ;
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply; */

    position: relative;
    padding-top: 70px;
    padding-bottom: 70px;
   
  }
  .about  h4{
    font-weight: 700;
    color: #ffffff ;
    font-family: "Open Sans", sans-serif;
    font-size: 40px;
  }
  .about  h6{
    font-size: 30px;
 color: #ffffff;
    font-family: "Fleur De Leah", cursive;
  }


  @keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    50% { transform: translateX(5px); }
    75% { transform: translateX(-5px); }
    100% { transform: translateX(0); }
}

.shake-image {
    animation: shake 3s infinite; /* 2 sekonda për një lëvizje më të ngadaltë */
}
.shake-image:hover {
    animation: shake 2s infinite;
}


.image-wrapper {
    position: relative; /* Për pozicionim të efektit dekorativ */
    overflow: hidden; /* Siguron që përmbajtja e fotos të qëndrojë brenda kornizës */
    border-radius: 20px; /* Qoshe të rrumbullakosura */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); /* Hije e butë për thellësi */
    border: 5px solid #e6e6e6; /* Kornizë e hollë elegante */
}

.styled-image {
    transition: transform 0.5s ease, filter 0.5s ease; /* Animacion elegant */
    filter: grayscale(20%) brightness(95%); /* Stili fillestar i fotos */
}

.image-wrapper:hover .styled-image {
    transform: scale(1.1); /* Zmadhim i butë në hover */
    filter: grayscale(0%) brightness(100%); /* Rikthim i ngjyrave natyrale */
}

.image-wrapper:before {
    content: ''; /* Element dekorativ */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.1));
    z-index: 1;
    pointer-events: none; /* Siguron që të mos bllokohet hover-i */
    transition: opacity 0.5s ease;
    opacity: 0;
}

.image-wrapper:hover:before {
    opacity: 1; /* Aktivizimi i gradientit në hover */
}


/* --------------------- */


.column {
    padding: 10px; /* Për hapësirë mes kolonave */
    flex: 1; /* Fleksibilitet për ndarje të barabartë */
}

/* Seksioni i Imazhit */
.image-section1 {
    flex: 1 1 45%; /* Zë 45% të gjerësisë */
}

.image-section1 img {
    width: 80%;
    border-radius: 15px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
}

/* Seksioni i Informacionit */
.info-section {
    flex: 1 1 50%; /* Zë 50% të gjerësisë */
    display: flex;
    flex-direction: column; /* Organizim në kolonë */
    gap: 20px; /* Hapësirë mes rreshtave */
}

.info-box {
    background: rgba(255, 255, 255, 0.05);
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.info-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}

.info-box .icon {
    font-size: 2rem;
    margin-bottom: 10px;
}

.info-box h3 {
    margin: 10px 0;
    font-size: 1.5rem;
    color: #ffdd57;
}

.info-box p {
    font-size: 1rem;
    line-height: 1.5;
    color: #c0c0c0;
}

.info-box a {
    display: inline-block;
    margin-top: 10px;
    color: #ffdd57;
    text-decoration: none;
    font-weight: bold;
}

/* Për media query për telefona */
@media (max-width: 768px) {
    .row {
        flex-direction: column; /* Të gjithë elementët në kolonë */
    }

    .image-section1, .info-section {
        flex: 1 1 100%; /* Zë gjithë gjerësinë në telefona */
    }
}



.Slogan .bg{
    background: url('image/2.jpg')rgba(0, 0, 0, 0.692);
    background-attachment: fixed;
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    height:400px;
  }
  .nnn{
    display: flex;
    justify-content: center;
    text-align: center;
   padding-top: 130px;
   font-family: "Cormorant Garamond", serif;
    color: white;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 40px;
  
  }

  .Menu-element-border1 {
    position: relative;
    z-index: 2;
    background-color: transparent;
}
.menu-section h2{
    position: relative;
    padding: 0 5px;
color: white ;  
background-color:#0B1315;
    z-index: 2 !important;
    font-size: 17px !important;

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
 .line-menu1{
    position: absolute;
    border-bottom: #ffffffa1 2px dotted;
    width: 100%;
    z-index: 0 !important;
    bottom: 16px;
}
.font1{
    font-family: "Playfair Display", serif;
}  


 
  /*--------------------------------------------------------------
# Gallery
--------------------------------------------------------------*/
.gallery .gallery-item {
    overflow: hidden;
    border-right: 3px solid #CDA45E;
    border-bottom: 3px solid #CDA45E;
  }
  
  .gallery .gallery-item img {
    transition: all ease-in-out 0.4s;
  }
  
  .gallery .gallery-item:hover img {
    transform: scale(1.1);
  }
  .gallery{
    background: url('image/category_bg.jpg') ;
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;

    position: relative; 

}



@media screen and (max-width: 991px) {
    .swiper{
        height: 600px;
      
      }

      .slide-caption h1{
        font-size: 50px !important;
      }
      .vv{
        margin-left: 0px !important;
      }
      .slide-caption h4{
        margin-top: 100px;
      }
      .shake-image{
        display: none !important;
      }
      .image-wrapper{
        margin-top: 30px;
      }
      .image-section1 img {
        width: 140%;
      }
      .image-section1{
        display: none !important;
      }
      .info-box{
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 20px !important;
      }
      .nnn{
        font-size: 30px !important;
      }
      .ll{
        margin-top: 20px;
      }
      .ww{
        margin-bottom: 20px;
      }
      .tto{
        margin-top: 20px;
      }
      .pp{
        padding-top: 0px !important;
      }
}




             

.menu-bg1{
    background: url('image/menu-08.png') rgba(0, 0, 0, 0.719);
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    height: 50vh;
    position: relative;
  

  }
  .bg01{
    text-align: center;
    font-family: "Forum", serif;
    font-weight: 500;
     font-size: 45px;
    
     padding-top: 150px;
     text-shadow: 1px 1px 1px #ffffff;
    letter-spacing: 2px;
     
      }
      @media(max-width:990px){
    
        .bg01{
           font-size: 45px !important;
           padding-top: 150px !important;
        }
        .t7{
          font-size: 50px !important;
        }
        .aboutus-title{
          font-size: 60px !important;
        }
        .about-row{
          padding-left: 0px !important;
          padding-right: 0px !important;

        }
      }
  
      .about-bg1{
        background: url('image/4.jpg') rgba(0, 0, 0, 0.568);
        background-attachment: fixed;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: multiply;
        height: 50vh;
        position: relative;
      
      }
      .gallery-bg1{
        background: url('image/2.jpg') rgba(0, 0, 0, 0.568);
        background-attachment: fixed;
        background-position:bottom;
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: multiply;
        height: 50vh;
        position: relative;
      
       
      }

      .contact-bg1{
        background: url('image/Screenshot\ 2024-12-06\ 094130.jpg') rgba(0, 0, 0, 0.568);
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: multiply;
        height: 50vh;
        position: relative;
      
       
      }


      .cover-bg{
        background: url('../image/category_bg.jpg') rgba(0, 0, 0, 0.705);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-blend-mode: multiply;
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: center;
        color: white;
      }
      
      .menul{
        background: url('../image/99.jpg') ;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-blend-mode: multiply;
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: center;
       
      }
      .menull{
        background: url('../image/hero-bg (2).jpg') ;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-blend-mode: multiply;
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: center;
       
      }
      .menulll{
        background: url('../image/food-menu.png') ;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-blend-mode: multiply;
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: center;
       
      }
      .menu1{
        font-family:  "Cormorant", serif;
      }
      
      .menu2{
        font-family: "Cormorant", serif;
      }
      .menu01 h4{
        font-family: "Cormorant", serif;
        color: #000000;
        font-weight: 700;
      }

 @media screen and (max-width: 991px) {
       
 .special-row {
      display: flex;
      flex-direction: row; /* Rresht horizontal */
      justify-content: space-between; /* Në dy skaje */
      align-items: center; /* Vertikalisht në qendër */
  }
  .special-row .col-lg-9, .special-row .col-lg-3 {
      flex: 0 0 auto; /* Ruajtja e gjerësisë së përmbajtjes */
      width: auto; /* Përmasat përshtaten sipas përmbajtjes */
      text-align: left; /* Teksti në të majtë */
  }
}
       /* Stili default për desktop */
       .special-row {
        display: flex;
        justify-content: space-between; /* Hapësirë mes elementeve */
        text-align: left; /* Qendra vertikale */
      }
      #about0{
        background: url('../image/category_bg.jpg');
        background-size:cover;
        background-position:bottom;
        background-repeat: no-repeat;
        padding-bottom: 0px;
        /* border-radius: 20px; */
      
        
      }
      
      .card-content{
          background: rgb(255,66,66);
          background: linear-gradient(122deg, rgba(255,66,66,1) 0%, rgba(115,0,0,1) 100%);
      border-radius: 5px;
      }
      

      


      /* Stilizimi i përgjithshëm i butonave */
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel .owl-nav button.owl-next {
    background-color: #ECC74D; /* Ngjyra e sfondit */
    color: #0B1315; /* Ngjyra e ikonës ose tekstit */
    border: none; /* Hiq kornizën */
    border-radius: 50%; /* Forma rrethore */
    width: 40px; /* Gjerësia e butonit */
    height: 40px; /* Lartësia e butonit */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px; /* Madhësia e ikonës ose tekstit */
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease; /* Efekt smooth për ndryshime */
}

/* Efekti kur mouse qëndron mbi buton */
.owl-carousel .owl-nav button.owl-prev:hover, 
.owl-carousel .owl-nav button.owl-next:hover {
    background-color: #ffffff; /* Ngjyra kur është në hover */
    color: #ECC74D; /* Ngjyra e ikonës kur është në hover */
}

/* Pozicioni i butonave */
.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -50px; /* Pozicioni nga e majta */
    top: 50%; /* Qendra vertikale */
    transform: translateY(-50%); /* Rregullim për qendrim */
}

.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -50px; /* Pozicioni nga e djathta */
    top: 50%; /* Qendra vertikale */
    transform: translateY(-50%); /* Rregullim për qendrim */
}

/* Heqja e tekstit default të butonave */
.owl-carousel .owl-nav button.owl-prev::after,
.owl-carousel .owl-nav button.owl-next::after {
    content: ""; /* Hiq tekstin default */
}

/* Ikonat me font-awesome (opsionale) */
.owl-carousel .owl-nav button.owl-prev::before {
    content: "\f104"; /* Ikona Font Awesome e majtë */
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
}

.owl-carousel .owl-nav button.owl-next::before {
    content: "\f105"; /* Ikona Font Awesome e djathtë */
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
}