@keyframes flicker {
     50% {
         color: #fff;
         filter: saturate(200%) hue-rotate(90deg)
     }
 }
 
 .sign {
     letter-spacing: 2px;
     font-family: Clip;
     text-transform: uppercase;
     font-size: 50px;
     color: #ffe6ff;
     text-shadow: 0 0 .6rem #ffe6ff, 0 0 1.5rem #f5e310, -.2rem .1rem 1rem #fff70a, .2rem .1rem 1rem #fbff00, 0 -.5rem 2rem #ffd747, 0 .5rem 3rem #ffe108;
     animation: shine 2s forwards, flicker 3s infinite
 }
 
 @keyframes blink {
     0%,
     22%,
     36%,
     75% {
         color: #ffe6ff;
         text-shadow: 0 0 .3rem #ffe6ff, 0 0 1rem #ff65bd, -.2rem .1rem 1rem #ff65bd, .3rem .1rem 1rem #ff65bd, 0 -.3rem 1rem #ff2483, 0 .3rem 1rem #ff2483
     }
     28%,
     33% {
         color: #ff65bd;
         text-shadow: none
     }
     82%,
     97% {
         color: #ff2483;
         text-shadow: none
     }
 }
 
 .flicker {
     animation: shine 2s forwards, blink 3s 2s infinite
 }
 
 .fast-flicker {
     animation: shine 2s forwards, blink 10s 1s infinite
 }
 
 @keyframes shine {
     0% {
         color: #6b1839;
         text-shadow: none
     }
     100% {
         color: #ffe6ff;
         text-shadow: 0 0 .3rem #ffe6ff, 0 0 1rem #ff65bd, -.2rem .1rem 1rem #ff65bd, .2rem .1rem 1rem #ff65bd, 0 -.5rem 2rem #ff2483, 0 .3rem 2rem #ff2483
     }
 }
 
 @keyframes flicker {
     from {
         opacity: 1
     }
     4% {
         opacity: .9
     }
     6% {
         opacity: .85
     }
     8% {
         opacity: .95
     }
     10% {
         opacity: .9
     }
     11% {
         opacity: .922
     }
     12% {
         opacity: .9
     }
     14% {
         opacity: .95
     }
     16% {
         opacity: .98
     }
     17% {
         opacity: .9
     }
     19% {
         opacity: .93
     }
     20% {
         opacity: .99
     }
     24% {
         opacity: 1
     }
     26% {
         opacity: .94
     }
     28% {
         opacity: .98
     }
     37% {
         opacity: .93
     }
     38% {
         opacity: .5
     }
     39% {
         opacity: .96
     }
     42% {
         opacity: 1
     }
     44% {
         opacity: .97
     }
     46% {
         opacity: .94
     }
     56% {
         opacity: .9
     }
     58% {
         opacity: .9
     }
     60% {
         opacity: .99
     }
     68% {
         opacity: 1
     }
     70% {
         opacity: .9
     }
     72% {
         opacity: .95
     }
     93% {
         opacity: .93
     }
     95% {
         opacity: .95
     }
     97% {
         opacity: .93
     }
     to {
         opacity: 1
     }
 }
 
 .scroll-ed img {
     display: block !important;
     transition: 1s !important
 }
 
 .Banner_Topsection {
     z-index: 9;
     position: absolute;
     width: 100%;
     top: 23vh
 }
 
 .Banner_Topsectionxs {
     padding-top: 15%;
     padding-bottom: 15%;
 }
 
 .Fonts99 {
     font-size: 50px !important;
     top: 25vh;
     position: relative
 }
 
 .banner24top {
     top: 25vh;
     position: relative
 }
 
 .Bannersliderbigblock {
     display: block
 }
 
 .Bannerslidersmblock {
     display: none !important
 }
 
 .forsm1 {
     color: #fff;
     margin-top: 30px
 }
 
 .onehoursFoSi {
     font-size: 16px;
 }
 
 @media (max-width:575px) {
     .sign {
         font-size: 40px;
     }
     .Fonts99 {
         font-size: 40px !important;
         top: 0vh;
         position: inherit;
     }
     .banner24top {
         top: 0
     }
     .forsm1 {
         margin-top: 0
     }
     .forsm1 {
         color: #fff
     }
     header .navbar-header {
         height: 90px
     }
     .navbar-brand {
         padding-top: 1px
     }
     .Bannersliderbigblock {
         display: none !important
     }
     .Bannerslidersmblock {
         display: block !important
     }
 }
 
 @media (min-width:576px) and (max-width:767px) {
     .forsm1 {
         color: #fff;
         margin-top: 50px
     }
     #navbarMain img {
         display: block
     }
     .ContactTbtn {
         display: none
     }
     .Bannersliderbigblock {
         display: none
     }
     .Bannerslidersmblock {
         display: block
     }
 }
 
 @media (min-width:768px) and (max-width:991px) {
     .forsm1 {
         color: #fff;
         margin-top: 50px
     }
     .Bannersliderbigblock {
         display: block
     }
     .Bannerslidersmblock {
         display: none
     }
 }
 
 @media (min-width:992px) and (max-width:1199px) {
     .Bannersliderbigblock {
         display: block
     }
     .Bannerslidersmblock {
         display: none
     }
 }
 
 @media (min-width:1200px) {
     .Bannersliderbigblock {
         display: block
     }
     .Bannerslidersmblock {
         display: none
     }
 }
 
 .beautifull-spa {
     height: 700px !important
 }
 
 .HomeCallBtn {
     margin-top: 10px;
     padding: 12px 30px;
     color: #fff;
     background: green
 }
 
 .text-transform {
     text-transform: capitalize
 }
 
 .DVisiHid {
     display: none;
     visibility: hidden;
 }
 
 .BgBlack {
     background-color: #000;
 }
 
 .Opacity0 {
     opacity: 0;
 }
 
 .Padbottom {
     padding-top: 20px;
     padding-bottom: 20px;
 }
 /* General Section Styling */
 
 .exparts {
     padding: 30px 0;
     background-color: #f9f9f9;
 }
 
 .section-title {
     text-align: center;
     margin-bottom: 30px;
 }
 
 .section-title h2 {
     font-size: 24px;
     font-weight: bold;
     color: #333;
     margin-bottom: 10px;
 }
 
 .section-title p {
     font-size: 16px;
     color: #777;
 }
 /* Staff Card */
 
 .StaffImgR {
     text-align: center;
     padding: 15px;
     border-radius: 10px;
     box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
     margin: 15px 0;
     position: relative;
     /* Ensure absolute elements inside work properly */
 }
 
 .staff-image {
     max-width: 100%;
     border-radius: 10px;
     margin-bottom: 15px;
 }
 /* Grid Container */
 
 .grid-container {
     display: grid;
     grid-template-columns: 1fr 2fr;
     /* 1fr for first grid and 2fr for second grid */
     gap: 50px;
     /* Increased gap between grid items for more space */
 }
 /* Grid Items */
 
 .grid-item {
     background-color: #f9f9f9;
     padding: 20px;
     border-radius: 8px;
     box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }
 /* Name and Age Styling */
 
 .NameAndAge {
     padding: 5px 7px;
     color: white;
     background: #00000069;
     width: 114px;
     display: inline-block;
     text-align: center;
     border: 5px;
     margin-top: 5px;
 }
 /* Button Containers */
 
 .NameAndCallBtn,
 .whatsAppChat {
     position: absolute;
     z-index: 99;
     width: 89%;
     display: flex;
     justify-content: space-between;
     padding-left: 10px;
     /* To prevent buttons from touching edges */
 }
 
 .NameAndCallBtn {
     top: 10px;
     color: white;
 }
 
 .whatsAppChat {
     bottom: 17px;
     color: white;
 }
 /* Call Button */
 
 .StCallBtn {
     justify-content: flex-end;
     padding-right: 15px;
 }
 
 .StCallBtn a img,
 .whatsAppChat a img {
     height: 50px;
     position: relative;
 }
 /* Status Indicators */
 
 .red {
     color: red;
 }
 
 .green {
     color: green;
 }
 /* Call-to-Action (On/Off) */
 
 .OnandOfWidth {
     background: white;
     padding: 5px 10px 5px 20px;
     border-radius: 8px;
     margin-left: -15px;
 }
 /* Banner Text */
 
 .bannerspan {
     text-align: left;
     color: #f2d834;
     font-size: 25px;
     float: left;
     position: absolute;
     left: 0;
     font-family: fangsong;
 }
 
 .Home_Text,
 .HomeTextsection h1,
 .HomeTextsection h2 {
     font-size: 27px;
     font-family: emoji;
 }
 /* Padding Adjustments */
 
 .Pr12px {
     padding-right: 12px;
 }
 
 .Pad_rAndMar {
     padding-right: 0;
     margin-right: 0;
 }
 
 .TxCapCha {
     text-transform: capitalize;
 }
 
 .FwAuto {
     font-family: auto;
 }
 
 .Fw27emji {
     font-size: 27px;
     font-family: emoji;
 }
 /* Half Width */
 
 .w_50 {
     width: 50%;
 }
 /* Media Queries */
 /* Mobile (up to 575px) */
 
 @media (max-width: 575px) {
     .grid-container {
         grid-template-columns: 1fr;
         /* Stack items in a single column */
         gap: 15px;
         /* Gap between the grid items */
     }
     .StaffImgR img {
         height: 475px;
         object-fit: cover;
     }
     .NameAndCallBtn,
     .whatsAppChat {
         width: 92%;
     }
 }
 /* Tablets (576px to 767px) */
 
 @media (min-width: 576px) and (max-width: 767px) {
     .grid-container {
         grid-template-columns: 1fr 1fr;
         /* Two equal columns on tablets */
         gap: 15px;
         /* Gap between items */
     }
     .whatsAppChat a img {
         height: 33px;
     }
 }
 /* Small Desktops (768px to 991px) */
 
 @media (min-width: 768px) and (max-width: 991px) {
     .grid-container {
         grid-template-columns: 1fr 1fr;
         /* Two equal columns on small desktops */
         gap: 20px;
         /* Increased gap between items */
     }
     .OnandOfWidth {
         font-size: 10px;
     }
     .StCallBtn {
         padding-right: 0px;
     }
     .whatsAppChat a img {
         height: 33px;
     }
 }
 /* Medium to Large Desktops (992px to 1199px) */
 
 @media (min-width: 992px) and (max-width: 1199px) {
     .grid-container {
         grid-template-columns: 1fr 2fr;
         /* Adjust grid layout */
         gap: 25px;
         /* Increased gap for larger screens */
     }
     .OnandOfWidth {
         font-size: 10px;
     }
     .whatsAppChat a img {
         height: 33px;
     }
 }
 /* Extra Large Desktops (1200px and above) */
 
 @media (min-width: 1200px) {
     .grid-container {
         grid-template-columns: 1fr 2fr;
         gap: 30px;
         /* Increased gap for extra large screens */
     }
 }
 /* video  open  */
 
 .video-container {
     margin: 0 auto;
 }
 
 video {
     width: 100%;
 }
 
 .FontLinH {
     font-size: 25px;
     line-height: 34px
 }
 
 .FonTextLeft {
     font-size: 18px;
     text-align: left;
 }
 
 .spa-advantages h3,
 .spa-advantages h4 {
     color: #003366;
     /* Replace this with the exact color code from the heading in the image */
     font-weight: bold;
     /* Keep headings bold */
 }
 
 .spa-advantages p,
 .spa-advantages ul li {
     color: #7d7d7d;
     /* Set paragraph text and list items to black */
 }
 
 .spa-advantages ul li {
     list-style: disc inside;
     /* Style list items */
 }
 
 .spa-advantages p {
     line-height: 1.6;
     /* Improve readability with proper line spacing */
     font-size: 16px;
     /* Ensure paragraph text is easily readable */
 }
 /* video  end  */
 
 @media (max-width:575px) {
     header .navbar-header {
         height: 80px
     }
 }