body {
  font-family: "Poppins", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 200 !important;
  font-style: normal;
}
.pd-0 {
	padding: 0px;
}
.pd-25 {
	padding: 25px;
}
.aboutImg {
	width: 100%;
	height: auto;
}
.card {
	background: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 2px 0px #9f9696ad;
    padding: 15px;
    margin-bottom: 2px;
}
.mb-0 {
	margin-bottom: 0px;
}
.pb-28 {
	padding-bottom: 28px;
}
.marginl-auto {
	margin-left: auto;
}
.width90 {
	width: 90% !important;
}
.selectClss {
	text-align: left !important;
	height: 50px !important;
    width: 100%;
    border: 0px !important;
    font-size: 12pt !important;
    font-weight: 400 !important;
    letter-spacing: 0px !important;
    color: #555 !important;
    border: 1px solid rgba(0, 0, 0, .2) !important;
    background: #fff !important;
    padding: 8px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    -webkit-box-shadow: none !important;
}
.inputClss {
	text-align: left !important;
	height: auto !important;
    width: 100% !important;
    border: 0px !important;
    font-size: 12pt !important;
    font-weight: 400 !important;
    letter-spacing: 0px !important;
    color: #555 !important;
    border: 1px solid rgba(0, 0, 0, .2) !important;
    background: #fff !important;
    padding: 8px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    -webkit-box-shadow: none !important;
}
.sticky-btn {
    position: fixed;
    top: 40%;
    right: 5px;
    background-color: #000;
    color: #fff !important;
    border: 2px solid black;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background-color 0.3s ease;
    cursor: pointer;
    padding: 10px;
    z-index: 10;
}
.sticky-btn .letter span {
   display: block;
   font-size: 20px;
   line-height: 1;
   text-align: center;
   transform: rotate(90deg);
}
.modal {
    z-index: 1050 !important; /* Or another value higher than any surrounding content */
}

.modal-backdrop {
    z-index: 1040 !important; /* Backdrop should be lower than the modal */
}
.aminitiesFont {
	margin-top: 5px !important;
	font-size: 16px;
    padding-bottom: 12px;
    line-height: 1.1em !important;
}
.pb-0 {
	padding-bottom: 0px;
}
.margin-tb-auto {
	margin-top: auto;
	margin-bottom: auto;
}
.mt-0 {
	margin-top: 0px;
}
.bg-color {
    background: #fff;
}
.mt-130 {
    margin-top: 130px !important;
}
.blackColor {
    color: #000 !important;
}
.font-below-banner {
    font-size: 25px;
}
@media (max-width: 768px) {
    .mbl-mt-40 {
        margin-top: 40px;
    }
    .mbl-pt-25 {
        padding-top: 25px;
    }
    .mbl-mb-0 {
        margin-bottom: 0px !important;
    }
    .mbl-logo-mt-5 {
        margin-top: 5px !important;
    }
    .inputHeight {
        height: 48px !important;
    }
    .parallax-window#home {
        background-position: right !important; /* Force background position to left */
    }
    .mbl-16 {
        font-size: 18px !important;
    }
    /*.postionBottom {
        position: absolute !important;
        top: 12% !important;
        text-align: left !important;
    }*/
    .bgSection {
        background: #00000070;
        padding: 80px 0px !important;
    }
    #home h1 {
        font-size: 30px !important;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }
    #home h3 {
        font-size: 22px !important; 
        margin-top: -10px !important;
    }
    .bannerBgImg {
        height: 45vh !important;
        background-size: contain !important;
        background-repeat: no-repeat;
        margin-top: 0px !important;
    }
    .bannerTxtPostion {
        position: absolute !important;
        top: 11% !important;
        left: 0px !important; 
    }
    .mbl-pb-30 {
        padding-bottom: 30px;
    }
    .mbl-mt-20 {
        margin-top: 20px !important;
    }
    .mbl-pt-30 {
        padding-top: 30px !important;
    }
    .mbl-card-mb-15 {
        margin-bottom: 15px;
    }
    .font14 {
        font-size: 14px !important;
    }
    .pt-50 {
        padding-top: 0px !important;
    }
    .mbl-pt-50 {
        padding-top: 0px !important;
    }
    .mbl-font-about {
        font-size: 15px !important;
    }
    .mbl-pb-0 {
        padding: 0px !important;
    }
    .bannerSlider .carousel-item {
        height: 42vh !important;
        background-size: contain !important;
        background-position: top;
        background-repeat: no-repeat;
    }
}
.collapse {
        transition: height 0.3s ease; /* Smooth transition for collapsing */
        height: 0; /* Initial height for collapsed state */
        overflow: hidden; /* Hide overflow during transition */
}
.collapse.show {
    height: auto; /* Allow height to expand when shown */
}
.postionBottom {
    position: absolute !important;
    bottom: 15%;
}
.bgSection {
    background: #00000070;
    padding: 130px 0px;
}
.location-info {
    display: flex;
    align-items: center;
    padding: 10px 0;
/*    border-bottom: 1px solid #000;*/
}

.location-info p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80%;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.distance {
    white-space: nowrap;
    font-size: 14px;
    color: #555;
    font-weight: normal;
}

.location-info p::after {
    content: "";
    flex-grow: 1;
    border-bottom: 1px solid; #000;
    margin: 0 10px;
}
.font600 {
    font-weight: 600;
}
.mt-25 {
    margin-top: 25px;
}
.marginAuto {
    margin: auto;
}
.bannerBgImg {
    background-image: url('../img/banner-7.jpg');
    height: 113vh;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 40px;
}
#home h1 {
    font-size: 64px; 
}
#home h3 {
    font-size: 38px; 
    margin-top: -22px;
}
.bannerTxtPostion {
    position: absolute !important;
    top: 25%;
    left: 28%;
}
.amenitieImg {
    width: 65%;
    position: absolute;
    right: 30px;
    top: -28px;
}
.fontStyle {
     font-family: 'ElMessiri', sans-serif;
}
/*@font-face {
    font-family: 'ElMessiri';
    src: url('../font-awesome/fonts/ElMessiri-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}*/

.navbar-brand {
    height: 80px;
}
.navFont {
    font-size: 20px;
    font-weight: 500;
}
.navbar {
    padding: .7rem 1rem;
}
.ctoBtn {
    color: #fff !important;
    border: 1px solid #fff !important;
    letter-spacing: 3px !important;
}
.brdNav {
    border: 1px solid;
    cursor: pointer !important;
    width: 125px;
}
.btnTouch {
    border: 1px solid !important;
    background: #000 !important;
    color: #fff !important;
}
.brd-right {
    border-right: 1px solid gray;
}
.pt-50 {
    padding-top: 50px;
}
.font13 {
    font-size: 13px;
}
.font-30 {
    font-size: 30px;
}
@media (min-width: 769px) and (max-width: 1024px) {
    .bannerBgImg {
        background-position: top !important;
        background-size: cover !important;
    }
}
/* Tablet view: show full desktop-style menu and hide toggle button */
@media (min-width: 768px) and (max-width: 1024px) {
    /* Forcefully display the navbar menu */
    .navbar-nav {
        display: block !important;
        float: inline-end !important;
    }

    /* Hide the navbar toggler button */
    .navbar-toggler {
        display: none !important;
        margin-left: 15px !important;
    }
    .bannerBgImg {
        background-position: top !important;
        background-size: contain !important;
    }
    .navbar-brand.white img {
        width: auto;
        height: auto;
        max-height: 60px !important;
    }
    .pt-50 {
        padding-top: 0px !important;
    }
    .mbl-pb-0 {
        padding: 0px !important;
    }
    .bannerSlider .carousel-item {
        height: 50vh !important;
        background-size: contain !important;
    }
}
.bannerSlider .carousel-item {
    height: 100vh;
    background-size: cover;
    background-position: center;
}

.bannerTxtPostion {
    /* adjust vertical centering */
    margin-top: 30vh;
}

.v-align {
    display: flex;
    align-items: center;
    height: 100%;
}