@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
     --theme-color: #ac455b; 
   /* --theme-color: #c49d72;*/
    --theme-hover-colour:#f5d7b7;   
    }


    

body{
    font-family: "poppins", serif;
     font-weight: 300; 
}

.img-fluid{
  object-fit: cover;
}

.h-80{
  height: 35vh;
}

.logo{
    height: 40px;
    width: 150px;
}

.theme-heading{
    color: var(--theme-color);
}
.menu-avatar{
    height: 400px;
    object-fit: cover;
    width: 100% !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.menu-avatar:hover {
  transform: scale(0.9); 
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); 
}
.custom-btn {
    background-color:var(--theme-color); 
    color: #fff; 
    border: var(--theme-color);
}

.custom-btn:hover {
    background-color: #fff;
    color: var(--theme-color);
    border: 1px solid var(--theme-color); 
    transform: scale(1.05);
}

.custom-btn:focus {
    outline: none; 
}

.anchor-text{
    border-bottom:1px solid black;
    text-decoration: none; 
    color: black;
    font-size: 4vh;
}

.anchor-text:hover{
    border-bottom:none;
    color: var(--theme-color);
}

.page-heading{
    font-size: 6rem;
    font-weight: 400;
    line-height: 1.2;
}


/*===navbar===*/ 

.navbar {
    transition: background-color 0.3s ease;
  }
  
 
  .navbar.scrolled {
   
    background-color: #fff !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); 
  }
  
 
   .navbar.scrolled .nav-link {
    color: #333 ;
  } 
  
  .navbar.scrolled .navbar-brand img {
    filter: brightness(1) invert(0); 
  }
  
 
/*===footer===*/ 
.footer{
    background-color: var(--theme-color);
    color: #fff;
}
.footer-text{  
    border-bottom:1px solid #fff;
    text-decoration: none; 
    color:#fff;
   }

.footer-text:hover{
    border-bottom:none;
    color: var(--theme-hover-colour);
}

.footer-icon{
    justify-content: center; 
    align-items: center; 
    font-size: 36px;
}



.footer-logo{
    height: 60%;
}
/*=================HOMEPAGE================*/
/*=========homepage=========*/
.homepage {
    background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('images/homepagebackground.png');
    background-size: cover;
    background-position: center;
    height: 100vh; 
    color: #fff; 
    position: relative; 
    background-repeat: no-repeat;
    }

.homepage-content{
    position: absolute;
    top:50%;
    width: 100%;
    text-align: center;
    /* left: 50%;
    transform: translate(-50%,-50%); */
}
.navbar-nav .nav-link:hover {
    color: var(--theme-color) !important;
    border-bottom: 1px solid var(--theme-color);
      }

 /*===secondpage===*/ 

 .secondpage-image{
    width: 68%;

 }

 .overlap-card{
    margin-left: -100px;
    margin-top: -30px;
    margin-bottom: 30px;

 }

.overlap-card2{
    margin-right: -100px;
    margin-top: -30px;
    margin-bottom: 30px;
    z-index: 1;
}

.zoom-img {
    transition: transform 0.3s ease;
  }
  
.zoom-img:hover {
    transform: scale(1.03); 
  }
  
.move-up-down {
    animation: move 3s ease-in-out infinite; 
  }

  .swiper {
    width: 100%;
    height: 50vh;
    border-radius: 50px;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .custom-button-next, .custom-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 40px;
    color: var(--theme-color);
    z-index: 10;
  }
  
  .custom-button-next {
    right: 10px; 
  }
/*================ABOUT PAGE===============*/
 /*===homepage===*/
.about-homepage {
    background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('images/aboutbackground.jpg');
    background-size: cover;
    background-position: center;
    height: 100vh; 
    color: #fff; 
    position: relative; 
    background-repeat: no-repeat;
    }

/*================CONTACT PAGE===============*/
 /*===homepage===*/
 .contact-homepage {
  background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('images/contact-background.png');
  background-size: cover;
  background-position: center;
  height: 100vh; 
  color: #fff; 
  position: relative; 
  background-repeat: no-repeat;
  }


  .contact-icon {
      width: 100px; 
      height: 100px;
      border: 3px solid var(--theme-color);
      border-radius: 50%;
      display: flex; 
      justify-content: center; 
      align-items: center; 
      color: var(--theme-color); 
      font-size: 36px;
  }


/*================MENU PAGE===============*/
 /*===homepage===*/
.menu-homepage {
    background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('images/menu-background.jpg');
    background-size: cover;
    background-position: center;
    height: 100vh; 
    color: #fff; 
    position: relative; 
    background-repeat: no-repeat;
    }

.menu-img {
    width: 150px; 
    height: 150px; 
    object-fit: cover; 
  }

  

/*slide text css*/
.vaxa_rendered_block {
    position: relative;
    height: 100%;
    width: 100%;
}

.content-wrapper {
    height: 100vh;
    overflow-y: scroll;
    scrollbar-width: none;
    background-color: transparent;
    z-index: 1;
    position: relative;
 }

 .content-wrapper2 {
 
  overflow-y: scroll;
  scrollbar-width: none;
  background-color: transparent;
  z-index: 1;
  position: relative;
  width: 50%;

} 


/* Sticky Background */
#rendered_content {
    position: sticky;
    top: 0;
    z-index: -1;
    height: 100vh;
    width: 100%;
}

#rendered_content img {
    height: 100vh;
    object-fit: cover;
    object-position:left;
}

.vaxa-content-wrapper{
    position: absolute;
    right: 3%;
    width: 46%;
    
}

/*================PRIVATE EVENT PAGE===============*/
 /*===homepage===*/
 .event-homepage {
  background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('images/event-background.jpg');
  background-size: cover;
  background-position: center;
  height: 100vh; 
  color: #fff; 
  position: relative; 
  background-repeat: no-repeat;
  }

 


   
 /*================MEDIA QUERY===============*/

 @media (max-width:480px) {
    .page-heading{
        font-size: 3rem;
        font-weight: 250;
        line-height: 1;
    }
  
   
    .secondpage-image{
        width: 60%;
    }

    .menu-img {
        width: 80px; 
        height: 50px; 
        object-fit: cover; 
      }
    
      .custom-btn {
        background-color:var(--theme-color); 
        color: #fff; 
        border: var(--theme-color);
        font-size: 0.8rem;
      }
    
   .overlap-card{
        margin-left: 0px;
        margin-top: 20px;
        margin-bottom: 0px;
     }

    
.overlap-card2{
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
    
#wraps-heading {
  color: #fff;
  }

  .content-wrapper2 {
 
    overflow-y: scroll;
    scrollbar-width: none;
    background-color: transparent;
    z-index: 1;
    position: relative;
    width: 100%;
  
  } 
  
  .vaxa-content-wrapper{
    position: absolute;
    right: 3%;
    width: 92%;
    
}
  
}

 @media only screen and (min-width:421px) and (max-width:820px) {
    .page-heading{
        font-size: 4rem;
        font-weight: 250;
        line-height: 1.2;
    }
    
    
    .vaxa-content-wrapper{
      position: absolute;
      right: 1%;
  }
  
  .content-wrapper2 {
 
    overflow-y: scroll;
    scrollbar-width: none;
    background-color: transparent;
    z-index: 1;
    position: relative;
    width: 100%;
  
  } 
  
 
    
  .custom-btn {
    background-color:var(--theme-color); 
    color: #fff; 
    border: var(--theme-color);
    font-size: 1rem;
  }

  .overlap-card{
    margin-left: 0px;
    margin-top: 30px;
    margin-bottom: 0px;
 }

 .vaxa-content-wrapper{
  position: absolute;
  right: 3%;
  width: 94%;
  
}


 }

 @media (min-width:820px){
  
 } 

 /*================KEY FRAME===============*/
 @keyframes move {
    0% {
      transform: translateY(0); /* Initial position */
    }
    50% {
      transform: translateY(-20px); /* Move up by 10px */
    }
    100% {
      transform: translateY(0); /* Move back to the initial position */
    }
  }