@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
html, body {
    width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
        overflow-x: hidden !important;
    }
  .navbar li a{
    margin:1px 19px!important;
    font-family: "Josefin Slab", serif;
font-size:20px !important;
      color: #FAEFDF!important;
  }
body {
  background: #ffffff;
  font-family: "Cormorant Upright", serif;
  font-weight: 400;
  line-height: 28px;
}
::-webkit-scrollbar {
  width: 9x;
  border-radius: 50%;
}
::-webkit-scrollbar-thumb {
  background: #084f1b;
}
 /* Optional custom styles */
 .nav-link.dropdown-toggle {
  cursor: pointer;
}
.dropdown-item{


}

.dropdown-item:hover {
  background-color: #101011;
  color: #000;
}

a {
  color: inherit;
  text-decoration: none;
}

.flex {
  display: flex;
}
p{
    color: rgb(0, 0, 0);
    font-family: "Marcellius",serif;
}
.navbar {
  background: linear-gradient(90deg, #094040 0%, #094040 100%) !important;
}
header .navbar ul li .nav-link.active {
  color: #E0E7E9;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
 
  background-size: 100%;

}

.navbar-toggler {
  border-color: #ffffff !important;
  background-color: #094040;
}

.container .link-btnn,
.link-btnn {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #d7bd69;
  padding: 0 20px;
  font-size: 18px;
  line-height: 48px;
  color: #094040;
  cursor: pointer;
  z-index: 5;
  transition: all 0.4s ease-out 0s;
  background-color: #FAEFDF;
  box-shadow: 0px 5px 16px 0px #747069;
  font-family: "Belleza", serif;
}

.hover-underline {
  position: relative;
  max-width: max-content;
}
.hover-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  border-block: 1px solid white;
  transform: scaleX(0.2);
  opacity: 0;
  transition: var(--transition-2);
}

.hover-underline:is(:hover, :focus-visible)::after {
  transform: scaleX(1);
  opacity: 1;
}
.link-btnn:hover {
  background-color: #ffffff;
  color: rgb(0, 0, 0);
  border-color: var(--gold) 1px;

}

#bottone5 {
  align-items: center;
  background-color: #094040;
  border: 1px solid #e4c281;
 
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
  box-sizing: border-box;
  color: #e4c281;
  cursor: pointer;
  display: inline-flex;
  font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  line-height: 1.25;
  min-height: 3rem;
  padding: calc(.875rem - 1px) calc(1.5rem - 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: #C0AB96;
  box-shadow: #C0AB96 0 4px 12px;
  color: #ffffff;
 }
 
 #bottone5:hover {
  transform: translateY(-1px);
 }
 
 #bottone5:active {
  background-color: #F0F0F1;
  border-color: #C0AB96;
  box-shadow: #C0AB96 0 2px 4px;
  color: #C0AB96;
  transform: translateY(0);
 }


 #bottone6
  {
  align-items: center;
  background-color: #8B5E47;
  border: 1px solid #8B5E47;
 
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.85);
  cursor: pointer;
  display: inline-flex;
  font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  line-height: 1.25;
  min-height: 3rem;
  padding: calc(.875rem - 1px) calc(1.5rem - 1px);
  text-decoration: none;
  transition: all 250ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  width: auto;
 }
 
 #bottone6:hover,
 #bottone6:focus {
  border-color: #C0AB96;
  box-shadow: #C0AB96 0 4px 12px;
  color: #ffffff;
 }
 
 #bottone6:hover {
  transform: translateY(-1px);
 }
 
 #bottone6:active {
  background-color: #F0F0F1;
  border-color: #C0AB96;
  box-shadow: #C0AB96 0 2px 4px;
  color: #C0AB96;
  transform: translateY(0);
 }

.container .navbar .link-btnn {
  padding: .4rem 1.3rem;
}

/* KSLASAT E FONTEVE */
.font0{
  font-family: "Cormorant Infant", serif;
  font-weight: 300;
  font-size: 80px !important;
}
.font01{
  font-family: "Cormorant Infant", serif;
  font-weight: 300;
  font-size:50px !important;
  color: chocolate;
}
.font02{
  font-family: "Cormorant Infant", serif;
  font-weight: 300;
  font-size:20px !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.about77{
  font-family: "Cormorant Infant", serif;
  font-weight: 300;
  font-size:50px !important;
  color: #5A5C48;
}
.sectionpes{
    padding-top: 100px !important;
    padding-bottom:50px !important;
}
.sectionpez{
    padding-top:50px !important ;
    padding-bottom: 100px !important;
}

.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, rgba(0, 0, 0, 0.877), rgba(0, 0, 0, 0.651)), url('img/livingroom4.jpg') center/cover no-repeat , #00000042;
  padding: 5% 0 5% 0;
}

.footer_wrapper h5 {
  color: #ffffff;
  margin-bottom: 1.25rem;
}

.footer_wrapper ul li {
  margin-bottom: .5rem;
  list-style: none;
}

.footer_wrapper .contact-info li a {
  color: white;
}

.footer_wrapper .link-widget li a,
.footer_wrapper p {
  color: white;
  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(56, 78%, 39%);
}


.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: rgb(255, 255, 255);
}

@media (max-width: 767px) {
  .footer_wrapper>div {
    padding: 0 1.875rem;
  }
}





@media (max-width:800px) {

  .container .link-btn,
  .link-btn {
    display: inline-block;
    font-weight: 400;
  
    border: 1px solid#1E323D;
    padding: 0 25px;
    font-size: 12px;
    line-height: 35px;


  }
  .none{
    display: none;
  }
  .imi{
    box-shadow: none !important;
  }
}
.bg-images {
  background: rgba(0, 0, 0, 0.8);
  background-position: center;
  background-size: cover;
  height: 60vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.gallary img {
  width: 270px;
}

.flex1 {
  display: flex;
  justify-content: space-between;
}





 .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;
}



.carousel-caption {
    top: 30%;
}

.c-item {
    height:900px;
    
}

.c-img {
    height:900PX;
    object-fit: cover;
     filter: brightness(48%); 
    background-position:unset !important ;
    background-repeat: no-repeat !important;
    background-size:contain !important;
    background-blend-mode: none !important;
 
}



  @media screen and (max-width: 300px) {
    .carousel-caption h1 {
      font-size: 30px;
    }
  }
  @media screen and (max-width: 767px) {
    .c-item {
     height: 600px;
    }
    .info-box {
      padding: 20px !important;
    }
    .info-box1{
      padding: 20px !important;
    }
  }

    .section-title h1{
        text-align: center;
        font-size: 4.2rem;
        padding-top:13%;
        letter-spacing: 10px;
        color: #ffffff;
        letter-spacing: 3px;
        font-family: "Abril Fatface", serif;
      font-weight: 400;
      font-style: normal;
      }
      .section-title p{
        text-align: center;
      
        padding-bottom:3%;
        letter-spacing: 10px;
        color: #fcfcfc;
        letter-spacing: 3px;
        font-family: "Abril Fatface", serif;
      font-weight: 400;
      font-style: normal;
      }
      @media(max-width: 990px){
      
      .section-background, .section-background1, .section-background2 ,.section-background3,.section-background4{
         height: 500px;
      }
      .section-title h1{
         padding-top: 50%;
         font-size: 40px !important;
      }
      }

       @media(max-width:767px )

       {
        .cover-bg h1 {
            font-size: 20px !important;
        }
       }
      .test {
      
        padding-top: 100px !important;
        padding-bottom: 100px !important;
      }
    
      .section-background{
        background: url('img/Screenshot 2024-05-24 101725.jpg')  rgba(20, 19, 19, 0.603) ;
    
        background-position:center;
        background-size: cover;
        background-repeat: no-repeat;
        background-blend-mode: multiply;
        height: 600px !important;
        
      }
      .section-background2{
        background: url('img/6.jpg')  rgba(20, 19, 19, 0.329) ;
    
        background-position:center;
        background-size:cover;
        background-repeat: no-repeat;
        background-blend-mode: multiply;
        height: 600px !important;
        
      }
      
      .section-background3{
        background: url('img/apt2.jpg')  rgba(20, 19, 19, 0.329) ;
    
        background-position:center;
        background-size: cover;
        background-repeat: no-repeat;
        background-blend-mode: multiply;
        height: 600px;
        
      }
      .section-background4{
        background: url('img/apt25.jpg')  rgba(20, 19, 19, 0.329) ;
    
        background-position:center;
        background-size: cover;
        background-repeat: no-repeat;
        background-blend-mode: multiply;
        height: 600px;
        
      }


/* CSS for hover effect */
.room-description {
    opacity: 0.8; /* Initial opacity */
    transition: opacity 0.3s ease; /* Smooth transition */
  }
  
  .room-description:hover {
    opacity: 1; /* Change opacity on hover */
    background-color: #f4f7f828;
  }
 
  .abouthome p{
    font-family: "Marcellus", serif;
color: #000000;
  }
  .abouthome {
    background-color: #FFFFFF;
  }

  .about_wrapper {
    padding-top: 100px;
    padding-bottom: 50px;
}

   
@media(max-width:990px){
    
  .bg01{
     font-size: 40px !important;
  }
.room4 {
  font-size: 25px !important;
}
.room21 {
  font-size: 15px !important;
}
.carousel-caption p{
  font-size: 12px;


}

.font05{
font-size: 25px !important;
}
.txt1{
  font-size: 15px !important;
}
.banner9{
  font-size: 32px !important;
}
.font25{
  font-size: 30px !important;

}
}
       
.home1 {
    padding: 0;
  }
  .home1 .slide {
    min-height: 35vh;
    background-size: cover !important;
    background-position: center !important;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.2);
    border: 3px solid #ffffff;
  }
  .swiper-button-next,
  .swiper-button-prev {
    height: 3rem;
    width: 3rem;
    line-height: 3rem;
    background: transparent;
    color: white;
  }
  .swiper-button-next:hover,
  .swiper-button-prev:hover {
    background: transparent;
    color: white;
  }
  .swiper-button-next::after,
  .swiper-button-prev::after {
    font-size: 1rem;
  }
 

  .swiper-button-next,
  .swiper-button-prev {
    height: 3rem;
    width: 3rem;
    line-height: 3rem;
    background: transparent;
    color: white;
  }
  .swiper-button-next:hover,
  .swiper-button-prev:hover {
    background: transparent;
    color: white;
  }
  .swiper-button-next::after,
  .swiper-button-prev::after {
    font-size: 1rem;
  }
    /*ABOUT SECTION HOME */
    .location-box{
      background-color: #094040;
      width: 30%;
      border: 4px solid #dcd926;
      text-align: center;
      padding: 2%;
      border-radius: 50%;
      margin-top: -220px;
      margin-left: -80px;
      position: relative;
      z-index: 100;
      border-style: double;
  }
#home-about{
  padding-top: 50px;
  padding-bottom: 100px !important;
}
  /* ROOMS HOME */

.room-box{
  padding: 10px !important
}


.room-card{
  border-radius: 0px!important;

}


.room-2-btn{
  background-color: #252525;
  width: 100%;
  color: white;padding: 13px 0;
  border-radius: 0px;
}

.room-card:hover .room-2-btn{
  background-color: #ca8e46;
  color: white;
}

.room-card:hover{
  box-shadow:5px 5px #ca8e46 ;
  transition-duration: 0.3s;
}
.room-1{
  width: 400px !important;
  height: 300px !important;
}

.restaurant{
  background: url('../img/zbukurim.jpg') rgba(0, 0, 0, 0.582) ;
background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  padding-top: 100px;
  padding-bottom: 100px;
}
.info-box{
  background: rgba(255, 255, 255, 0.841);
  padding: 50px;
}
.info-box1{
  background: #094040;
  padding: 50px;
}
.in{
  padding: 20px !important;
}
.about-left-bottom-box {
  border-left: 4px solid #094040; /* Adjust the width and color as needed */
  padding-left: 15px; /* Add padding to create space between the border and the content */
}

.testimonials

{
  position: relative;background-repeat: no-repeat;background-size: cover;padding:50px 0;font-family:'Poppins', sans-serif}
.testimonials::before{
  content:'';position: absolute;right:0;left:0;top:0;bottom:0;background:#5a5c4858;}
.testimonials .title {
  text-align: center;margin-bottom: 50px;position: relative;padding: 20px 0;max-width: 600px;margin: 0 auto;}
.testimonials .title h5 {
  color: #094040;line-height: 1.2em;font-size: 18px;font-weight: 900;margin-bottom: -3px;}
.testimonials .title h2 {
  color: #5A3733;line-height: 1.2em;font-weight: 900;font-size: 41px;letter-spacing: -1px;margin:0}
.testimonials .title img {
  margin-top: -10px;}
.testimonials .title p {
  margin: 0 0 10px;margin-bottom: 0;color: #5A3733;}
.testimonials .testi .item {
  background: #D2CABB;padding: 50px 30px;border-radius:15px;}
.testimonials .testi .item .profile {
  display:flex;padding-left: 15px;}
.testimonials .testi .item .profile img {
  border-radius: 100%;width:50px;height:50px;object-fit:cover}
.testimonials .testi .item .profile .information {
  padding-left:20px;margin-bottom:15px}
.testimonials .testi .item .profile .information .stars i {
  color:#edd446}
.testimonials .testi .item .profile .information p {
  font-size: 24px;margin: 0px auto 0px;color: #5A3733;font-weight: 900;line-height: 1;}
.testimonials .testi .item .profile .information span {
  color: #EB6D2F;font-weight: bold;margin-top: -4px;line-height: 1.6em;font-size: 14px;}
.testimonials .testi .item>p {
  margin-bottom: 15px;font-size: 16px;line-height: 1.6em;display: block;z-index: 2;font-style: italic;color: #5A3733;text-align: center;}
.testimonials .testi .item .icon {
  text-align: center;}
.testimonials .testi .item .icon i {
  font-size: 32px;color: #FFD832;}
  .home1 {
    padding: 0;
  }
  .home1 .slide {
    min-height: 45vh;
    background-size: cover !important;
    background-position: center !important;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1;
    background-color: #0E1927;
    border: 3px solid #0E1927;
  }
  .swiper-button-next,
  .swiper-button-prev {
    height: 3rem;
    width: 3rem;
    line-height: 3rem;
    background: transparent;
    color: white;
  }
  .swiper-button-next:hover,
  .swiper-button-prev:hover {
    background: transparent;
    color: white;
  }
  .swiper-button-next::after,
  .swiper-button-prev::after {
    font-size: 1rem;
  }
  
  .room21{
    font-weight: 500;
    font-family: 'Gilda Display', serif;
    font-size: 30px;
  }
  .room22{
    font-weight: 400;
    font-family: 'Gilda Display', serif;
    font-size: 20px;
    letter-spacing: 2px;
  }
  .room4{
    font-weight: 500;
    font-family: 'Gilda Display', serif;
    font-size: 30px;
    letter-spacing: 2px;
  }
  .contact-info {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(200, 200, 200, 0.6);
  }
  .contact-info .item {
    border-right: 1px solid rgba(200, 200, 200, 0.6);
  }
  .contact-info .item .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #5A5C48;
    margin: 0 auto 25px;
    width: 70px;
    height: 70px;
    min-width: 70px;
    border-radius: 50%;
  }
  .contact-info .item .icon i {
    color: #FAEFD5;
    font-size: 26px;
  }
  .contact-info .item h5 {
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 14px;
    font-family: 'Gilda Display', serif;
    color: #000000;
    height: 400;
  }
  .contact-info .item p {
    margin-bottom: 2px;
    font-family: 'Gilda Display', serif;
  }
  /* Media query for small devices (portrait tablets and large phones, 600px and below) */
@media (max-width: 600px) {
  .font0 {
    font-size: 40px !important;
  }

  .font01 {
    font-size: 25px !important;
  }
}

/* Media query for medium devices (landscape tablets, 600px to 1024px) */
@media (min-width: 601px) and (max-width: 1024px) {
  .font0 {
    font-size: 60px !important;
  }

  .font01 {
    font-size: 35px !important;
  }
}

/* Media query for large devices (laptops/desktops, 1025px and up) */
@media (min-width: 1025px) {
  .font0 {
    font-size: 80px !important;
  }

  .font01 {
    font-size: 50px !important;
  }
}

/* Media queries */
@media (max-width: 991px) {
  .contact-info {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(200, 200, 200, 0.6);
  }
  .contact-info .item {
    border-right: 1px solid rgba(200, 200, 200, 0.6);
  }
  .contact-info .item .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #03658C;
    margin: 0 auto 25px;
    width: 70px;
    height: 70px;
    min-width: 70px;
    border-radius: 50%;
  }
  .contact-info .item .icon i {
    color: #ffffff;
    font-size: 26px;
  }
  .contact-info .item h5 {
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 14px;
    font-family: Forum, serif;
    color: #000000;
    height: 400;
  }
  .contact-info .item p {
    margin-bottom: 2px;
    font-family: Forum, serif;
  }
  .room22{
    font-family: "Forum", serif;
  }
.start
{
    font-family: "Forum", serif;
  }
  @media screen and (max-width: 991px) {

  .contact-info {
  display: unset !important;
  border-bottom: none !important;
  }
  .contact-info .item {
  width: 100%;
  border-right: none;
  border-bottom: 1px solid rgba(200, 200, 200, 0.6);
  padding-bottom: 40px;
  margin-bottom: 40px;
  }
}
  
  }
      /* Media Queries for responsiveness */
  @media (max-width: 992px) {
    .navbar-nav .dropdown-menu {
      position: static;
      float: none;
    }

    .dropdown-menu.show {
      display: block;
    }
  }

  @media (max-width: 768px) {
    .list-group .dropdown-menu {
      position: static;
      float: none;
    }

    .list-group .dropdown-menu.show {
      display: block;
    }
  }