*{
    padding: 0;
    margin: 0;
}
/* @font-face{ font-family:poppins; src:url(../fonts/poppins.ttf);}  */
body{
  background: #fcf5ea;  
  font-family: 'arial;
    font-size: 14px;
    
}

.modal-content{
    background: transparent!important;
}

.bg-booking {
    position: relative;
    background: rgba(255,255,255,0.6);
}

.bg-booking::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/testi-bg.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1; /* Image opacity */
    z-index: -1;
}


   .dived{
       background: #0f206c;
        height: 2px;
       width: 150px;
        margin: auto;
    }

    .mancolor{
   color: #0f206c!important; 
    
}
    
 .manbg{
   background: #0f206c!important; 
    
}
/*-------read more-start-----*/


.read-more{
    
    
    background: #0f206c;
    padding: 12px 20px!important;
  /* text-transform: uppercase; */
    text-decoration: none;
    margin-right: 5px;
    color: #fff;
    position: relative;
    border-radius: 0!important;
    font-size: 16px!important;
    border: 0!important;
   line-height: 42px;
transition: 1s;
font-weight:400; 
}

.read-more:hover{
    
   color: #CCA86E!important;
   background: #273883; 
  transition: 1s; 
    
}
.read-more::after {
    content: '';
    border-right: 5px solid #cc9933;
    height: 44px;
    position: absolute;
    top: 0;
    right: -10px;
    transition: .3s; 
}

.read-more:hover::after{
   transition: .3s; 
  right: -15px;  
    
    
}


/*--------read more--end----*/
/*----header start------*/

 .pad-lr {
    padding-left: 2%;
    padding-right: 2%;
}         
          .header-bg{
             
            background: #fff;  
              
  

}

/*
.header-inner {
    padding-top: 20px;
    padding-bottom: 20px;
}
         
  .scrolled .header-inner {
    padding-top: 10px;
    padding-bottom: 10px;
}       
  */         
          /* Enable hover functionality for dropdown  start 
    .dropdown:hover .dropdown-menu {
      display: block;
        
        
       
    inset: 0px 0px auto auto;
    margin:-2px 0 0 0px;
    transform: translate(0px, 59px);
}
    




/* Additional compatibility for Firefox 
.dropdown-menu {
    pointer-events: auto; /* Ensure hover interaction works consistently */
}






     
   .mem-button-cus {
    border-radius: 0;
   padding: 0px 0 12px 0; 
    font-size: 16px !important;
    color: #CCA86E !important;
    text-decoration: none !important;
    font-weight: 400;
    text-transform: uppercase;
    
       
}  
     
     
     
    /* Optional: Add a smooth transition 
    .dropdown-menu {
      transition: opacity 0.3s ease, visibility 0.3s ease;
      opacity: 0;
      visibility: hidden;
    }
    .dropdown:hover .dropdown-menu {
      opacity: 1;
      visibility: visible;
    }
     
    /* Enable hover functionality for dropdown  end */     
          
          
        
        .sidepanel a {
            padding: 15px 8px 15px 32px;
            text-decoration: none;
            font-size: 15px;
            
            display: block;
            transition: color 0.3s;
            
            color: #CCA86E;
            
            
        }

        .sidepanel a:hover {
            color: #f1f1f1;
        }

        .submenu {
            display: none;
            padding-left: 20px;
        }

        .closebtn {
            position: absolute;
            top: 0;
            right: 25px;
            font-size: 45px!important;
            color: #0f206c!important;
        }

  
    .rotate_dex1 {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
.rotate_dex1.down {
    -moz-transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);
    transform:rotate(-180deg);
}
 



  
    .rotate_dex2 {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
.rotate_dex2.down {
    -moz-transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);
    transform:rotate(-180deg);
}
  

  .rotate_mob1 {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
.rotate_mob1.down {
    -moz-transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);
    transform:rotate(-180deg);
}
 

   .rotate_mob2 {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
.rotate_mob2.down {
    -moz-transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);
    transform:rotate(-180deg);
}
 

/*
    .rotate {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
.rotate.down {
    -moz-transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);
    transform:rotate(-180deg);
}
*/
        
 
    .openbtn{
        
        border: 0;
        background: transparent;
    }    
    
    

.openbtn span {
    display: block;
    background: #0f206c;
    height: 3px;
    width: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    left: 0;
    opacity: 1;
    transition: all 0.35s ease-out;
    transform-origin: center left;
}


/* top line needs a little padding */
.openbtn span:nth-child(1) {
    margin-top: 0.3em;
}

     
/*
      .emc-logo {
         width: 125px;
    height: 125px;
    
    background: #0f206c !important;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    transition: 1s;
    left: 0;
    right: 0;
    
    margin-right: auto;
    margin-left: auto;
      }
.emc-logo img {
    
   margin-right: auto;
    margin-left: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 7px;
    
}
      
      .scrolled .emc-logo {
         border-radius: 50%;
    position: absolute;
    top: -20px;
    transition: 1s;
    left: 0;
    right: 0;
   margin-right: auto;
    margin-left: auto;
    width: 50px; 
    height: 50px;
     padding: 0px !important;
}
.scrolled .emc-logo img{
  height: 50px;  
  width: 50px;  
  margin-top: 20px;
  
}   
@media(max-width: 768px){

       
      .emc-logo {
         width: 70px;
    height: 70px;
    padding: 10px !important;
    background: #0f206c !important;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    transition: 1s;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
      }
    
    
    
    .emc-logo img {
    width: 58px;
    height: auto;
    
}
      
    
    
    .scrolled .emc-logo img{
       width: 50px;
        height: 50px;
        padding: 5px !important;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        top: 0;
        position: absolute;
   margin-top: 20px;
      }  
    
   
    
    .scrolled .emc-logo img {
    width: 50px;
    margin-top: 20px;
    height: 50px;
}
    
}


*/

   .scroll-tag, .scroll-tag a {
    text-decoration: none;
    background: #0f206c;
    color: #fff;
    line-height: 0;
    padding-top: 5px;
}
    
    .max-wt{
        max-width: 600px;
    }


   .logo{
          color: #0f206c;
      }
      
        .sidepanel {
           position: relative;
            width: 250px;
           padding: 0 10px;
            
           background-color: #fff; 
            color: #fff;
            padding-top: 1rem;
            transition: width 0.3s;
            float: left;
            
        }
      
        .content-hol {
            margin-left: 250px;
           
        }
/*
       .content {
            margin-left: 250px;
           
        }
   */       
.emc-logo a{
    
    text-decoration: none; 
}

.emc-logo a span{
    
   color: #0f206c;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 500;
    
    
}


        .nav-hold a {
            text-decoration: none;
           color: #0f206c;
            display: block;
            padding: 10px 20px;
            border-top: 1px solid #0f206c;
            
            transition: background-color 0.3s;
        }
         .nav-hold a:hover {
            background-color: #495057;
        }
        
        .submenu {
            padding-left: 20px;
        }
        .submenu a {
            font-size: 0.9rem;
        }
        .toggle-sidebar {
            display: none;
        }
      

    
 /* General Styles for the Login Form */
#wp_login {
    max-width: 400px;
    margin: 20px auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #0f206c;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}


#wp_login h4{
    
  font-size: 14px;  
    
}


/* Remove list styles from ul */
#wp_login ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Style individual list items */
#wp_login ul li {
    margin-bottom: 15px;
}

/* Style inputs with 100% width */
#wp_login .fields {
    width: 100%;
    padding: 3px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.3s;
}

/* Focus effect for inputs */
#wp_login .fields:focus {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}


#btnsubmit {
   
    
    border: none;
   
    height: 30px;
    width: 59px;
    text-align: center;
   
    color: #534200;
    cursor: pointer;

}

/* Button hover effect */
#btnsubmit:hover {
    background-color: #0056b3;
}

/* Forgot password link */


    .memberlogin ul li {
    margin-bottom: 12px;
}
    .memberlogin ul li a:hover {
    color: #E2B500;
}
    
/* Hover effect for links */
#wp_login a:hover {
    color: #0056b3;
}
    
    
    .f-get{
        padding: 0!important;
        border: 0!important;
        font-size: 12px!important;
        margin-left: 15px;
        color: #CCA86E!important;
    }  
    

    
    .nav-hold{
        
      border:5px solid #0f206c;
        border-radius: 5px;
    }  

    
    .mob-menu {
        display: none;
    }
    
    



/*---ex header-------*/

    .mem-bod {
      text-align: center;
        display: block;
   border:1px solid ;
    width: 28px; /* Set the desired circle diameter */
    height: 28px; /* Same as width for a perfect circle */
    
    color: #0f206c; /* Icon color */
    border-radius: 50%; /* Makes it a circle */
    text-decoration: none; /* Remove underline from link */
   align-items: center;
        justify-content: center;
        line-height: inherit;
    transition: transform 0.2s ease, box-shadow 0.2s ease; /* Smooth hover effect */
         font-size: 18px; /* Adjust icon size */
}
/*

         .desk-menu{position: fixed;

}

 */        .memb{
          

   
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #0f206c;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    font-size: 16px;

         }
    


.sidebar-inner {
    overflow-y: scroll; /* Enables vertical scrolling */
    height: 870px; /* Sets the height for scrolling content */
    /*scrollbar-width: none;
    -ms-overflow-style: none;
*/
padding-bottom:70px;

}

.sidebar-inner::-webkit-scrollbar {
   /* display: none; *//* Hides the scrollbar in Chrome, Safari, and other WebKit-based browsers */
}




 @media (max-width: 1550px){
       .sidebar-inner {
    overflow-y: scroll; /* Enables vertical scrolling */
    height: 650px; /* Sets the height for scrolling content */
   /* scrollbar-width: none; 
    -ms-overflow-style: none; */
padding-bottom:70px;

}

.sidebar-inner::-webkit-scrollbar {
   /* display: none; /* Hides the scrollbar in Chrome, Safari, and other WebKit-based browsers */
}


 }






     body {
    overflow-y: auto; /* Ensures vertical scrolling works */
    scrollbar-width: none; /* Hides scrollbar in Firefox */
    -ms-overflow-style: none; /* Hides scrollbar in IE and Edge */
}

body::-webkit-scrollbar {
    display: none; /* Hides scrollbar in Chrome, Safari, and other WebKit-based browsers */
}
/*----ex-header--end---*/



/*-----backgroung video-------*/
.abu-text{
    
   max-width: 800px; 
    
}
.abu-text h2{
    
  margin-top: 50px;  
    
  margin-top: 50px;
    color: #0f206c;
     max-width: 750px;
    font-size: 35px;
    font-weight: 400; 
    
    
} 
.rest-text h1{
   margin-top: 50px;  
    
  margin-top: 50px;
    color: #0f206c;
    
    font-size: 35px;
    font-weight: 400;   
    
}
.line{
    position: relative;
    height: 60px;
    margin: 6px 0;
}

.line:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    background: #88632b;
    height: 100%;
    width: 1px;
    transform: translate(-50%);
}


.home-ext-main{
   padding: 0 2%;
    margin:10px auto;
    color: #34302e;
   
    font-size: 15px;
}


/*-------home about section end----*/


















    @media (max-width: 991px) {
        .emc-logo img{
    transition: 1s;
    width: 50px;
    
}
        .scrolled .emc-logo img{
            
              width: 40px;
            transition: 1s;
            
        }     
        .mob-menu-hol {
          width: 120px;
  margin-bottom: 0!important;
    display: flex; 
    align-items: center; 
    justify-content:space-between;
   padding-left: 0;
        }
        
       
        .mob-menu-hol li{
            display: inline-block;
        }
        
        
        
            .desk-menu {
               display:none;
            }
        
        /*
            .content {
                margin-left: 0;
            }
        */
        
          .content-hol {
            margin-left: 0px;
           
        }
        
        
         .mob-menu {
        display: block;
    }
        
        .sidepanel {
    width: 0;
    position: fixed;
    z-index: 1;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow: hidden;
    transition: width 0.5s;
    padding: 74px 0 0 0 ;
    
}
        
    .abu-text h2 {
    margin-top: 50px;
    margin-top: 10px;
    color: #0f206c;
    max-width: 750px;
    font-size: 18px;
    font-weight: 400;
}    
        
        
        
        } 
    
    




@media (max-width: 360px){
    
       .emc-logo img{
    transition: 1s;
    width: 30px;
    
}
        .scrolled .emc-logo img{
            
              width: 30px;
            transition: 1s;
            
        }       
    
   .emc-logo a span {
    color: #0f206c;
    padding-left: 5px;
    font-size: 12px;
    font-weight: 500;
} 
    
}
















/*----header end----*/

/*-----nav menu-start------*/

      .navbar{

          background: rgba(255,255,255, 0.5);

          padding: 0 2%;

      }

    

         .login-hol .sh-mem{

       padding-left: 0!important;

        padding-right: 0!important;

        font-size: 14px!important;

    }    

         

      

  .navbar ul li a{

         

          color:#0f206c;

         font-weight: 600;
        font-size: 14px;
      }

          

.navbar .mx-auto-dx{
    
    margin-left: 10%;
}  

      

    /* styles.css */



.navbar.scrolled {

    background-color: rgba(255,255,255, 0.95) !important; 

    

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

    transition: 1s;

    padding-top: 0;

    padding-bottom: 0;

}

      

      

      .navbar img{     

        width: auto;

        height: 100px;

        max-height: 135px !important;

        padding: 5px!important;

        background: #fff!important;

        border-radius: 50%;

        position: absolute;

        top: 0;
       transition: 1s;
          

    } 

      

    .dropdown-menu{

    

     margin: -10px 0 0 0 !important; 

     border-radius: 0!important;

    

      }



      .navbar.scrolled ul li a{

           color: #cc9934;

          

      }

      

      

      

      .fa-volume-control-phone{

          

          font-size: 30px;

          color:#006699;

      }     

      

      

      .navbar.scrolled .fa-volume-control-phone{

          

          font-size: 24px;

          color:#006699;

      }     

      

      
.navbar .pl-ex{
    padding-left: 100px;
}

.scrolled .pl-ex{
    padding-left: 0;
}
.navbar.scrolled img{

    height: 50px;

    width: auto;

    transition: 1s;

     padding: 0!important;

        background: #fff!important;

        border-radius: 50%;

        position: relative;

        top: 0;

}

      

 .out-nav {


    margin-right: 5px;

    width: 180px;
     position: relative;

}     

.out-nav-ex{
    
   margin-top: 20px; 
    
}


      .out-nav ul li a{

          

          font-size: 16px!important;

          font-weight: 100!important;
          transition: 0.8s;
      }  


 .out-nav ul li a:hover{

        color:#006699!important;
        background:transparent!important;
        border: 1px solid #006699!important;
      transition: 0.8s;

      }   




.scrolled .out-nav ul li a{
          color: #fff;
     transition: 0.8s;
      }   




.scrolled .out-nav ul li a:hover{
          color: #006699!important;
         transition: 0.8s;
      }   

     .out-nav ul li {

    list-style: none;

    display: inline-block!important;

}


.log-menu{
  /*  position: absolute;*/
    top: 0;
}  




.log-menu a{
    color: red!important;
}



.scrolled .log-menu a{
    color: red!important;
 font-size:12px;
}

@media (max-width: 500px){
  .log-menu {
    position: absolute;
    top: 0;
    width: 174px;
    left: 0;
}   

}



 .out-nav ul li a{

    font-size: 14px;

    font-weight: 600;

    color: #fff;

    font-family: Arial;

    -webkit-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

    position: relative;

     padding-right: 0.5rem;

    padding-left: 0.5rem;

    cursor: pointer;

    text-decoration: none;

    z-index: 55;

    position: relative;

}

     

  @media (max-width: 992px) {

      

      .fa-bars{

          

       background: #fff;

       padding: 5px;

          border-radius: 3px;

          

          

      }

      .navbar-nav{

          

          padding-top: 30px;

          z-index: -1;

      } 

      

  .navbar.scrolled img{

    height: 35px;

    width: auto;

    transition: 1s;

}    

      

      .navbar.scrolled .navbar-brand {

          padding-top: 0;

          padding-bottom: 0;

      }

      

    .navbar img{

     width: auto;

        height: 135px;

        transition: 1s;

        max-height: 80px !important;

        padding: 10px !important;

        background: #fff !important;

        border-radius: 50%;

        position: absolute;

        top: 0

}  

      

      

      .navbar-nav .nav-link {

          

          padding-left: 26px;

          

      }

      

    .out-nav {

        position: absolute;

        right: 0;

        

    }

      

      

   .menu-toggle {

        margin-right: 150px;

        margin-top: 5px ;

    }   

      

      ul li{

          list-style: none;

      }  

      

}    

      

      

      

@media(max-width: 991px) {

      .mob-ex{

          

          position: absolute;

          width: 100%;

         background: #fff;

          left: 0;

          

      }

    

    

    .out-nav {

    margin-top: 16px;

    margin-right: 5px;

    width: 180px;

} 

    

    

    



      }





.navbar.scrolled li a{

    

   color: #000; 

    transition: 1s;

        text-decoration: none;

}


/*----drop down smooth-start-------*/

    
.dropdown:hover .dropdown-menu {
  display: block;
    
    margin-top: 0px!important;
    border: 0;
}
    
    .dr-hol {
    background: #fff;
    
    display: none;
}
    
    
.dropdown-item:hover{
    color: #0a58ca!important;
} 
    

.dropdown:hover .dr-hol {
    display: block;
    opacity: 1;
   margin-top:20px;
}



    
    
    .dropdown .dropdown-menu{
    display: block;
    opacity: 0;
    background: none;
    -moz-transition:    all 1000ms ease;
    -webkit-transition: all 1000ms ease;
    -o-transition:      all 1000ms ease;
    -ms-transition:     all 1000ms ease;
    transition:         all 1000ms ease;
    border: none;
}
.dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
}
   
    
 @media (max-width: 992px) {  
     
     .dropdown .dropdown-menu {
         
         position: absolute;
         top:5px;
         display: none;
         
         
    }
    
   
     
     
    }


/*------drop down smooth--end---------*/

/*-----header end---------*/

a.button-cus,.button-form{
    
  
    border-radius: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 16px!important;
    color: #CCA86E!important;
    text-decoration:none!important;
    font-weight: 400;
    background: #0f206c;
    
}


a{cursor:pointer;}

.modal-dialog {
        max-width: 800px!important;
        margin: 1.75rem auto;
    }

.common-block{
    margin-bottom: 130px;
    height: 10px;
}
/* ----------------------------------------------------

    Form input box

---------------------------------------------------- 

input[type="text"],

input[type="email"],

input[type="password"],

input[type="submit"],

input[type="date"],

.pf-time,

textarea {

  background-color: var(--white);

  border: 2px solid;

  border-color: #CCA86E!important;

  height: 45px;

  -webkit-box-shadow: none;

  box-shadow: none;

  padding-left: 20px;

  font-size: 16px;

  color: var(--ltn__paragraph-color);

  width: 100%;

  margin-bottom: 30px;

  border-radius: 0;

  padding-right: 40px; }



input[type="text"]::-webkit-input-placeholder,

input[type="email"]::-webkit-input-placeholder,

input[type="password"]::-webkit-input-placeholder,

input[type="submit"]::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {



  color: var(--ltn__paragraph-color);

  font-size: 14px; }



input[type="text"]:focus,

input[type="email"]:focus,

input[type="password"]:focus,

textarea:focus {

  border-color: var(--ltn__secondary-color); }



input[type="password"] {

  letter-spacing: 3px;

  font-size: 16px; }



textarea {

  resize: vertical;

  padding: 15px 20px;

  min-height: 150px; }



button {

 

  cursor: pointer; }



button:focus {

  outline: none; }

--*/


/*-----video section-start-----*/



.container-video-hol{    width: 100%;   
    height: 770px;       
    display: flex;    
    align-items: center;    
    justify-content: center;
 position: relative;
    overflow: hidden;
    margin-top: -61px;
}

@media(max-width: 1920px){
    
    
  .container-video-hol{

    width: 100%;

   height: 669px;

   

    display: flex;

    align-items: center;

    justify-content: center;

}  
    
    
    
}




@media(max-width: 1400px){ 
.container-video-hol{

    width: 100%;

   height: 570px;

   

    display: flex;

    align-items: center;

    justify-content: center;

}
}
.video-overlay{

    

   position: absolute;

    right: 0;

    bottom: 0; 

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

    height: 100%;

    height: 520px;

    

    z-index: 1;

    

}

.vdi-content{

    text-align: center;

    z-index: 2;

}



.vdi-content h1{

    font-size: 40px;

    color: #fff;

    
text-shadow: 0 0 10px rgba(0, 0, 0, 0.8), 0 0 20px rgba(0, 0, 0, 0.6), 0 0 30px rgba(0, 0, 0, 0.4);
}



/*---animated button--start--*/

.be-mem {
  min-width: 100px;
  min-height: 30px;
  display: inline-flex;
  font-family: 'Nunito', sans-serif;
  font-size: 18px;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1.3px;
  font-weight: 400;
  color: #fff;
  background: rgba(0,0,0,0.3);
/*background: linear-gradient(90deg, rgba(129,230,217,1) 0%, rgba(79,209,197,1) 100%);*/

  border: 2px solid #cc9933;
  border-radius: 1000px;
  box-shadow: 12px 12px 24px rgba(204,153,51,.64);
  transition: all 0.3s ease-in-out 0s;
  cursor: pointer;
  outline: none;
  position: relative;
  padding: 5px 10px;
  text-decoration: none;
margin-top: 50px;
  }

.be-mem::before {
content: '';
  border-radius: 1000px;
  /* min-width: calc(100px + 100px);
  min-height: calc(30px + 12px);
  border: 6px solid #00FFCB;*/
  box-shadow: 0 0 60px rgba(204,153,51,.64);
  
  opacity: 0;
  transition: all .3s ease-in-out 0s;
}

.be-mem:hover, 
.button:focus {
  color: #313133;
  transform: translateY(-6px);
}

.be-mem:hover::before, 
.be-mem:focus::before {
  opacity: 1;
}

.be-mem::after {
  content: '';
  width: 30px; height: 30px;
  border-radius: 100%;
  border: 6px solid #cc9933;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: ring 1.5s infinite;
}

.be-mem:hover::after, 
.be-mem:focus::after {
  animation: none;
  display: none;
}

@keyframes ring {
  0% {
    width: 30px;
    height: 30px;
    opacity: 1;
  }
  100% {
    width: 300px;
    height: 300px;
    opacity: 0;
  }
}





.be-mem::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: #000;
  transition: width 0.9s ease-in-out;
  z-index: -1;
}

.be-mem:hover::before {
  width: 100%;
  left: 0;
  right: auto;
}

.be-mem:hover {
  color: #cc9933;
}

@media(max-width: 768px){
    
    .vdi-content h1{display: none;}   
    
}
/*------animated button end----*/


/*

.content a{

    font-size: 23px;

    color: #fff;

    text-decoration: none;

    border: 2px solid #fff;

    padding: 15px 25px;

    border-radius: 50px;

    transition: 0.3s;

}



.content a:hover{

    background-color: #fff;

    color: #000;

}

*/

.background-clip{

    position: absolute;

    right: 0;

    bottom: 0;

    top: 0;

   

    

}



 .background-clip{

        width: 100%;

        height: auto;

    }  


@media(max-width: 1024px){
    
        
    .container-video-hol {
        width: 100%;
        height: 427px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    
    
}



@media(max-width: 991px) {

.container-video-hol{

   

    height: 418px;

   
margin-top: 0;
   

}

   

    

    .video-overlay{

        

      height: 418px;   

        

        

    }   

    

    

    .content h1{

    font-size: 45px;

    color: #fff;

    margin-bottom: 50px;

}

    

    .content a {

    font-size: 18px;

    color: #fff;

   

    border: 2px solid #fff;

    padding: 10px 18px;

   

}

    

  .background-clip{

        width: 100%;

        height: auto;

    }  

    

   

}


@media(max-width: 830px) {

.container-video-hol{

   

    height: 350px;

   

   

}

 
    .video-overlay{

        

      height: 350px;   

        

        

    }   

    


}


@media(max-width: 707px) {

.container-video-hol{

   

    height: 275px;

   

   

}


    .video-overlay{

        

      height: 275px;   

    }   

   

}


@media(max-width: 568px) {

.container-video-hol{

   

    height: 233px;

   

   

}


    .video-overlay{

      height: 233px;   

      

    }   


    .content h1{

    font-size: 35px;

    color: #fff;

    margin-bottom: 50px;

}

    

    .content a {

    font-size: 16px;

    color: #fff;

   

    border: 2px solid #fff;

    padding: 6px 12px;

   

}


}



@media(max-width: 568px) {

.container-video-hol{

   

    height: 233px;
 

}

    .video-overlay{

        

      height: 233px;   
    }
    .content h1{

    font-size: 35px;

    color: #fff;

    margin-bottom: 50px;

}

    

    .content a {

    font-size: 16px;

    color: #fff;

   

    border: 2px solid #fff;

    padding: 6px 12px;

   

}


}


@media(max-width: 468px) {

.container-video-hol{

   

    height: 150px;

  
}

  
    .video-overlay{

        

      height: 150px;   

       

    }   

    

    

  .content h1{

    

    margin-bottom: 20px;

}





}




  /* About enjoy section start */
.screenr {
  display: flex;
  flex-direction: column;
 position: relative;
height: 600px;
}

/* Style for the menu */
.manus {
 
display: flex;
place-content: space-between;
position: absolute;
height: 100%;
width: 100%;
top: 0;
z-index: 99;
    
}

.manu-ab {
  
  background: transparent;
  cursor: pointer;
  color: #fff;
  transition: background-color 0.3s ease;
 width: 25%;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, .5);
    position: relative;
    z-index: 0;
    transition: 1s;
}


        
  .manu-ab::before {       
      background: #fff;
  
 height: 0px;
    content: '';
    display: block;
     
     width: 100%;
    
     position: relative;
     transition: 1s;
        }
 .manu-ab:hover::before {
  background: #fff;
  
 height: 200px;
    content: '';
    display: block;
     color: aqua;
     width: 100%;
    
     position: relative;
     transition: 1s;
}      
        
        
.manu-ab.active {
  background: rgba(8,134,245, 0.1);
  color: #CCA86E;
    transition: 1s;
}
/* Style for the screens */
.screens {
  position: relative;
  overflow: hidden;
  height: 100%; /* Adjust as per your content */
}

.screen img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  height: auto;
  background-color: #fff;
  opacity: 0; /* Fully transparent initially */
  visibility: hidden; /* Hidden from view */
  z-index: 0; /* Behind other content */
  transform: scale(1.1); /* Slightly zoomed out */
  transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out, visibility 0.8s ease-in-out;
}

.screen.active img {
  opacity: 1; /* Fully visible */
  visibility: visible; /* Make it appear */
  z-index: 1; /* Bring to front */
  transform: scale(1); /* Zoom to normal size */
}



        .mnu-hold{
           position: absolute;
            top: 0;
            left: 0;
            right: 0;
            z-index: 999;
            padding: 10px;
            
            
        } 
            
        @media(max-width: 950px){
        
          .screenr{
             height: 500px;   
                
                
                
            }
            
            
        }
       
        
        
  @media(max-width: 770px){
        
          .screenr{
             height: 430px;   
                
                
                
            }
            
            
        }       
        
  @media(max-width: 568px){
      .mnu-hold h2{
          font-size: 14px!important;
      }
      
       .screenr{
             height: 350px;   
                
                
                
            }
            .screen img{
                
              height: 100%;  
                
              width: auto;  
                
            }  
      
      .manu-ab:hover::before {
  background: #fff;
  
 height: 100px;
    content: '';
    display: block;
     color: aqua;
     width: 100%;
    
     position: relative;
     transition: 1s;
}      
      
}
        
       /* 
            
        @media(max-width: 568px){
            
            
              .manu-ab::before {       
      background: #fff;
  
 height: 0px;
    content: '';
    display: block;
     
     width: 100%;
    
     position: relative;
     transition: 1s;
        }
 .manu-ab:hover::before {
  background: #fff;
  
 height: 100%;
    content: '';
    display: block;
     color: aqua;
     width: 100%;
    
     position: relative;
     transition: 1s;
}      
    
            
            
            
            
            
            
            
            .screenr{
             height: 350px;   
                
                
                
            }
            .screen img{
                
              height: 100%;  
                
              width: auto;  
                
            }
          .manus {
 
display: block;

position: absolute;
height: 100%;
width: 100%;
top: 0;
z-index: 99;
    
}  
            .manu-ab{
                
              height: 25%; 
                width: 100%;
                
            }         
            
        }  
        
   */     
        
        .about-enj-hol{
            
           margin-bottom: 50px; 
            
            
        }
        
        .take-look-hol{
            
           margin-top: 100px;
            text-align: center;
           
            
        }
        .take-look-hol h6{
           margin-bottom: 30px;
        text-transform: uppercase;
         color: #CCA86E;   
        }
        
        .take-look-hol h3{
            color: #0f206c;
            margin-bottom: 30px;
        }
        
        
        .take-look-hol p{
            
            margin-bottom: 30px;
            max-width: 800px;
            margin:30px auto 30px auto;
        }

 /* About enjoy section end */
/*---sbout faq section-start---*/
  .faq-hol{
       padding-top: 100px;
        padding-bottom: 50px;
       background: #fff;
    } 
    
    
   .faq-text-hol{
    margin-top: 50px;
       margin-bottom: 30px;
       color: #CCA86E;
   }
.faq-text-hol h6{
    margin-top: 30px;
    text-transform: uppercase;
   }
   .faq-text-hol h3{
    margin-top: 30px;
    color: #0f206c;
   }


/*---sbout faq section-end---*/
/*--about text-section--start---*/
    .ab-text-sec{
      position: relative; 
        height: 400px;
          background-image: url(images/logo.webp);
    background-position: 50% 90px;
    background-repeat: no-repeat;
   background-size: 300px auto; 
    
    transition: background 0.1s, border-radius 0.3s, opacity 0.3s; 
       
    }

    .ab-text-sec-bg
        
       {
 
           
           
     background-color:rgba(252,245,234,0.96);       

    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
        
           
           
           
} 
        
 .ceo-text {
  margin: 0 auto; /* Horizontally centers the element */
  max-width: 800px; /* Limits the width */
  text-align: justify; /* Justifies the text */
  display: flex; /* Enables flexbox for alignment */
  justify-content: center; /* Vertically centers the content */
  align-items: center; /* Horizontally centers the content */
  height: 50vh; /* Full viewport height for vertical centering */
}
    .ceo-text h3{
        
      font-weight: 100;  
    }
    .ceo-text p{
        
        text-align: center;
        
    }
    

/*--about text-section--end---*/ 


/*----about why choose section--start--*/
    .abou-ext{
        font-size: 16px;
        
    }
    
    
    
    .bg-why-cho{
        
        background: #fff;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    
    .img-lower{
        display: flex;
        justify-content: space-between; 
    }
    .img-index{
        display: flex;
        justify-content: space-between;   
        
    }
    
    .img-upper img{
        
      
        margin: 20px 0;
    }

    
    
    .img-lower img{
        
        width: 48%;
        
    }
    
    
    .why-text-sec p{
        
      color: #CCA86E; 
        font-weight: 600;
        font-size: 16px;
        
    }
    .why-text-sec h3{
        
      color: #0f206c; 
        font-weight: 600;
        
        
    }
    
    
    .index-container {
  position: relative; /* Sets the parent as the reference for positioning */
  width: 100%; /* Full width */
  height: 130vh; /* Full viewport height */
  margin-top: 50px;
  
}

.wy-box {
  position: absolute; /* Positions the boxes inside the container */
  width: 48%; /* Set box width */
  height: 48%; /* Set box height */
  
    padding: 20px;
    border: 1px solid rgba(52,152,219, 0.2);
         
/*
  display: flex; 
  align-items: center;
  justify-content: center; 
 */
  font-size: 12px; /* Text size */
    font-weight: 400;
}
    .wy-box h4{
        
         color: #0f206c; /* Text color */
        font-size: 16px;
        
    }
    
    .wy-box img{
      width: 25%;
        margin-bottom: 5px;
      
        
    }   
    
     .wy-box p{
        
   font-size: 12px;
    font-weight: 200;
     color: #000;     
        
    }   
    .wy-box::after{
      background: rgba(52,152,219, 0.2);
        
        content: '';
        display: block;
        position: absolute;
        height: 94%;
        width: 94%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        z-index: 0;
        
    }
/* Position each box */
.top-left {
  top: 0;
  left: 0;

}

.top-right {
  top: 0;
  right: 0;
    
}

.bottom-left {
  bottom: 0;
  left: 0;

}

.bottom-right {
  bottom: 0;
  right: 0;

}


/*----about why choose section--end--*/

/*----Backrum start---*/

   h1.page-title  {  

        color: #071c1f;

    clear: both;

    

    font-weight: 700;

    line-height: 1.3;

    margin-bottom: 15px;

    text-align: center;

}

    

    .brm-title{

        

        position: absolute;

        

        bottom: 20px;

        

        left: 0;

        right: 0;

    }   

    

  .ltn__breadcrumb-list ul {

    margin: 0;

    padding: 0;

}  

    

  .ltn__breadcrumb-list ul li {

    display: inline-block;

    margin-right: 30px;

    position: relative;

    font-weight: 700;

}  

    

    .ltn__breadcrumb-list ul li span{

        

      color: #ff5a3c;  

        

        

    }   

    

   .ltn__breadcrumb-list ul li a {

       color: #ff5a3c;

       text-decoration: none;

        

    }

    

   

   .bg-image-bk {
    background: url(../images/bk-bg.jpg);
    background-size: cover;

    background-position: bottom center;

    background-repeat: no-repeat;

}

   .bg-image-banquets {
    background: url(../images/banquets.webp);
    background-size: cover;

    background-position: bottom center;

    background-repeat: no-repeat;

       
}
.ltn__breadcrumb-area {

    background-color: #F2F6F7;

    margin-bottom: 50px;

    padding-top: 65px;

    padding-bottom: 200px;

    

    position: relative;

} 

    



/*----Backrum end---*/


 /*--club section---start----*/    
     
        
        /* Carousel container styling */
        .owl-carousel {
            position: relative;
        }

        /* Slide content */
        .slide-content {
            display: flex;
            width: 100%;
            margin: auto;
            align-items: center;
            overflow: hidden;
            opacity: 0; /* Hidden until preloaded */
            transition: opacity 0.5s ease;
        }

        /* Image styling */
       

        .slide-image img {
            width: 100%;
            height: auto;
            border-radius: 8px;
            opacity: 0; /* Hidden until loaded */
            transition: opacity 0.5s ease;
        }

         /* Text styling */
       .slide-texts h2{
           
          color: #0f206c; 
          margin: 20px 0; 
           
       }


        /* Navigation button styling */
         /* Ensure the carousel container is positioned relative for centering */
.owl-carousel-clubsection {
    position: relative;
}

/* Custom styling for prev and next buttons */
.owl-carousel-clubsection .owl-prev,.owl-carousel-clubsection .owl-next {
    position: absolute;
    top: 35%;
    transform: translateY(-50%); /* Vertically centers buttons */
    background-color: #035195; /* Set a background color */
    color: #CCA86E; /* Button text color */
    border: none;
    border-radius: 50%; /* Make buttons round */
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 25px;
}

/* Positioning the buttons */
.owl-carousel-clubsection .owl-prev {
    left: 10px; /* Adjust to set it outside the carousel */
}

.owl-carousel-clubsection .owl-next {
    right: 10px; /* Adjust to set it outside the carousel */
}

/* Button hover effects */
.owl-carousel-clubsection .owl-prev:hover, .owl-carousel-clubsection .owl-next:hover {
    background-color: #555; /* Darker background on hover */
}
        
        
        
        

        
        
        

 /* Basic styling for the dots container */
.owl-carousel-clubsection .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

/* Styling for each dot */
.owl-carousel-clubsection .owl-dot span {
    display: block;
    width: 10px;
    height: 10px;
    background-color: #ccc; /* Color for inactive dots */
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

/* Style for the active dot */
.owl-carousel-clubsection .owl-dot.active span {
    background-color: #333; /* Color for active dot */
    transform: scale(1.2); /* Slightly larger size for active dot */
}



@media(max-width: 992px){
    
 .owl-carousel-clubsection .owl-prev,.owl-carousel-clubsection .owl-next {
    position: absolute;
    top: 25%;   
    
    }
    
}




/*
.read-more{
    background: #0f206c;
    padding: 6px 10px!important;
   text-transform: uppercase;
    text-decoration: none;
    margin-right: 5px;
    color: #CCA86E;
    position: relative;
    border-radius: 0!important;
    font-size: 16px!important;
    border: 0!important;
  
}

.read-more:hover{
    
   color: #CCA86E!important;
    
 
    
}
.read-more::after {
    content: '';
    border-right: 5px solid #cc9933;
    height: 29px;
    position: absolute;
    top: 0;
    right: -10px;
    transition: .6s; 
}

.read-more:hover::after{
   transition: .6s; 
  right: -15px;  
    
    
}
    
  */   
/*--club section---end----*/  
/*----accommodation start---*/
    .acco-text{
           font-size: 18px;
           
       } 
       .vll-all{
          margin-top: 10px; 
           
       }
       
       .faci-hol{
           
           margin-top: 8px;
       }
       
       .divider-em img{
           width: 200px;
       }
       
       .aminites-hol{
           margin-top: 30px;
           margin-bottom: 30px;
           
       }
       
       .amt-button {
           text-decoration: none;
           border: 2px solid #0f206c;
           color: #0f206c;
           padding: 8px  15px;
           border-radius: 25px;
       }
       
       .emc-facility_amenities_cont{
           
          display: flex;
           justify-content: space-between;
           margin-right: 20px;
           
       } 
       
       
       
       
    
   .emc_amenites_title {
        
        flex-basis: 250px;
        padding-right: 8px;
        border-right: .0625rem solid;
       line-height: 45px;
    font-size: 1.25rem;
    }
       
      
     
       
       
       
      .emc-container {
    width: 95%;
    margin: auto;
    max-width: 99.625rem;
   
}
       
       
   
       
       
      .emc-facility_amenities_cont ul {
    list-style-type: none;
    overflow: hidden;
    display: flex
;
   
    align-items: center;
   
    flex-wrap: wrap;
  
    flex: 1;
          
  
    padding-left: .875rem;
    display: inline-block;        
          
}


       
  
       
@media(max-width: 1250px) { 
    .emc_amenites_title{
        
        border: 0;
        
        
    }
      .emc-container {
    width: 60%;
    margin: auto;
    max-width: 60.625rem;
}
    
       
    .emc-facility_amenities_cont{
        
       display: block;
        text-align: center;
    }  
      
    
      .emc-facility_amenities_cont ul li {
        
       min-width: 33.333%;
       
    }
    
    
    
    
    .emc-facility_amenities_cont ul li img{
        
        display: block;
        text-align: center;
        margin: auto;
    }
    
    
    
       }
       
       
       
     @media(max-width: 920px) { 
         
         
         .emc-container {
    
    margin: auto;
    width: 95%;
}  
         
         
         
         
          .emc-facility_amenities_cont ul li {
        
       min-width: 30%;
        
    }
    
         
         
         
       }
       
         @media(max-width: 520px) {
             
     .emc-facility_amenities_cont ul li {
        
       min-width: 20%;
       
    }        
             
             
 .emc-container {
    
    margin: auto;
    width: 100%;
}     
             
       }

/*---accommadition-gallery-start--*/
    .gallery-inr{
        
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        border-radius: 5px;
        
    }

/*---accommadition--gallery-end--*/
/*----accommodation end---*/

/*---blog home start----*/
.h-blog-bg{
    
  background: #f6f4eb;
    position: relative;
    z-index: 2;
    
}

.h-blog-bg h2{
 
    font-size: 35px;
    font-weight: 400;
}

.blog-text-h {
    color: #fff;
    display: flex;
    justify-content: center; /* Horizontally centers the text */
    align-items: center; /* Vertically centers the text */
    height: 100%; /* Ensure the container has a defined height */
    text-align: center; /* Optional: centers the text content if it's multi-line */
    position: relative;
   
   
}


.blog-bg-h img {
    position: absolute;
    top: 0px;
    right: 30px;
    z-index: -1;
    width: 200px;
    height: 200px;
}


.blog-img-h{
    
     background: #333d50;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    margin-right: -12px;
}

.blog-bg-h {
    
     background: #333d50;
    
    
}

.blog-img-h img{
    border-radius: 50%;
}




.sm-read-more{
    
  
    width: 130px;
    right: 100px;;
    bottom:50px;
    text-decoration: none;
    color: #CCA86E;
    background: #0f206c;
    padding: 5px;
    border-radius:2px 3px;
    
}

.sm-read-more:hover{
   color:#CCA86E; 
    
}

.eng-cus,.eng-cus:hover{
   color:#333d50!important;   
}


.sm-read-more:hover .fa-angle-double-right{
    
    padding-left: 10px;
    transition: 1s;
    color:#CCA86E;
    
    
} 

.bg-cust,.bg-cust:hover{
    background: #fee68c;
    color: #333d50;
}




.sm-blog-pad{
    
    padding: 20px 3% 20px 3%;
}

.sml-blog-bg{
   height: 200px;
    padding: 5px;
    margin-top: 15px;
   box-shadow: rgba(204, 168, 110, 0.9) 0px 5px 15px;
    
    
}

  .blog-nm{
        
        font-size: 16px;
    }
.sm-blog-img img {
 
    
    height:auto;
    width: 150px;
   margin: 0 10px 5px 0px;
    float: left;
}
.sm-blog-text{
     margin: 0 0 10px;
}

@media (max-width: 768px){
    .blog-text-h{
        
        
        margin-bottom: 100px;
        
    }
    
   .blog-img-h {
    
     background: none;
       
    margin-right: 0;
    
} 
 .blog-img-h img{
   display: block;
    margin-left: auto;
    margin-right: auto; 
}   
    
}
/*-----home--blog-end------*/
/*------blog archive--start---*/
    .blog-img-arc{
        
     color: #fff;
    display: flex;
    justify-content: center; /* Horizontally centers the text */
    align-items: center; /* Vertically centers the text */
    height: 200px; /* Ensure the container has a defined height */
    text-align: center; /* Optional: centers the text content if it's multi-line */
    position: relative;   
        
    }   
    
    
 .blog-img-arc img{
     position: absolute;
    top: 0px;
    
   
    width: 100%;
    height: 200px;    
        
        
    }      
    
    /* Style for Blog Cards */

.bl-logo{
    
   z-index:22;
    width:50px!important; 
    height:50px!important; 
    left:0!important; 
    
    
}


.blog-card {
  transition: transform 0.3s ease-in-out;
    
}

.blog-card:hover {
  transform: translateY(-10px);
}

/* Header styling */
header {
  background-color: #007bff;
}

header h1 {
  font-size: 3rem;
}

header p {
  font-size: 1.2rem;
}

/* Pagination Styling */
.pagination .page-link {
  color: #007bff;
}

.pagination .page-link:hover {
  background-color: #007bff;
  color: #fff;
}

    .left-sm-blog-img {
    color: #fff;
    align-items: center; /* Vertically centers the content */
    height: 50px; /* Set the height to create a square */
    width: 50px; /* Set the width to create a square */
    position: relative; /* For absolutely positioning the image inside */
    overflow: hidden; /* Ensure the image does not overflow out of the container */
}

.left-sm-blog-img img {
    position: absolute; /* Make the image position absolute within the container */
    top: 0;
    left: 0;
    width: 100%; /* Make the image take full width */
    height: 100%; /* Make the image take full height to fill the square */
    object-fit: cover; /* Ensures the image covers the container, cutting off excess parts */
}
    .b-date{
      place-content:end;
     padding-left: 5px;
    }
    
    .latest-blog ul li{
        list-style: none;
        margin-top: 10px;;
    }
     
    /*------load blog-start----*/
      #load_data_message{
          
          width: 150px;
          margin: auto;
          
      }
       
      .load-ani{
          
          background: url(../images/loader.gif) no-repeat center center;
          height: 200px;
          width: 200px;
          
          margin: auto;
          bottom: 20px;
      }
     .end-data{
        text-align: center;
         color: red;
         font-size: 18px;
         font-weight: 600;
       
         text-transform: uppercase;
         }
/*------load blog-end----*/


.make-winter-hol{
    
    
    
}



 .make-winter-hol {
    background: url(../images/clube-outer.webp) no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    padding: 60px 0;
    position: relative;
}
     
.make-winte-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8); /* Adjust opacity as needed */
    
}

.make-winte-hol .testimonial-overlay > * {
    position: relative;
    z-index: 2;
    /* Add styles for testimonial content here */
}


.d-slider-hol .flip-content img{
    
    border: 5px solid #fff;
}


/*---home page --video gallery-start--*/
    .video-pro h2{
      
       color: #CCA86E;
      
    
    font-size: 35px;
    font-weight: 400;
    }

    .swiper-container{
        
        margin: 50px auto;
        
    }
 /*---home page --video gallery-end--*/ 


/*-----food menu--start-------*/
 
    .food-menu img{
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        transition: 1s;
    }  
    
    .food-menu img:hover{
        box-shadow: rgba(0, 0, 0, 0.0) 0px 5px 15px;
        transition: 1s;
    } 

/*-----food menu--end-------*/
 

/*-----event--start-------*/






.event-text{
     width: 80%;
    margin: 100px auto 0 auto; 
    
}



.event-img{
    
    
  
    padding-bottom: 30px;
    position: relative;
    
}

.event .card {
   box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
    
}

.event-read{
    
  color:#025297!important;
    font-size: 14px!important;
}


/*----page----*/


.event-bn-hol{
   position: relative;
margin-top: -75px;
    
    
}

.ev-bg{
  position: relative;   
    
}

.event-bn{
    position: absolute;
    top: 60px;
   left: 0;
    right: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
}



/*-------album start-----*/
/* Optional custom styling */
.container {
    padding-top: 20px;
    padding-bottom: 20px;
}


.fixed-size {
    width: 100%;
    height: 250px; /* Set a fixed height */
    object-fit: cover; /* Ensures the image covers the area while maintaining aspect ratio */
    border-radius: 8px; /* Optional: add rounded corners */
    
    transition: transform 0.3s ease-in-out;
}

.fixed-size:hover {
    transform: scale(1.05);
    
}

.gallery-hold {
    position: relative;
    transition: 1s;
       z-index: 1
}

.gallery-hold:hover {
    position: relative;
   transform: scale(1.05);
    transition: 1s;
}
.g-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
    opacity: 0;
    transition: opacity 0.3s;
   
}
.g-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s;
    cursor: pointer;
    z-index: 99;
    color: #eecbad;
    font-size: 24px;
    
}

.gallery-hold:hover .g-icon {
    opacity: 1;
    transition: 1s;
}

.gallery-hold:hover .g-overlay {
    opacity: 1;
    
}
/*
.gallery-hold .g-overlay::after {
    content: '';
    border: 1px solid red; 
    position: absolute;
    width: 0%;
    height: 0%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
   
}

.gallery-hold:hover .g-overlay::after {
    
    height: 90%;
    width: 90%;
    transition: 1s;
    
}


*/













.g-overlay:after, .g-overlay:before {
  content: " ";
  width: 2px;
  height: 2px;
  position: absolute;
  border: 0px solid #fff;
  transition: all 1s;
    z-index: 8;
    position: absolute;
   margin: 10px;
}
.g-overlay:after {
  top: -1px;
  left: -1px;
  border-top: 2px solid #e4caad;
  border-left: 2px solid #e4caad;
}
.g-overlay:before {
  bottom: -1px;
  right: -1px;
  border-bottom: 2px solid #e4caad;
  border-right: 2px solid #e4caad;
}
.g-overlay:hover {
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.g-overlay:hover:before, .g-overlay:hover:after {
  width: 100%;
  height: 100%;
}

/*------album end--------*/
/*----global access  start---*/

.owl-carousel-exclub .owl-item.active.center .slider-card {
  transform: scale(1.15);
  opacity: 1;
  background: #ff9966; /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #ff5e62, #ff9966); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #ff5e62, #ff9966); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
    z-index: 99;
    position: relative;
}

        
   
        
.owl-carousel .owl-stage-outer{
    
    overflow: visible!important
}       
        
.slider-card {
  background: #fff;
  padding: 0px 0px;
  margin: 200px 15px 90px 15px;
  border-radius: 5px;
  box-shadow: 0 15px 45px -20px rgb(0 0 0 / 73%);
  transform: scale(0.9);
  opacity: 0.5;
  transition: all 0.3s;
    color: transparent;
}
        .gl-title{
         color: #CCA86E; 
        
            
        }
        
        .globaassname h3{
            
         font-size: 24px!important;    
         font-weight: 600;   
            
        } 
        
        .globaassname ul li{
            list-style: none!important;
        }
        
        .club-nm{
            
         color: #0f206c; 
          font-size: 20px!important;  
           transition: 1s;  
        }     
        .club-nm:hover{
            
         color: #0f206c; 
          
         font-weight: 600;
           transition: 1s; 
        } 


 .owl-carousel-exclub .owl-stage-outer{
          padding-top: 100px;  
            
        }
       
        
.slider-card .cl-title {
  visibility: hidden; /* Initially hidden */
  opacity: 0; /* Fully transparent */
  position: absolute;
  text-align: center;
  width: 100%;
  top: -70px;; /* Center vertically */
  left: 50%; /* Center horizontally */
  transform: translate(-50%, -50%); /* Perfect centering */
  font-size: 20px!important;
  z-index: 0;
 /* transition: opacity 0.5s ease-in-out, visibility 0s linear 0.5s; /* Smooth fade-in and fade-out */
}

.owl-carousel-exclub .owl-item.active.center .slider-card .cl-title {
  visibility: visible; /* Make the title visible */
  opacity: 1; /* Fully opaque */
  transition-delay: 0.5s; /* No delay for fade-in */
  color: #0f206c;
}

.owl-carousel-exclub .owl-item:not(.active) .slider-card .cl-title {
  visibility: hidden; /* Hide the title */
  opacity: 0; /* Make it fully transparent */
  transition-delay: 0.5s; /* Add a 0.5-second delay before starting the fade-out */
    
}




.slider-card .cl-img {
  visibility: hidden; /* Initially hidden */
  opacity: 0; /* Fully transparent */
  position: absolute;
  text-align: center;
  width: 100px;
  top: -180px;; /* Center vertically */
  left: 50%; /* Center horizontally */
  transform: translate(-50%, -50%); /* Perfect centering */
  
  z-index: 0;
  height: 125px !important;
    width: auto !important;
    padding: 10px;  
 
}


.owl-carousel-exclub .owl-item.center .slider-card .cl-img {
  visibility: visible; /* Make the title visible */
  opacity: 1; /* Fully opaque */
 transition-delay: 0.6s; /* No delay for fade-in */
  width: 150px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin-bottom: 20px;
}

.owl-carousel-exclub .owl-item:not(.active) .slider-card .cl-img  {
  visibility: hidden; /* Hide the title */
  opacity: 0; /* Make it fully transparent */

    
}

.owl-carousel-exclub .owl-nav{
    
   margin-top: 8%!important; 
    
}

.gl-access{
    
    max-width: 500px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
/*---facilites-bn-hol-start----*/

.facilites-bn-hol{
   
   
}

.facilites-title{
    
    background: rgba(44,30,13, 0.8);
    position: absolute;
    top: 45%;
    right: 0;
    padding: 15px 20px; 
}
.facilites-title h2{
   color: #eecbad; 
    
    
}
.facilites-title p{
   color: #fff; 
    
    
    
}

.facility-block{
    min-height: 330px;
    
    
}

.youtub-img-hol{
    
    position: relative;
}

.youtub-img-hol img{
    box-shadow: rgba(238, 204, 174, 0.5) 0px 54px 55px, rgba(238, 204, 174, 0.5) 0px -12px 30px, rgba(238, 204, 174, 0.5) 0px 4px 6px, rgba(238, 204, 174, 0.5) 0px 12px 13px, rgba(238, 204, 174, 0.3) 0px -3px 5px;
}

.bar-play {
    position: absolute;
    font-size: 75px;
    left: 0;
    right: 0;
    top: 48%;
    color: #fff;
    background: red;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    margin: auto;
    line-height: 0.9;
    text-align: center;
    
    /* Add the pulsing glow animation */
    animation: pulse-glow 1.5s infinite ease-in-out;
}

/* Define the keyframes for the pulse glow animation */
@keyframes pulse-glow {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 15px rgba(255, 0, 0, 0.7), 0 0 25px rgba(255, 0, 0, 0.5);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        box-shadow: 0 0 25px rgba(255, 0, 0, 1), 0 0 35px rgba(255, 0, 0, 0.8);
        opacity: 0.9;
    }
}



.blue-bg{
   background: #f7eade;
    padding-bottom: 100px;
    
}
.st-divder{
   margin-bottom: -20px; 
}
.ed-divder{
     margin-top: -80px; 
}
@media(max-width: 768px){

.facilites-title {
    background: rgba(44, 30, 13, 0.5);
    position: absolute;
    top: 40px;
    right: 0;
    padding: 10px 20px;
}


.facilites-title p{

display:none;

}


}
/*---facilites-bn-hol-end----*/


     
   /*   .owl-carousel-exclub::before{
          background: url(images/dfdf.png)center center no-repeat;
          width: 100%;
            height: 300px;
          content: '';
          display: block;
          position: absolute;
          top: -50px;
          background-size: auto;
          z-index: 1;
      }        
   */   
.slider-card img {
  border-radius: 5px 5px 0px 0px;
}

 /* Navigation button styling */
         /* Ensure the carousel container is positioned relative for centering */
.owl-carousel-exclub {
    position: relative;
}

/* Custom styling for prev and next buttons */
.owl-carousel-exclub .owl-prev,.owl-carousel-exclub .owl-next {
    position: absolute;
    top: 60%;
    transform: translateY(-50%); /* Vertically centers buttons */
    background-color: #035195; /* Set a background color */
    color: #CCA86E; /* Button text color */
    border: none;
    border-radius: 50%; /* Make buttons round */
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 25px;
}

/* Positioning the buttons */
.owl-carousel-exclub .owl-prev {
    left: 10px; /* Adjust to set it outside the carousel */
}

.owl-carousel-exclub .owl-next {
    right: 10px; /* Adjust to set it outside the carousel */
}

/* Button hover effects */
.owl-carousel-exclub .owl-prev:hover, .owl-carousel-achive .owl-next:hover {
    background-color: #555; /* Darker background on hover */
}
        
      
      /*----global access  end---*/

/*------contact start-----*/
.contact-bn-hol{
    
  position: relative; 
   
    
}
.contact-bg{
   background: #fcf5ea;
    min-height: 500px;
    
}
.con-adds{
    
   position: relative;
    z-index: 0;
    font-style: italic;
}








   .contact-title {
            font-size: 1.5rem;
            font-weight: bold;
            margin-bottom: 20px;
        }
        .contact-details {
            margin-bottom: 20px;
        }
        .contact-details p {
            margin: 0;
        }
      
      .text-fl{
          background-color:transparent!important;
          border:1px solid #CCA86E!important;
          height: 45px;
      }
      
      .email-phone p {
            margin: 0;
          
          display: block;
        }
        .contact-details .address, .contact-details .hours, .contact-details .email-phone {
            margin-bottom: 10px;
            
        }
      .email-phone a {
          color: #000;
          text-decoration: none;
          font-size: 16px;
        }
      
      
     .contact-details p img, .email-phone p img{
          
          margin-right: 5px;
      }
      
      
      
      .mass{min-height: 200px!important; border-color: #CCA86E!important;}
      
     input[type="text"]:focus,

input[type="email"]:focus,

input[type="password"]:focus,

textarea:focus {

  border-color: none; }
 



     .contr-fr ::placeholder {
  color: #CCA86E!important;
  opacity: 1; /* Firefox */
}
      

.contact-details{
    
    font-size: 18px;
}


/*------contact end-------*/

/*----Backrum start---*/

   h1.page-title  {  

        color: #071c1f;

    clear: both;

    

    font-weight: 700;

    line-height: 1.3;

    margin-bottom: 60px;

    text-align: center;

}

    

    .brm-title{

        

        position: absolute;

        

        bottom: 20px;

        

        left: 0;

        right: 0;

    }   

    

  .ltn__breadcrumb-list ul {

    margin: 0;

    padding: 0;

}  

    

  .ltn__breadcrumb-list ul li {

    display: inline-block;

    margin-right: 30px;

    position: relative;

    font-weight: 700;

}  

    

    .ltn__breadcrumb-list ul li span{

        

      color: #ff5a3c;  

        

        

    }   

    

   .ltn__breadcrumb-list ul li a {

       color: #ff5a3c;

       text-decoration: none;

        

    }

    

   

 

    



/*----Backrum end---*/

/*---- slider--about start--*/

 /* Styling for the carousel items */
        .carousel-item {
            position: relative;
        }

      .side-title {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    
    padding: 10px;
    font-size: 35px; /* Adjust font size as needed */
    color: white; /* Makes the text stand out */
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 
                 0 0 20px rgba(255, 255, 255, 0.6), 
                 0 0 30px rgba(255, 255, 255, 0.4);
    font-weight: bold; /* Optional, for better visibility */
    border-radius: 5px; /* Adds slight rounding to the background */
}
        .side-title h2{}
        /* Fade-down animation styles */
        .fade-down {
            opacity: 0;
            transform: translateY(-100px);
            animation: fadeDown 3s ease-in-out forwards;
        }

        @keyframes fadeDown {
            0% {
                opacity: 0;
                transform: translateY(-100px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Styling for carousel indicators */
        .carousel-indicators li {
            box-sizing: content-box;
            flex: 0 1 auto;
            width: 30px;
            height: 3px;
            margin: 0 3px;
            text-indent: -999px;
            cursor: pointer;
            background-color: #fff;
            background-clip: padding-box;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            opacity: 0.5;
            transition: opacity 0.6s ease;
        }
        
        
        
        
           .sec-slid-arrow{
        
       top: 50%;
    transform: translateY(-50%); /* Vertically centers buttons */
    background-color: #035195; /* Set a background color */
    color: #fff; /* Button text color */
    border: none;
    border-radius: 50%; /* Make buttons round */
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 25px;
    
    } 
    .carousel a{
        text-decoration: none;
    }     
        

/*-----slider--about-end----*/
/*-----memberarea start-------*/
  .ex-am{
        
      height: 40px!important;  
        
    }
  .mem-img img{
            
          height: 250px;
            width: auto;
            
        }
    
        
        .member-img-hol {
    padding: 20px;
    background-color: #f8f9fa; /* Light background */
}

.mem-img {
    margin: 2%;
    padding: 20px;
    border: 1px solid #ddd; /* Light border around the images */
    border-radius: 10px;
    background-color: #ffffff; /* White background for each box */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Soft shadow for effect */
    max-width: 300px; /* Limit the width of each image box */
}

.mem-img h4 {
    font-weight: bold;
    margin-bottom: 10px;
    color: #006699; /* Bootstrap primary color */
}

.mem-img img {
    width: 100%; /* Make the images responsive */
    height: auto;
    border-radius: 50%; /* Circular images */
    border: 2px solid #006699; /* Border around the images */
    margin-bottom: 10px;
}

.mem-img p {
    font-size: 16px;
    color: #333;
}

 /*-------member table-css-start---*/       
        
/*-------member table css-end-----*/

.leadger-hol table {
  width: 100%; /* Ensures table takes full width */
  border-collapse: collapse; /* Optional, removes gaps between cells */
}

.leadger-hol tbody {
  display: block;
  height: 300px;
  overflow-y: scroll;
  width: 100%;
}

.leadger-hol thead, .leadger-hol tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed; /* Ensures columns maintain the same width */
}

.leadger-hol th, .leadger-hol td {
  padding: 10px;
  text-align: left;
  border: 1px solid #ddd; /* Adds border to the table cells */
}

   @media (max-width: 768px) {
        .leadger-hol table {
  width: 750px; /* Ensures table takes full width */
  border-collapse: collapse; /* Optional, removes gaps between cells */
}
        .leadger-hol{
            
            overflow-x: scroll;
        }
        
    }      

/*-----memberarea end-------*/


/*------footer--start------*/
.footer-hol{
   background:#0f206c; 
    
   
}


.footer-hol a:hover{
   color:#fff;
    
   
}

 .club-tag {
      font-weight: 600;
      letter-spacing: 1.7px;
      text-transform: uppercase;
     
      font-size: 16px;
      fill: #CCA86E;
      /* text-shadow: 2px 0px #CCA86E; */
    }

    #rotatingText {
      animation: rotate-circle 10s linear 1;
       transform: rotate(30deg);  
        
    }

    @keyframes rotate-circle {
      to {
        
         transform: rotate(390deg);  
          
      }
    }

    .footer-logo-hol {
      
      text-align: start;
        
        position: relative;
    }

    .footer-logo-hol img {
     /* position: absolute;*/
        top: 29px;
        left: 29px;
        z-index: 9999;
      filter: drop-shadow(0px 0px 5px #333);
      animation: rotate-circle-reverse 5s linear 1 reverse;
    }

    @keyframes rotate-circle-reverse {
      to {
        transform: rotate(-1turn);
      }
    }


.copyr{
        background: #0f206c;
    font-size: 12px;
}

.copyr:before{
    content:'';
     border-top: 1px solid #CCA86E;
    display: block;
    width: 200px;
    margin: auto;
    padding-bottom: 10px;
}

/*------animatiom-end---*/

.nav-footer-link  {
    display: flex;                
    justify-content: flex-end;  
    list-style: none;             
    padding: 0;                   
    margin: 0;                    
}


.footer-qik  {
   display: flex;                
    justify-content: end;  
    list-style: none;             
    padding: 0;                   
    margin: 0; 
    
}



.nav-footer-link-left{
    
  display: flex;                
    justify-content: flex-start;  
    list-style: none;             
    padding: 0;                   
    margin: 0;    
    
    
}
.f-nav-link {
    color: #CCA86E;              
    text-decoration: none;        
     padding: 5px 10px 5px 0px!important;             
    text-align: center;
    font-size: 12px;
    
}

.mex-f{
    
  margin-top: 0;  
}

.f-nav-link:not(:last-child)::after {
    content: ""; 
    border:1px solid;     
    margin: 0 0px 0 10px;               
    color: #CCA86E;              
    font-weight: 800;
}


.social-links a img {
    width: 32px;
    margin-right: 5px;
}
       
       
       .cont-f{
           position: absolute;
           bottom: 20px;
           color: #fff;
           
           
       }  




@media (max-width: 768px) {
    .footer-qik  {
   display: list-item;                
    justify-content: center;  
      list-style: disc;          
    padding: 0;                   
 
    
    
}

    .footer-qik:before{
      content: 'Quick Link';  
       color: #fff; 
        
    }
       .cont-f{
           position: absolute;
           bottom: 30px;
           color: #fff;
           left: 15%;
           display: none;
           
           
       }  

    
    .ft-mail{
        display: inline-block;
    }
    .mex-f{
    
  margin-top: 20px;  
}
    .ft-mail::before {
        
       content: 'Contact:';
        color: #fff;
        font-weight: 500;
        display: block;
        font-size: 18px;
        
    }
    
    
 .f-nav-link:not(:last-child)::after {
    content: ""; 
    border:0px solid;     
    margin: 0 0px 0 10px;               
    color: #CCA86E;              
    font-weight: 800;
     
}
   
    
    
        
           
 .nav-footer-link  {
    display: flex;                
    justify-content: center;  
    list-style: none;             
    padding: 0;                   
    margin: 0;                    
}
    .footer-logo-hol {
      
      text-align: center;
        
        position: relative;
    }
    
    .nav-footer-link-left{
    
  display: flex;                
    /*justify-content: center; */  
    list-style: none;             
    padding: 0;                   
    margin: 0;    
    
    
}
   
   .f-nav-link {
    color: #CCA86E;              
    text-decoration: none;        
     padding: 5px 5px 5px 0px!important;             
    text-align: left;
} 
    
    
    
    
    }
/*------footer--end------*/


.sports-text,.exp-text p{

    text-align: justify!important;

}