@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch&family=Montserrat&family=Nothing+You+Could+Do&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Saira+Condensed&display=swap');
*{
    margin: 0;
    padding: 0;
    /* border: 1px solid #000000; */
  
   
  
   
}

body{
    background-color: #ffffff;
}

.call-button{
  position: fixed;
  top: 85%;
  right: 8px;
  border-radius: 50%;
  padding: 0.7rem;
  color: #ffffff;
  background-color: #850c7c;
  font-size: 1.5rem;
  cursor: pointer;
  z-index: 99;
}



#submitError{
    color:#fff;
    margin: auto;
    margin-bottom:1rem;
    font-size: 1rem;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

h2{
    font-size: 2rem;
    text-align: center;
    color: #850c7c;
    padding-left: 10px;
    font-family: 'Saira Condensed', sans-serif;
    width: fit-content;
    margin: auto;

    /* font-family: 'Chakra Petch', sans-serif; */
    /* font-family: 'Chakra Petch', sans-serif; */
}

.heading-img{
  /* border-top: 0.5px solid #38414c; */
  width:250px;
  margin: auto;
  display: block;
  margin-top: -5px;
}

.heading-top{
  padding: 0rem 3rem;

}

.about-section h3{
    font-size: 0.8rem;
    text-align: center;
    padding-top: 0.5rem;
    color: #000000;
    /* font-weight: 100; */
    margin: auto;
    max-width:900px;
    font-family: 'Montserrat', sans-serif;
    /* font-weight: 100; */
    
}


/* header */

    header{
    position:fixed;
    top: 0;
    z-index: 990;
    width: 100%;
    font-family: 'Chakra Petch', sans-serif;
    background-color: transparent;
    
    }

 

    nav{
     position: relative;
     
    }

    .top-nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0rem 5rem;
    
    }

/*.middlelogo{*/
/*    margin-left:150px;*/
/*}*/

     .logo{
    height: 100% ;
    /* width: 50px; */
    transition: 1s;
    }
    .logo img{
      height: 100% ;
    height: 60px !important;
    object-fit: cover;
    
    }

    .leftnav , .rightnav{
        display: flex;
    align-items: center;
    gap: 30px;
    padding: 1rem 0rem;
    
    }

    .leftnav a , .rightnav a ,.call-header a{
        color: #fff;
        /* text-shadow: 1px 1px #ffffff; */
        font-size: 0.9rem;
        text-decoration: none;
        /* border: 2px solid #6A5A8A; */
        padding: 5px;
    }

   
/* .call-header{
  margin-left: 1rem;
  
} */



    .header-call i{
     margin-right: 10px;
    
    }




    .Mobile-header{
      display: none;
    }
  
    .sidebar{
      display: none;
      
    }
  
    .openbtn{
      display: none !important;
    }

    
    
           
/* Sidebar Styles */
.sidebar {
  height: 450px;
  width: 0;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background-color:#38414cec ;
 
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 0px;


}
.sidebar i{
  position: absolute;
  right: 10px;
  top: 10px;
  color: #ffffff;
  font-size: 1.5rem;

 
  
}

.sidebar i:hover{
  color: red;
}

.sidebar ul{
  margin-top: 3rem;
  
}

.sidebar a{
  color: #fff;
  text-decoration: none;
  
}

.mobile-logo{
  height: auto;
}

.sidebar li{

  padding: 10px;

 
}

.sidebar ul a{
  margin-left: 10px;
  font-size: 0.8rem;
  font-family: 'Montserrat', sans-serif;

  
}

.Mobile-header{
      
  background-image: transparent !important;
  padding-left: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  z-index: 999;
  position: fixed;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  }

  .dropdown-content-sidebar {
    display: none;
   
    min-width: 100px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    z-index: 1;
   
    }
    
    .dropdown-content-sidebar a {
    color: rgb(255, 255, 255);
    padding: 10px 5px;
    text-decoration: none;
    display: block;
   
    font-size: 0.8rem;
    font-family: 'Montserrat', sans-serif;
    }
    
    .contact-us-slidebar{
    background-color: #0d535f;
    width: 120px;
    margin-left: 3rem;
    margin-top: 0.5rem;
    font-size: 13px;
    }
    
    
    .dropdown-sidebar:hover .dropdown-content-sidebar {
    display: block;
    }
    

  .transparent-bg {
   background-color: #850c7c;
}

  .Mobile-header img {
    width: 40px;
   
    
  }



  .openbtn{
  display: block !important;
    font-size: 1.2rem;
    color: #fff;
    margin-right: 40px;
  
}
.sidebar{
  display: block;
  z-index: 9999;
  
}
.sidebar a{
  justify-content: right;
  align-items: end;
  
}





    /* pop up form start */
    /*Dialog Styles*/
#dialog {
	padding: 1rem 3rem;
	background: white;
	max-width: 400px;
	/* padding-top: 1rem; */
	border-radius: 20px;
	border: 0;
	box-shadow: 0 5px 30px 0 rgb(0 0 0 / 10%);
	animation: fadeIn 1s ease both;
  margin: auto;
  overflow: hidden;
 
  
   
	&::backdrop {
		animation: fadeIn 1s ease both;
		background: #0d535f7a;
		z-index: 2;
		backdrop-filter: blur(2px);
    
    
    
	}
	.x {
		filter: grayscale(1);
		border: none;
		background: none;
		position: absolute;
		top: 15px;
		right: 10px;
		transition: ease filter, transform 0.3s;
		cursor: pointer;
		transform-origin: center;
		&:hover {
			filter: grayscale(0);
			transform: scale(1.1);
		}
	}

  #dialog form { 
    /* max-width:420px; */
     margin:50px auto;
    /* z-index: 2; */
   
   
   
   }
   .form-leaf{
    position: absolute;
    right: 0;
    height: 300px;
    top: 30%;
    filter: blur(1px);
    z-index: -1;
   }

   /* .form-leaf img{
    filter: blur(1px);
   } */

   .popup-form h2{
    color: #0d535f;
   }

   .popup-form p{
    color: #000000;
    font-size: 0.8rem;
    text-align: center;
    margin-bottom: 1rem;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;

   }
  
  .feedback-input {
    color: #000000;
    
    font-weight:500;
    font-size: 0.8rem;
   
    border-radius: 5px;
    line-height: 22px;
    background-color: transparent;
    border:1px solid #0d535f;
    transition: all 0.3s;
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom: 15px;
    width:100%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    outline:0;
    background-color: #ffffff73;
    
  }
  
  .feedback-input:focus {border:1px solid #0d535f;   background-color: #ffffffaf; }
  
  .popup-form textarea {
    height: 100px;
    line-height: 150%;
    resize:vertical;
  }
  
  .popup-form [type="submit"] {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    width: 100%;
    background:#0d535f;
    border-radius:5px;
    color: #fff !important;
    border:0;
    cursor:pointer;
    color:0d535f;
    font-size: 1rem;
    padding-top:10px;
    padding-bottom:10px;
    transition: all 0.3s;
    margin-top:-4px;
    font-weight:100;
  }
  [type="submit"]:hover { background:#0d535f; color: #fff; }

	
}

/*General Styles*/

/* button.primary {
	display: inline-block;
	font-size: 0.8rem;
	color: #fff !important;
	background: rgb(var(--vs-primary) / 100%);
	padding: 13px 25px;
	border-radius: 17px;
	transition: background-color 0.1s ease;
	box-sizing: border-box;
	transition: all 0.25s ease;
	border: 0;
	cursor: pointer;
	box-shadow: 0 10px 20px -10px rgb(var(--vs-primary) / 50%);
	&:hover {
		box-shadow: 0 20px 20px -10px rgb(var(--vs-primary) / 50%);
		transform: translateY(-5px);
	}
} */

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


 /* pop up form end */


    /* slider top start */

.slider-top{
    height: 100vh;
    width: 100%;
    
    }
    
      .slide-container {
        display: flex;
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
        background:no-repeat center center;
        background-size: cover;
        
       
       }
       
       .slide {
        flex: 1 0 33.33%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #cccccc;
        font-size: 3em;
        transition: all 1s ease;
         background-size:cover;
       }
       
       .slide-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
       
       }

       .slide img{
        width: 100%;
        height: 100%;
       }


       /* .slider-text-form{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50% ,-40%);
        width: 80%;
        display: flex;
        justify-content: space-between;
       } */

       .slider-text {
        /* margin: auto 0rem 0rem 0rem; */
        position: absolute;
        left: 0;
        top: 55%;
        transform: translate(0% , -50% );
       
        clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
        background-color: #0d535f41;
        border: 1px solid #fff;
      
        /* background-position: center;
        background-size: cover;
        background-color: #00000067;
        background-blend-mode: color; */
       padding: 1.5rem 5rem 3rem 1rem;
       }

       
       
       
       

       

       .slider-text h1{
        /* font-size: 2rem; */
        text-align: left;
        color: #ffffff;
        text-shadow: 1px 1px #000000;
        border-radius: 1rem;
        font-weight: 600;
        margin-bottom: 1rem;
        font-family: 'Chakra Petch', sans-serif;
        background-repeat: no-repeat;
        background-position: -15px center;
        font-size: 52px;
        text-transform:uppercase;
        letter-spacing:-2px;
        -webkit-transition: all 0.2s ease;
        -moz-transition:    all 0.2s ease;
        -o-transition:      all 0.2s ease;
        -ms-transition:     all 0.2s ease;
        transition:         all 0.2s ease;
       }

       .slider-text h1:hover{
        cursor:pointer;
        background-position:0px center;  
        -ms-transform: translateX(10px);
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
      }

      .text3d::before {
        content:"";
        width: 100%;
        height: 750px;
        position: absolute;
        top: -200px;
        left: 10px;
        transform: rotate(55deg);
        background: rgba(206,188,155,.7);
        background: -moz-linear-gradient(left, rgba(206,188,155,.7) 0%, rgba(42,31,25,0) 65%);
        background: -webkit-linear-gradient(left, rgba(206,188,155,.7) 0%, rgba(42,31,25,0) 65%);
        background: -o-linear-gradient(left, rgba(206,188,155,.7) 0%, rgba(42,31,25,0) 65%);
        background: -ms-linear-gradient(left, rgba(206,188,155,.7) 0%, rgba(42,31,25,0) 65%);
        background: linear-gradient(to right, rgba(206,188,155,.7) 0%, rgba(42,31,25,0) 65%);
        
      }
      
    
     
      #text3d {
        color: #fff;
          letter-spacing: .15em;
          font-family:'Times New Roman', Times, serif;
          text-shadow: 
            -1px -1px 1px #efede3, 
            0px 1px 0 #0d535f, 
            0px 2px 0 #555f38, 
            0px 3px 0 #555f39, 
            0px 4px 0 #555f40, 
            0px 5px 0 #555f41, 
            0px 6px 0 #555f42, 
            0px 7px 0 #555f43, 
            /* 0px 8px 0 #202020, 
            0px 9px 0 #1e1e1e, 
            0px 10px 0 #1c1c1c, 
            0px 11px 0 #1a1a1a, 
            0px 12px 0 #181818, 
            0px 13px 0 #161616, 
            0px 14px 0 #141414, 
            0px 15px 0 #121212, */
            2px 20px 5px rgba(0, 0, 0, 0.9),
            5px 23px 5px rgba(0, 0, 0, 0.3),
            8px 27px 8px rgba(0, 0, 0, 0.5),
            8px 28px 35px rgba(0, 0, 0, 0.9);
       }
      
      
     

       .slider-text h4{
        /* background-color: #ffffff;
        padding: 1rem; */
        color: #38414c ;
        background-color: #fff;
        padding: 0.3rem ;
        font-weight: 600;
        width: 200%;
        font-size: 1rem;
       
       /* text-shadow: 1px 1px #000000; */
        font-family: 'Montserrat', sans-serif;
       }

       .slider-highlghts-container{
        display: flex;
        gap: 1.5rem;
        margin-top: 2rem;
       }

       .sliderhighlight{
        /* border: 1px solid #6A5A8A; */
        border-radius: 20px;
        background-color: #A6BB8D59;
        padding: 1rem;
        color: #F2FFE9;
       }

       .sliderhighlight p{
        font-size: 1.5rem;
        margin-bottom: 20px;
        font-family: 'Chakra Petch', sans-serif;
       }

       .sliderhighlight span{
        font-size: 1rem;
        background-color: #c5cfa6;
        color: #000000;
        font-weight: 600;
        font-family: 'Montserrat', sans-serif;
        padding: 5px;

       }

       



       .top-slider-form{
        position: absolute;
        right: 5%;
        top: 55%;
        transform: translate(0% , -50% );
        padding: 1rem;
        background-color: #0d535fd0;
        width: 300px;
        border-radius:24px;
       
       }

       .form-inner{
        border: 1px solid #ffffff;
        padding: 1rem;
        border-radius:18px;
       }

       .form-inner h4{
        font-size: 1rem;
        margin-bottom: 1rem;
        color: #F2FFE9;
        font-family: 'Chakra Petch', sans-serif;
        background-color: #fff;
        color:#0d535f;
        text-align:center;
         border-radius:10px;
         padding:0.5rem;
       }

       form{
        width: 95%;
        padding:2%;
       }

       .top-slider-form form input{
        display: block;
        background: transparent;
        width: 100%;
        padding:.5rem 0;
        padding-left: 0.5rem;
        border: 1px solid #fff;
        border-radius: .5rem;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
        font-family: 'Montserrat', sans-serif;
        color:#fff;
        }

        .top-slider-form form textarea{
            width: 100%;
            height: 12vh;
            padding:.5rem 0;
            padding-left: 0.5rem;
            border: 1px solid #fff;
            background: transparent;
            border-radius: .5rem;
            box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
            font-family: 'Montserrat', sans-serif;
            color:#fff;
        }
    
         .top-slider-form ::placeholder{
                padding-left: .5rem;
                font-family: 'Montserrat', sans-serif;
                color:#fff;
         }

         .top-slider-form .submit-button{
            border: 2px solid #6A5A8A;
            background-color: transparent;
            color: #ffffff;
         }



         /* about section start */

         .about-section{
            padding: 2rem  5rem;
            position: relative;
           
            
         }

         .leaf-right{
          position: absolute;
          right: 0;
          bottom: 0;
          z-index: -1;
         }

         .leaf-left{
          position: absolute;
          left: 0;
          top:0%;
          z-index: -1;
         }

         .leaf-left img{
          height: 400px;
          filter: blur(1px) brightness(150%);

         }

         .leaf-right img {
          height: 300px;
         }

         .about-container{
          
            padding: 3rem 1rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 3rem;
            gap: 1rem;
         }

         .about-content{
           border: 2px solid #850c7c;
           border-radius: 20px;
           position: relative;
           padding: 60px 1rem 1rem 1rem;
           width: 300px;
           --border-size: 3px;
           --border-angle: 0turn;
           /* border-style: dotted; */
           /* background-color: #ffffffb7; */
         
          }
           
         

         

         


         .about-content img{
            position: absolute;
            background-color: #ffffff;
            left: 50%;
            transform: translate(-50%);
            height: 70px;
            padding: 0rem 0.5rem;
            top: -30px;

         }

         .about-content p{
            color: #000;
            font-weight: 600;
            text-align: center;
            font-family: 'Montserrat', sans-serif;
            font-size: 0.8rem;
         }

         .about-content h5{
            font-size: 1.1rem;
            font-family: 'Chakra Petch', sans-serif;
            margin-top: 10px;
            text-align: center;
            color: #850c7c;
         }


         /* Register container start*/

         .register-container{
            width: 100%;
            text-align: center;
           
         }

         .register-container a{
            text-decoration: none;
            display:flex;
            gap: 2px;
            align-items:center ;
            border: 1px solid #0d535f;
            width: 350px;
            color: #ffffff;
            margin: auto; 
            background-color: #0d535f;
            padding: 10px 2rem;
           
         }

         .register-container a i{
            font-size: 2rem;
           
            padding-left: 15px;
         }

         .register-container a p{
            font-size: 1.2rem;
           height: 100%;
           width: 100%;
         
           
           font-family: 'Montserrat', sans-serif;
         }

         .register-container a:hover{
            /* background-color: #ffffff00; */
            color: #fff;
            border: 1px solid #850c7c;
            font-weight: 600;
         }

         .sweep-to-right {
            position: relative;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-transition: color 1000ms;
            transition: color 1000ms;
          }
          .sweep-to-right:before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #850c7c;
            /* border: 1px solid #0d535f; */
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
            -webkit-transition-property: transform;
            transition-property: transform;
            -webkit-transition: 300ms ease-out;
            transition: 300ms ease-out;
          }
          .sweep-to-right:hover:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
          }



          /* specification */

          .specification-section{
          padding: 2rem  5rem 0rem 5rem;
        }

          .specification-container{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-top:2rem;
          }

          .specification-card{
            width: 23%;
            margin-bottom: 3rem;
          }

          .specification-card img{
            margin: auto;
            width:40%;
            height:auto;
            display: block;
          }

          .specification-card p{
            font-size: 1.2rem;
            text-align: center;
            margin-top: 1rem;
          }
      

        


          /* Highlight section start */

          .highlight-aminities-section{
            padding: 2rem  5rem;
            
             position: relative;
          }

          .leaf-right-high{
            position: absolute;
            top: 10%;
            right: 0;
            transform: translate(-50% -0);
            z-index: 1;
          }

          .leaf-right-high img{
            height: 700px;
            filter: blur(1px);

          }

          .highlight-container{
            display: flex;
            align-items: center;
            padding: 0rem 0rem ;
            gap: 2rem;
            /*background-color: #850c7da1;*/
            /* outline: 6px solid #0d535f; */
            /* background-color: #0d535fce; */
            
           
           
          }

          .highlight-image{
            width: 40%;
            height: auto;
            padding: 0 3rem;
            z-index: 4;
          }

          .highlight-image img{
            height: 250px;
            width: 100%;
            object-fit: cover;
            margin: 1rem 0rem;
            /* border-radius: 50%; */
            box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
            /* transform: perspective(300px) rotateX(0deg) rotateY(1deg); */
            transition: 1s;
            /* border-style: dotted; */
          }
          
          .hightlight-content{
            width: 60%;
          }

          .hightlight-content h4{
            font-size: 1.5rem ;
            margin-bottom:2rem;
            /*color: #fff;*/
            /* color: #38414c; */
            
           
            
          }

         .hightlight-content ul li {
          z-index: 3;
            /* width: 200px; */
            height: 35px;
            display: flex;
            align-items: center;
            margin: 1em;
            cursor: pointer;
            padding: 0.5em;
            background: #fff;
            position: relative;
            color: #850c7c;
            /* border-radius: 5px; */
           
            font-family: 'Montserrat', sans-serif;
            font-size: 0.8rem;
            box-shadow: #850c7d98 0px 2px 8px 0px;
            font-weight: 600;
            /* border: 1px solid #000000; */
        
        }
        
        .hightlight-content ul li:first-child{
            padding: 0;
            box-shadow:none;
            text-align:justify;
            color:#000;
        }
        
        .hightlight-content ul li:first-child:hover{
            color:#000;
        }
            
        
        
          .hightlight-content ul li:hover{
             color:#fff;
             
         }

      
        

        .aminities-container{
          padding-top: 2rem;
          padding: 2rem  5rem;
          
        }

        .aminities-swiper{
            margin-top: 2rem;
            height: fit-content;
               
           
        }


        .aminities-swiper .swiper-slide {
          width: 23% !important;
          height: 180px !important;
          margin-right: 2%;
            position: relative;

            background-color: #0d535f;
            border-radius: 10px;
            border: 1px solid #0d535f;
        }

       
       

      

        .aminities-slider p{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            color: #ffffff;
            font-size: 0.9rem;
            font-weight: 100;
            font-family: 'Chakra Petch', sans-serif;
            width: 200px;
            text-align: center;
        }

       
    
        .aminities-swiper .swiper-slide img {
          display: block;
          width: 70px;
          height: auto;
          object-fit: cover;
          margin: auto;
          display: block;
        }



            /*  gallery section start  */

            .gallery-section{
              padding: 1rem 0rem 3rem  0rem;
            }
  
            .gallery-container{
              position: relative;
              margin-top: 2rem;
              display: grid;
              grid-template-columns: 25% 30% 15% 25%;
              gap: 15px;
              place-content: center;
              grid-template-rows: 50% 50%;
              height: 80vh;
              min-height: 460px;
              padding: max(2vh, 1.5rem);
              font-family: 'Montserrat', sans-serif;
             
            }
  
            
            .gallery-container img{
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
  }
  
  .gallery-container h2{
    font-size: 1.2rem ;
    line-height: 1.3 !important;
    font-weight: 700;
  }

  
  
  
  @media screen and (max-width: 690px) {
    .gallery-container {
      height: 65vh;
    }
  }
  @media screen and (max-width: 470px) {
    .gallery-container {
      grid-template-columns: repeat(2, 4fr);
      grid-template-rows: repeat(3, 35%);
    }
  }
  .gallery-container .card {
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    overflow: hidden;
  }
  
  .gallery-container .card:hover img{
    scale: 1.3;
    transition: 3s;
    
  
  }
  @media screen and (max-width: 470px) {
    .gallery-container .card {
      grid-column: span 1;
    }
  }
  .gallery-container .card:nth-child(2) {
    grid-column: 2/3;
    grid-row: span 2;
  }
  @media screen and (max-width: 690px) {
    .gallery-container .card:nth-child(2) {
      grid-column: span 1;
      grid-row: span 1;
    }
  }
  .gallery-container .card:nth-child(3) {
    grid-column: span 2;
  }
  @media screen and (max-width: 690px) {
    .gallery-container .card:nth-child(3) {
      grid-column: 2/4;
      grid-row: 1/2;
    }
  }
  @media screen and (max-width: 690px) {
    .gallery-container .card:nth-child(6) {
      grid-column: 2/4;
      grid-row: 2/3;
    }
  }
  @media screen and (max-width: 470px) {
    .gallery-container .card:nth-child(5) {
      grid-column: span 2;
    }
  }
  .gallery-container .card p {
   font-size: 1.1rem;
    line-height: 1.4;
  }
  .gallery-container .card img {
    border-radius: 15px;
    object-fit: cover;
    /* filter: brightness(60%); */
    height: 100%;
    width: 100%;
  }
  .gallery-container .card .card__img {
    position: relative;
    
    height: 100%;
    object-fit: cover;
  }
  .gallery-container .card .card__img .card__overlay {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
    padding: 0.5rem;
    /* padding: clamp(0.938rem,5vw,1.563rem); */
  background-color: #0000007a;
    border-radius: 25px;
    
  }

 

  .gallery-container .card .card__img span {
    position: absolute;
    top: 25px;
    left: min(2vmax, 1.563rem);
    color: #ff7b29;
    background: #fff;
    border-radius: 50px;
    padding: 2px 8px 2px 6px;
    display: flex;
    /* box-shadow: 0px 1px 20px #0000002b; */
  }
  @media screen and (max-width: 690px) {
    .gallery-container .card .card__img span {
      top: 20px;
    }
  }
  @media screen and (max-width: 470px) {
    .gallery-container .card .card__img span {
      top: 15px;
    }
  }
  .gallery-container .card .card__img span svg {
    fill: #ff7b29;
    width: 20px;
    margin-right: 2px;
  }
  
  
  
  
  /* The Modal (background) */
  
  .demo-container{
    display: flex;
    justify-content: space-around;
  }
  .column {
    float: left;
    justify-content: space-between;
    width: 16%;
    height: 100px;
  }
  .modal {
    box-sizing: border-box;
    display: none;
    position: fixed;
    z-index:999;
    padding-top: 50px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.815);
  }
  
  /* Modal Content */
  .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 700px;
    height: 400px;
  }
  
  /* The Close Button */
  .modal .close {
    color: white;
    position: absolute;
    top: -30px;
    right: -25px;
    font-size: 35px;
    font-weight: bold;
  }
  
  .modal .close:hover,
  .modal .close:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer;
  }
  
  .modal .mySlides {
    display: none;
  }
  
  .modal .cursor {
    cursor: pointer;
  }
  
  /* Next & previous buttons */
  .modal .prev,
  .modal .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
  }
  
  /* Position the "next button" to the right */
  .modal .next {
    right: 0;
    border-radius: 3px 0 0 3px;
  }
  
  /* On hover, add a black background color with a little bit see-through */
  .modal .prev:hover,
  .modal .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }
  
  /* Number text (1/3 etc) */
  .modal .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
  }
  
  .modal img {
    margin-bottom: -4px;
  }
  
  .modal .caption-container {
    text-align: center;
    background-color: black;
    padding: 2px 16px;
    color: white;
  }
  
  .modal .demo {
    opacity: 0.6;
  }
  
  .modal .active,
  .modal .demo:hover {
    opacity: 1;
  }
  
  .modal img.hover-shadow {
    transition: 0.3s;
  }
  
  .modal .hover-shadow:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
          
           
              
            
  



        /* floor plan start */


        .floorplan-section{
          padding: 2rem  5rem;
        }

        .floorplan-container{
          margin-top: 2rem;
          display: flex;
          justify-content: center;
          gap: 3%;
          flex-wrap: wrap;
        }

        .floorplan-image{
          width: auto;
          /* border: 2px solid #0d535f; */
          height: 250px;
         
          position: relative;
          overflow: hidden;
          margin-bottom: 2rem;
          outline: 2px solid #c5cfa6;
         
        }

        .floorplan-image img{
          width: 100%;
          object-fit: cover;
          display: block;
          /* filter: blur(0.1px); */
          height: 100%;
        }

        .floorplan-image a{
          /* text-align: center; */
          position: absolute;
          width: 100%;
          /* padding: 100%; */
          /* padding: 2rem; */
          font-family: 'Montserrat', sans-serif;
          top: 50%;
          left: 50%;
          /* background-color: #0d535f; */
          transform: translate(-50% ,-50%);
          text-decoration: none;
          cursor:pointer;
          display: none;
          font-weight: bold;
          color: #ffffff;
          font-size: 1.6rem;
          text-align: center;
          padding: 13rem 0rem; 
        }

        .floorplan-image a span{
          /* border: 1px solid #ffffff; */
          padding: 1rem;
          background-color: #0d535f;

        }


        .floorplan-image a:hover{
          color: #ffffff;
          font-weight: 100;
        }

       

        .floorplan-image:hover .bounce-to-bottom{
          display: block;
          /* background-color: #c5cfa6; */
          
          
        

        }

       

    


.bounce-to-bottom {
  position: relative;
  -webkit-transition: color 500ms;
  transition: color 500ms;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bounce-to-bottom:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: -1;
  background: #0d535f9c;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transition: 300ms ease-out;
  transition: 0.4s ease-out;
 
}
.bounce-to-bottom:hover:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  
}



          /* floor plan end */


          /* payment plan section start*/

          .paymentplan-section{
            padding: 2rem  5rem;
          }

          .location-conatainer{
            
            margin-top: 2rem;
          }


          .paymentplan-container{
            margin-top: 2rem;
            /* display: flex;
            gap: 1rem; */
          }

          .paymentplan-container h6{
            font-size: 1.5rem;
            padding: 0.5rem 1rem;
            text-align: center;
            font-family: 'Chakra Petch', sans-serif;
            /* background-color: #000000; */
          }

          .paymentplan-container table{
            margin: auto;
          }

          .down-pay{
            margin-top: 2rem;
          }

          .paymentplan-container td{
            /* border: 1px solid #ddd; */
            font-weight: 400;
           
            padding: 8px;
           font-size: 1rem;
           text-align: center;
           font-family: 'Montserrat', sans-serif;
           /* background-color: #c5cfa6; */
           border: 1px solid #c5cfa6;
          }
          .paymentplan-container tr{
            background-color: #c5cfa6ea;
          }
          
          /* .paymentplan-container tr:nth-child(even){background-color: #0d535f;} */
          
          .paymentplan-container tr:hover{
            background-color: #0d535f;
            color: #fff;
           }
          
          .paymentplan-container th {
            padding-top: 12px;
            padding-bottom: 12px;
            text-align: center;
            background-color: #000000;
            color: white;
            border: 1px solid #ddd;
            padding: 10px 50px;
            font-size: 1.3rem;
            font-weight: 100;
           
            font-family: 'Chakra Petch', sans-serif;
          }


           /* payment plan section end*/

          

           /* location section start */

           .location-section{
            padding: 2rem  5rem;
            position: relative;
            display:none;
           }

           .leaf-right-location{
            position: absolute;
            left: -10%;
            /* right: -120px; */
            top: -30%;
            z-index: -1;
           }

           .leaf-right-location img{
            height: 500px;

           }

          

           .locartion-map{
            width: 100%;
           
           }

           .locartion-map iframe{
            height: 500px;
           }


            /* excellent connectivity section start */

            .excellent-connect-section{
              padding: 2rem  5rem;
             }
  
           .location-detail{
            display: flex;
            
            background-color: #ebecde;
            justify-content: space-between;
           }

           .excellent-connectivity-container{
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            flex-direction: column;
            align-items: center;
            width: 50%;
            height: 300px;
           }

           .location-map-image{
            width: 50%;
            height: auto;
           }


           .location-map-image img{
            width: 100%;
            height: 100%;
           }

           

           .excellent-connectivity-container ul{
            padding: 1rem;
            height: fit-content;
           }

           .excellent-connectivity-container ul h4{
            font-size: 1.5rem;
            font-family: 'Chakra Petch', sans-serif;
            color: #38414c;
            margin-bottom: 0.5rem;
           }

           .excellent-connectivity-container ul li{
            list-style:square;
            padding: 5px;
            font-size: 1.2rem;
            font-family: 'Montserrat', sans-serif;
            font-weight: 600;
           }

           .heading-connect h2{
            display: none ;
           }
           .heading-connect img{
            display: none ;
           }

                   /* excellent connectivity section end */

           /* .location-detail img{
            width: 100%;
            height: 100%;
           } */
           
           



           /* location section end */
           
           
           
           /*other property section*/
           
           .other-location-section {
               padding:3rem 5rem ;
               position:relative;
           }
           
           .other-location-section .swiper {
               width: 100%;
               height: fit-content;
               margin-top:2rem;
             }
             
             .other-location-section .swiper-wrapper{
                 height:fit-content;
             }
            
             .other-location-section .swiper-slide {
               text-align: center;
               font-size: 18px;
               background: #fff;
               display: flex;
               justify-content: center;
               align-items: center;
               height: 350px ;
               width:100%;
               margin-right:2%;
               position:relative;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
               overflow:hidden;
             }
             .other-location-section .swiper-slide:hover{
             box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
                 
             }
             
             
            
             .other-location-section .swiper-slide:hover img{
                 scale:1.05;
                 transition:.5s;
                 
             }
            
             .other-location-section .swiper-slide img {
               display: block;
               width: 100%;
               height: 100%;
               object-fit: cover;
               transition:.5s;
             }
             
             .other-location-section .swiper-slide a{
                 position:absolute;
                 width:100%;
                 bottom:0;
                 padding:15px 0;
                 padding-top:20px;
                 color:#fff;
                 background-image: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0));
                 text-decoration:none;
                 font-family: 'Saira Condensed', sans-serif;
                 display:flex;
                 justify-content:center;
                 align-items:center;
                 flex-direction:column;
                 gap:5px;
             }
             
              .other-location-section .swiper-slide a p{
                  font-size:1.8rem;
              }
              
              .other-location-section .swiper-slide a span{
                  font-size:1rem;
                  padding: 0 10px;
                  border:1px solid #fff;
                  border-radius:10px;
                  backdrop-filter: blur(20px);
                  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
              }
             
               .other-location-section .swiper-button-prev:after{
                content: '←';
                color:#850c7c;
                
                }
                
                 .other-location-section .swiper-button-next:after {
                 content: '→';
                 color:#850c7c;
                }
                
                
                .swiper-button-prev{
                    margin-top:auto !important;
                    top:60% !important;
                    left:20px !important;
                }
                    
                .swiper-button-next {
                     margin-top:auto !important;
                     top:60% !important;
                     right:20px !important;
                }
                


           /* footer */

           /* .footer-image{
            margin-top: -260px;
            width: 100%;
            object-fit: cover;
           } */
           footer{
            /* margin-top: 7rem; */
            margin-top: 6rem;
            padding: 2rem 3rem;
            background-color: #0d535f;
            font-family: 'Montserrat', sans-serif;
            position: relative;
          
            
           }
           .leaf-left-foot{
            position: absolute;
            bottom: 0;
            right: 15%;
            z-index: 1;
           }

           .leaf-left-foot img{
            height: 100px;
           }

           .leaf-right-foot img{
            height: 120px;
          
           }

           .leaf-right-foot{
            position: absolute;
            top: 0%;
            right: 0;
            z-index: 1;
           }

           .leaf-right-foot-bottom img{
            height: 150px;
            z-index:-1;
          
           }

           .leaf-right-foot-bottom{
            position: absolute;
            bottom: 0;
            right: 0;
           }


           .footer-section{
            z-index: 10;
           }

           .footer-top{
            display: flex;
            align-items: center;
            padding-bottom: 2rem;
            justify-content: space-between;
           
           
           
          
           }

           .footer-about{
            width: 40%;
            text-align: left;
           
           }

           .footer-about img{
            width: 250px;

           }

           .footer-about h5{
            font-size: 1.8rem;
            color: #ffffff;
            margin-top: 1rem;
           }

           .footer-about p{
            color: #ffffff;
            margin-top: 1rem;
            margin-bottom: 1rem;
            font-size: 0.8rem;
           }

           .footer-about a{
            font-size: 1.3rem;
            color: #ffffff;
           font-weight: 100;
            text-decoration: none;

           }

           .footer-links{
            display: flex;
            width: 50%;
            gap: 1rem;
           
           }

           .footer-links li{
            list-style: none;
            text-decoration: none;
            margin:  1rem;
            width: 120px ;
            padding: 0.5rem;
            border: 1px solid #fff;
            /* border: 1px solid #ffffff; */
           }

           .footer-links a{
            text-decoration: none;
            font-size: 0.9rem;
            color: #ffffff;
            font-weight: 100;
           }
           /* .footer-links li a{
            text-decoration: none;
            font-size: 0.9rem;
            color: #ffffff;
            font-weight: 100;
            
           } */

           

           .footer-links a:hover {
            color: #0d535f;
            font-weight: 600;

           }

           .bounce-to-right {
            position: relative;
            -webkit-transition: color 500ms;
            transition: color 500ms;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
           
           
          }
          .bounce-to-right:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            z-index: -1;
            background: #ffffff;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transition-property: transform;
            transition-property: transform;
            -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
            -webkit-transition: 300ms ease-out;
            transition: 300ms ease-out;
          }
          .bounce-to-right:hover:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
            transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
            
          }

           .copyright-info{
            /* padding-top: 1rem; */
            border-top: 1px solid #ffffff;
            z-index: 10;
            
            
           }

            .copyright-info p{
            font-size: 0.6rem;
            font-weight: 100;
            color: #ffffff;
            text-align: center;
            width:90%;
            margin: auto;
            display: block;
            margin-top:1rem;
            z-index: 10;
           } 
           
           .copyright-info a{
               color:#fff;
               text-decoration:none;
           }
           

           .copyright-info span{
            font-size: 0.8rem;
            text-align: center;
            color: #ffffff;
            padding-top: 2rem;
            margin: auto;
            display: block;
           }


           /* footer */