:root {
   --purple: #4b2e83;
 }

 /* Header */
 .main-header .nav-link {
   color: #333;
   font-size: 14px;
 }

 .main-header .nav-link.active {
   background: var(--purple);
   color: #fff;
   padding: 5px 12px;
   border-radius: 20px;
 }

 /* Book Button */
 .btn-book {
   background: var(--purple);
   color: #fff;
   border-radius: 25px;
   padding: 8px 20px;
 }

 .btn-book:hover {
   background: #3a2266;
   color: #fff;
 }

 /* Offer Bar */
 .offer-bar {
   background: linear-gradient(90deg, #5a2ea6, #ff7a00);
   padding: 6px;
   font-size: 14px;
 }

 /* Hero */
 /* .hero-section {
        background: url('images/homeHero_1.jpeg') center/cover no-repeat;
        min-height: 520px;
        position: relative;
        display: flex;
        align-items: center;
    } */
 /* Hero container */
 .hero-section {
   min-height: 900px;
   position: relative;
   display: flex;
   align-items: center;
   overflow: hidden;
 }

 /* Background layer */
 .hero-bg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: url('../../assets/images/homeHero_1.jpeg') center/cover no-repeat;
   z-index: 0;

   /* Continuous zoom in-out */
   animation: heroZoom 12s ease-in-out infinite;
 }

 /* Overlay */
 .hero-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.6);
   z-index: 1;
 }

 .hero-section .container {
   position: relative;
   z-index: 2;
 }

 /* Zoom cycle */
 @keyframes heroZoom {
   0% {
     transform: scale(1);
   }

   25% {
     transform: scale(1.08);
   }

   50% {
     transform: scale(1.15);
   }

   75% {
     transform: scale(1.08);
   }

   100% {
     transform: scale(1);
   }
 }

 .hero-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.6);
 }

 .hero-text {
   padding-top: 30px;
 }



 /* Booking Card */
 .booking-card {
   background: #fff;
   border-radius: 18px;
   padding: 20px;
   margin-top: 20px;
 }

 /* City Tabs */
 .city-tabs {
   font-size: 14px;
   margin-bottom: 15px;
   overflow-x: auto;
   white-space: nowrap;
 }

 .city-tabs span {
   margin-right: 12px;
   color: #777;
   cursor: pointer;
 }

 .city-tabs span.active {
   color: #ff7a00;
   font-weight: 600;
 }

 /* Stats Box */
 .booking-stats {
   background: #f3eadf;
   padding: 10px;
   border-radius: 12px;
   font-size: 14px;
 }

 /* Responsive */
 @media(max-width:768px) {
   .hero-section {
     min-height: 650px;
     padding: 40px 0;
   }

   .hero-text h2 {
     font-size: 22px;
   }
 }

 /* Container like screenshot */
 .city-scroll-container {
   /* background: #f1f2f5; */
   border-radius: 14px;
   padding: 8px 12px;
   margin-bottom: 15px;
   overflow: hidden;
 }

 /* Scroll area */
 .city-scroll {
   overflow: hidden;
   white-space: nowrap;
   position: relative;
 }

 /* Moving track */
 .city-track {
   display: inline-block;
   white-space: nowrap;
 }

 /* City text (exact purple-grey tone) */
 .city-track span {
   font-size: 14px;
   color: #6f6a86;
   /* screenshot text tone */
   margin: 0 6px;
   cursor: pointer;
   transition: 0.3s;
 }

 /* Separator dot */
 .city-track .sep {
   color: #ff7a00;
   font-weight: 600;
 }

 /* Active city */
 .city-track span.active {
   color: #ff7a00;
   font-weight: 600;
 }

 /* Hover */
 .city-track span:hover {
   color: #ff7a00;
 }

 .btn-purpol {
   width: 100%;
   /* w-full */
   margin-top: 0.7rem;
   /* mt-[0.7rem] */
   background-color: rgb(52, 38, 92);
   color: #fff;
   padding: 0.35rem 1rem;
   /* py + px */
   border-radius: 12px;
   /* rounded-lg */
   font-size: 0.800rem;
   border: none;
   cursor: pointer;
   transition: all 0.3s ease;
 }

 .btn-purpol:hover {
   background-color: rgb(40, 28, 75);
 }

 /* Bottom banner attached to hero */
 .hero-bottom-banner {
   position: relative;
   margin-top: -182px;
   /* pulls image up under hero like original */
   z-index: 2;
 }

 /* Make sure hero stays above background only */
 .hero-section {
   position: relative;
   z-index: 1;
 }

 /* Mobile fix */
 @media(max-width:768px) {
   .hero-bottom-banner {
     margin-top: 0;
   }
 }

 /* Card */
 .occasion-box {
   background: #fff;
   border-radius: 22px;
   padding: 30px 28px;
   box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
   transition: all .3s ease;
 }

 .occasion-box:hover {
   transform: translateY(-4px);
   box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
 }

 /* Icon */
 .occasion-icon {
   font-size: 30px;
   margin-top: 4px;
 }

 /* Title (purple link style) */
 .occasion-heading {
   font-size: 22.5px;
   font-weight: 700;
   color: #7c3aed;
   /* purple like image */
   text-decoration: underline;
   display: inline-block;
   margin-bottom: 10px;
 }

 .occasion-heading:hover {
   color: #6d28d9;
 }

 /* Description text */
 .occasion-desc {
   font-weight: 500;
   font-size: 15.75px;
   line-height: 1.7;
   color: #374151;
   margin-bottom: 0;
 }

 /* Responsive */
 @media(max-width:768px) {
   .occasion-heading {
     font-size: 22px;
   }

   .occasion-desc {
     font-size: 16px;
   }
 }

 /* Section */
 .why-section {
   background: #fff;
 }

 /* Heading */
 .why-title {
   font-size: 36px;
   font-weight: 700;
   padding-left: 2rem;
   justify-self: center;
   margin-bottom: 10px;
 }

 .why-subtitle {
   color: #6b7280;
   font-size: 16px;
   line-height: 22px;
 }

 /* List */
 .why-list {
   padding-left: 20px;
 }

 .why-list li {
   margin-bottom: 18px;
   font-size: 18px;
   line-height: 1.7;
   color: #555;
 }

 /* Button */
 .btn-purple {
   background: var(--purple);
   color: #fff;
   padding: 10px 30px;
   border-radius: 8px;
 }

 .btn-purple:hover {
   background: #2a1d49;
   color: #fff;
 }

 /* Carousel Image */
 .why-img {
   border-radius: 10px;
   height: 360px;
   object-fit: cover;
 }

 /* Indicators */
 .custom-indicators {
   position: relative;
   margin-top: 10px;
 }

 .custom-indicators button {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background: #d1d5db;
 }

 .custom-indicators .active {
    background: #ffffff !important; 
 }

 /* Responsive */
 @media(max-width:768px) {
   .why-title {
     font-size: 28px;
   }

   .why-list li {
     font-size: 16px;
   }

   .why-img {
     height: 260px;
   }
 }

 /* index */

 /* Background like your design */
 .cities-section {
   background: #f2f3f5 !important;
 }

 /* 5 cards in a row */
 @media (min-width:992px) {
   .col-lg-2-4 {
     flex: 0 0 20% !important;
     max-width: 20% !important;
   }
 }

 /* Card */
 .city-card {
   background: #fff;
   border-radius: 12px;
   padding: 20px 15px;
   text-align: center;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
 }

 /* Image should fill area — no white box */
 .city-img {
   width: 100%;
   height: auto;
   display: block;
   margin-bottom: 10px;
 }

 /* Text */
 .city-card h6 {
   margin: 0;
   font-size: 16px;
   font-weight: 500;
 }

 /* Section background spacing */
 .addons-section {
   background: #fff;
 }

 /* Purple gradient box */
 .addons-box {
   background: linear-gradient(180deg, #8e008e 0%, #7a007a 100%);
   border-radius: 30px;
   padding: 50px 60px;
   color: #fff;
 }

 /* Each row item */
 .addon-item {
   display: flex;
   align-items: flex-start;
   gap: 20px;
   margin-bottom: 35px;
 }

 /* White circle icon */
 .icon-circle {
   width: 80px;
   height: 80px;
   background: #fff;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
 }

 .icon-circle i {
   font-size: 34px;
   color: #7a007a;
 }

 /* Text */
 .addon-text h4 {
   font-size: 18.2px;
   margin-bottom: 6px;
   font-weight: 500;
 }

 .addon-text p {
   margin: 0;
   font-size: 12.6px;
   opacity: 0.95;
   line-height: 1.5;
 }

 /* Responsive */
 @media(max-width:768px) {
   .addons-box {
     padding: 30px 25px;
   }

   .icon-circle {
     width: 60px;
     height: 60px;
   }

   .icon-circle i {
     font-size: 26px;
   }
 }

 /* Section background */
 .how-works-section {
   background: #f4f4f6;
   padding: 100px 0;
 }

 /* Container width control */
 .how-works-section .container {
   max-width: 1000px;
 }

 /* Title */
 .how-title {
   text-align: center;
   font-size: 40px;
   font-weight: 700;
   margin-bottom: 40px;
 }

 /* Paragraph */
 .how-content {
   margin-bottom: 50px;
 }

 .how-content p {
   /* font-size: 16px;
   line-height: 1.8;
   color: #222;
   text-align: left; */
   margin: 1rem 0;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   font-family: DM Sans, sans-serif;
 }

 /* Button */
 .book-btn {
   display: inline-block;
   background: #3f2b66;
   color: #fff;
   padding: 18px 50px;
   border-radius: 40px;
   font-size: 22px;
   text-decoration: none;
   transition: 0.3s;
 }

 .book-btn:hover {
   background: #2e1f4a;
   color: #fff;
 }

 /* Section */
 .reviews-section {
   background: #fff;
 }

 /* Title */
 .review-title {
   margin-top: 36px;
   font-size: 36px;
   font-weight: 700;
 }

 .star {
   color: #f4b400;
 }

 /* Card */
 .review-card {
   border: 1px solid rgb(229, 231, 235);
   background: #fff;
   border-radius: 12px;
   padding: 20px;
   box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;
   text-align: left;
   position: relative;
   height: 100%;
 }

 /* Header */
 .review-header {
   display: flex;
   align-items: center;
   gap: 12px;
   margin-bottom: 10px;
 }

 /* Avatar */
 .avatar {
   width: 45px;
   height: 45px;
   border-radius: 50%;
   background: #f4511e;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 600;
 }

 .avatar.green {
   background: #2e7d32;
 }

 .avatar.blue {
   background: #1976d2;
 }

 /* Stars */
 .stars {
   color: #f4b400;
   font-size: 18px;
   margin-top: 10px;
 }

 /* Google logo */
 .google-logo {
   width: 24px;
   position: absolute;
   bottom: 15px;
   right: 15px;
 }

 /* Arrow style */
 .carousel-control-prev,
 .carousel-control-next {
   width: 40px !important;
 }

 .custom-arrow {
   background-color: #ddd !important;
   border-radius: 50% !important;
   width: 40px !important;
   height: 40px !important;
   background-size: 60% !important;
 }

 /* Section background */
 .faq-section {
   background: #f4f4f6;
 }

 /* Title */
 .faq-title {
   font-size: 42px;
   font-weight: 700;
   margin-bottom: 10px;
 }

 .faq-sub {
   color: #666;
   margin-bottom: 40px;
 }

 /* Width control */
 .faq-wrapper {
   max-width: 800px;
 }

 /* Remove default accordion styles */
 .accordion-item {
   border: none;
   border-bottom: 1px solid #e5e5e5;
   background: transparent;
 }

 .accordion-button {
   background: transparent;
   box-shadow: none;
   padding: 20px 0;
   font-size: 18px;
   font-weight: 500;
 }

 .accordion-button:not(.collapsed) {
   color: #000;
 }

 /* Hide default arrow */
 .accordion-button::after {
   display: none;
 }

 /* + / - circle */
 .faq-btn {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .icon-circle {
   width: 28px;
   height: 28px;
   border: 1px solid #aaa;
   border-radius: 50%;
   position: relative;
   flex-shrink: 0;
 }

 /* plus */
 .icon-circle::before,
 .icon-circle::after {
   content: "";
   position: absolute;
   background: #555;
 }

 .icon-circle::before {
   width: 12px;
   height: 2px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }

 .icon-circle::after {
   width: 2px;
   height: 12px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }

 /* minus when open */
 .accordion-button:not(.collapsed) .icon-circle::after {
   display: none;
 }

 /* Body text */
 .accordion-body {
   padding: 0 0 20px 0;
   color: #555;
   line-height: 1.7;
 }

 /* Button */
 .view-btn {
   background: #3f2b66;
   color: #fff;
   padding: 14px 30px;
   border-radius: 30px;
   text-decoration: none;
   font-weight: 500;
   transition: 0.3s;
 }

 .view-btn:hover {
   background: #2e1f4a;
   color: #fff;
 }

 /* Section background */
 .doubts-section {
   background: #332255;
   /* dark purple */
   padding: 80px 0;
 }

 /* Title */
 .doubts-title {
   color: #fff;
   font-size: 48px;
   font-weight: 700;
   margin-bottom: 20px;
 }

 /* Card base */
 .doubt-card {
   display: flex;
   align-items: center;
   gap: 18px;
   padding: 28px 26px;
   border-radius: 14px;
   height: 100%;
   font-size: 20px;
   font-weight: 500;
 }

 /* Colors */
 .doubt-card.grey {
   background: #e9e9e9;
 }

 .doubt-card.yellow {
   background: #f7c80a;
 }

 /* Icon */
 .doubt-card .icon {
   font-size: 32px;
   width: 40px;
   text-align: center;
 }

 /* Text */
 .doubt-card p {
   font-size: 16.2px;
   margin: 0;
   line-height: 1.5;
   color: #222;
   font-weight: 500;
   text-align: left;
 }

 /* Responsive */
 @media(max-width:768px) {
   .doubts-title {
     font-size: 34px;
   }

   .doubt-card {
     font-size: 16px;
     padding: 20px;
   }
 }

 .services-section {
   background: #f5f6f8;
 }

 .services-title {
   font-size: 56px;
   font-weight: 600;
 }

 /* Card */
 .service-card {
   background: #fff;
   border-radius: 20px;
   overflow: hidden;
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
   position: relative;
   transition: 0.3s;
 }

 .service-card:hover {
   transform: translateY(-6px);
 }

 /* Image */
 .img-box {
   height: 220px;
   overflow: hidden;
 }

 .img-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 /* Bottom text */
 .service-card .card-body {
   padding: 18px 20px;
   font-size: 22px;
   font-weight: 500;
 }

 /* Best seller badge */
 .badge-best {
   position: absolute;
   top: 12px;
   left: 12px;
   background: #ff3b3b;
   color: #fff;
   font-size: 12px;
   padding: 6px 12px;
   border-radius: 20px;
   z-index: 2;
 }

 /* Arrow style */
 .custom-arrow {
   width: 48px;
 }

 .carousel-control-prev-icon,
 .carousel-control-next-icon {
   background-color: #000;
   border-radius: 50%;
   padding: 18px;
   background-size: 50%;
 }

 .instagram-section {
   background: #3b2a64;
 }

 /* Instagram card */
 .insta-card {
   background: #fff;
   border-radius: 8px;
   overflow: hidden;
   padding: 5px;
 }

 /* iframe size */
 .insta-card iframe {
   width: 100%;
   height: 650px;
   border: 0;
 }

 /* Arrow style */
 .insta-arrow {
   width: 50px;
 }

 .carousel-control-prev-icon,
 .carousel-control-next-icon {
   background-color: #000;
   border-radius: 50%;
   padding: 18px;
   background-size: 50%;
 }

 .gallery-section {
   background: #ffffff;
 }

 /* Title */
 .gallery-title {
   font-size: 32px;
   font-weight: 700;
 }

 /* Image box */
 .gallery-item {
   position: relative;
   height: 260px;
   border-radius: 12px;
   overflow: hidden;
 }

 .gallery-item img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: 0.3s;
 }

 .gallery-item:hover img {
   transform: scale(1.05);
 }

 /* Button */
 .gallery-btn {
   display: block;
   width: 100%;
   max-width: 1100px;
   margin: 0 auto;
   background: #34265C;
   color: #fff;
   padding: 14px 0;
   border-radius: 8px;
   font-weight: 600;
   text-decoration: none;
   transition: 0.3s;
 }

 .gallery-btn:hover {
   background: #2a1f4a;
   color: #fff;
 }

 .quick-links-section {
   background: #f4f5f7;
 }

 /* Card */
 .quick-card {
   background: #fff;
   padding: 20px;
   border-radius: 12px;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
 }

 /* Mobile toggle */
 .quick-toggle {
   width: 100%;
   background: none;
   border: none;
   font-size: 18px;
   font-weight: 700;
   text-align: left;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 /* Links */
 .quick-links {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   margin-top: 10px;
 }

 .quick-links a {
   font-size: 15px;
   color: #0d6efd;
   text-decoration: underline;
 }

 .quick-links a:hover {
   color: #084298;
 }

 /* Plus minus icon change */
 .collapse.show+.icon {
   content: "−";
 }

 /* Footer Background */
 .main-footer {
   background: #d6cfbe;
 }

 /* Logo */
 .footer-logo {
   max-width: 160px;
 }

 /* Headings */
 .footer-heading {
   font-weight: 600;
   margin-bottom: 15px;
 }

 /* Links */
 .footer-links {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .footer-links li {
   margin-bottom: 10px;
 }

 .footer-links a {
   text-decoration: none;
   color: #000;
 }

 .footer-links a:hover {
   text-decoration: underline;
 }

 /* Contact */
 .footer-contact {
   display: flex;
   gap: 10px;
   margin-bottom: 12px;
 }

 .footer-contact i {
   font-size: 20px;
   margin-top: 3px;
 }

 .footer-contact p {
   margin: 0;
 }

 /* Social Icons */
 .social-icons a {
   font-size: 24px;
   color: #000;
   margin-right: 12px;
 }

 .social-icons a:hover {
   color: #000;
 }

 /* Copyright */
 .copyright-bar {
   background: #000;
   color: #fff;
   padding: 18px 0;
 }

 .copyright-bar a {
   color: #fff;
   text-decoration: none;
   margin-left: 25px;
 }

 .copyright-bar a:hover {
   text-decoration: underline;
 }

 /* locaton page */
 /* Card Background */
 .location-card {
   background: #EBE9EF;
   padding: 12px 16px;
   border-radius: 16px;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
 }

 /* Update Button */
 .update-btn {
   background: #34265C;
   color: #fff;
   padding: 4px 16px;
   border-radius: 10px;
   font-weight: 500;
 }

 .update-btn:hover {
   background: #2b1f4c;
   color: #fff;
 }

 /* Back Button */
 .back-btn {
   text-decoration: none;
   font-size: 14px;
 }

 .back-btn:hover {
   text-decoration: none;
 }

 .header_bookNowButton__oOIP9 {
   text-decoration: none;
   color: #ffffff;
   background-color: #34265c;
   padding: .4rem 1rem;
   border-radius: 24px;
   transition: background-color .3s ease;
 }

 /* PPP CSS */
 .tag-pill {
   background: #f1f3f5;
   padding: 8px 14px;
   border-radius: 20px;
   font-size: 14px;
   color: #333;
   text-decoration: none;
 }

 .blog-card {
   background: #fff;
   border-radius: 14px;
   overflow: hidden;
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
   height: 100%;
 }

 .blog-card img {
   width: 100%;
   height: 220px;
   object-fit: cover;
 }

 .blog-card h5 {
   font-size: 18px;
   margin-bottom: 12px;
 }

 .read-link {
   color: #6f42c1;
   font-weight: 500;
 }

 /* Rotate icon when dropdown open */
 .dropdown.show .transition-icon {
   transform: rotate(180deg);
   transition: 0.3s ease;
 }

 .transition-icon {
   transition: 0.3s ease;
 }

 /* City active style */
 .city-link.active {
   background: #e9e9e9;
   border-radius: 25px;
 }

 /* Mega menu width fix */
 .dropdown-menu {
   border-radius: 15px;
 }


 /* Section label */
 .section-label {
   font-weight: 600;
   margin-bottom: 15px;
   font-size: 18px;
 }

 /* City Tabs Container */
 .city-wrapper {
   background: #e5e7eb;
   padding: 10px;
   border-radius: 40px;
   display: flex;
   gap: 25px;
   align-items: center;
   width: fit-content;
 }

 /* City Buttons */
 .city-btn {
   border: none;
   background: transparent;
   padding: 10px 20px;
   border-radius: 30px;
   font-weight: 500;
   color: #1f2937;
 }

 .city-btn.active {
   background: linear-gradient(45deg, #7b2ff7, #6a11cb);
   color: #fff;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
 }

 /* Dropdown */
 .location-select {
   width: 320px;
   padding: 10px 15px;
   border-radius: 10px;
   border: 1px solid #d1d5db;
 }

 /* Section Title */
 .theatre-title {
   font-size: 22px;
   font-weight: 600;
   margin: 30px 0 20px;
 }

 /* Gallery Cards */
 .gallery-card {
   border-radius: 12px;
   overflow: hidden;
 }

 .gallery-card img {
   width: 100%;
   height: 260px;
   object-fit: cover;
 }

 /* Video Placeholder */
 .video-placeholder {
   height: 260px;
   background: #d1d5db;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 12px;
 }

 .play-icon {
   width: 60px;
   height: 60px;
   background: white;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 24px;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
 }

 /* Floating Buttons */
 .floating {
   position: fixed;
   right: 20px;
   bottom: 80px;
   display: flex;
   flex-direction: column;
   gap: 15px;
 }

 .float-btn {
   width: 55px;
   height: 55px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   font-size: 22px;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
 }

 .call-btn {
   background: #ffffff;
   color: #000;
 }

 .whatsapp-btn {
   background: #25D366;
 }

 .main-wrapper {
   padding: 40px 120px;
 }

 .back-link {
   color: #5f6b7a;
   text-decoration: none;
   font-size: 16px;
 }

 .back-link:hover {
   text-decoration: underline;
 }

 h1 {
   font-weight: 600;
   margin-top: 30px;
   font-size: 42px;
 }

 .description {
   font-size: 20px;
   color: #3d4b5d;
   line-height: 1.8;
   margin-top: 20px;
   max-width: 1200px;
 }

 .section-title {
   font-size: 28px;
   font-weight: 600;
   margin-top: 60px;
 }

 .image-card {
   margin-top: 30px;
   background: #e9ecef;
   border-radius: 20px;
   padding: 40px;
 }

 /* .image-card img {
            width: 100%;
            border-radius: 12px;
            display: block;
            margin: auto;
        } */

 /* Floating Buttons */
 .floating-buttons {
   position: fixed;
   right: 25px;
   bottom: 100px;
   display: flex;
   flex-direction: column;
   gap: 15px;
   z-index: 999;
 }

 .floating-buttons a {
   width: 55px;
   height: 55px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
   text-decoration: none;
 }

 .call-btn {
   background: #ffffff;
 }

 .whatsapp-btn {
   background: #25D366;
 }

 .floating-buttons i {
   font-size: 22px;
   color: #000;
 }

 .whatsapp-btn i {
   color: #fff;
 }

 @media(max-width:992px) {
   .main-wrapper {
     padding: 30px;
   }

   h1 {
     font-size: 32px;
   }

   .description {
     font-size: 18px;
   }
 }

 .image-card img {
   width: 100%;
   border-radius: 12px;
   display: block;
 }