body {
          margin: 0;
          font-family: "Playfair Display", serif;
      }

      /* NAVBAR */
      .custom-navbar {
          background: linear-gradient(135deg, #943c90, #5b1b6e);
          padding: 10px 0;
          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
      }

      .navbar-brand {
          font-size: 26px;
          font-weight: 700;
          color: #fff !important;
      }

      /* MENU */
      .navbar-collapse {
          justify-content: center;
      }

      .navbar-nav {
          gap: 25px;
      }

      .navbar-nav .nav-link {
          color: #fff !important;
          font-weight: 500;
          position: relative;
      }

      .navbar-nav .nav-link::after {
          content: "";
          width: 0%;
          height: 2px;
          background: #ffd6f4;
          position: absolute;
          left: 0;
          bottom: -5px;
          transition: 0.3s;
      }

      .navbar-nav .nav-link:hover::after {
          width: 100%;
      }

      /* ENQUIRY BUTTON */
      .enquiry-btn {
          background: linear-gradient(135deg, #ffd6f4, #ffffff);
          color: #943c90 !important;
          padding: 10px 22px;
          border-radius: 30px;
          font-weight: 600;
          transition: 0.3s;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
          white-space: nowrap;
      }

      .enquiry-btn:hover {
          background: linear-gradient(135deg, #ffd6f4, #ffffff) !important;
          transform: translateY(-2px);
      }

      .enquiry-btn i {
          margin-right: 6px;
      }

      /* TOGGLER */
      .navbar-toggler {
          border: none;
      }

      .navbar-toggler-icon {
          background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
      }

      /* MOBILE FIX */
      @media (max-width: 991px) {
          .navbar-collapse {
              text-align: center;
          }

          .navbar-nav {
              margin-top: 15px;
              gap: 15px;
          }

          .enquiry-btn {
              display: block;
              width: 100%;
              margin-top: 15px;
              text-align: center;
          }
      }

      /* navbar end */

      /* crousel start */

      /* ===== CAROUSEL ===== */
      .carousel-img {
          height: 80vh;
          /* Desktop height */
          background-size: cover;
          background-position: center;
          position: relative;
      }

      .carousel-img::after {
          content: "";
          position: absolute;
          inset: 0;
          /*background: rgba(0, 0, 0, 0.35);*/
      }

      /* Remove caption completely */
      .carousel-caption {
          display: none;
      }

      /* Indicators */
      .carousel-indicators button {
          width: 10px;
          height: 10px;
          border-radius: 50%;
          background-color: #ffd6f4;
      }

      /* MOBILE VIEW */
      @media (max-width: 768px) {
          .carousel-img {
              height: 45vh;
          }
      }

      /* EXTRA SMALL DEVICES */
      @media (max-width: 480px) {
          .carousel-img {
              height: 30vh;
          }
      }

      /* crousel end */

      /* about start */
      /* ABOUT SECTION */
      .about-section {
          padding: 60px 0;
          background: linear-gradient(135deg, #f7f3fb, #ffffff);
          position: relative;
          overflow: hidden;
      }

      .about-section::before {
          content: "";
          position: absolute;
          width: 250px;
          height: 250px;
          background: rgba(148, 60, 144, 0.1);
          border-radius: 50%;
          top: -60px;
          left: -60px;
      }

      .about-img img {
          width: 100%;
          border-radius: 18px;
          box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
          transition: 0.5s;
      }

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

      .about-badge {
          position: absolute;
          bottom: 20px;
          left: 20px;
          background: linear-gradient(135deg, #943c90, #5b1b6e);
          color: #fff;
          padding: 10px 18px;
          border-radius: 30px;
          font-size: 14px;
          font-weight: 600;
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
      }

      .about-content h2 {
          font-size: 42px;
          font-weight: 700;
          color: #5b1b6e;
          margin-bottom: 20px;
      }

      .about-content p {
          font-size: 16px;
          line-height: 1.9;
          color: #444;
      }

      /* FEATURES */
      .features {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
          gap: 20px;
          margin-top: 30px;
      }

      .feature-box {
          background: #fff;
          padding: 22px;
          border-radius: 14px;
          text-align: center;
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
          transition: 0.3s;
      }

      .feature-box:hover {
          transform: translateY(-8px);
          background: linear-gradient(135deg, #943c90, #5b1b6e);
          color: #fff;
      }

      .feature-box i {
          font-size: 30px;
          color: #943c90;
          margin-bottom: 10px;
          transition: 0.3s;
      }

      .feature-box:hover i {
          color: #fff;
      }

      /* SCROLL ANIMATION */
      .animate {
          opacity: 0;
          transform: translateY(40px);
          transition: all 0.9s ease;
      }

      .animate.show {
          opacity: 1;
          transform: translateY(0);
      }

      /* RESPONSIVE */
      @media (max-width: 991px) {
          .about-content h2 {
              font-size: 32px;
          }
      }

      @media (max-width: 768px) {
          .about-section {
              padding: 70px 15px;
              text-align: center;
          }

          .about-badge {
              font-size: 12px;
              padding: 8px 14px;
          }

          .about-content h2 {
              font-size: 28px;
          }
      }

      @media (max-width: 480px) {
          .about-content h2 {
              font-size: 24px;
          }

          .feature-box {
              padding: 18px;
          }
      }

      /* about end */

      /* welcome start */
      /* WELCOME SECTION */
      .welcome-section {
          padding: 30px 20px;
          text-align: center;
      }

      .welcome-box h1 {
          font-size: 48px;
          font-weight: 700;
          margin-bottom: 15px;
          letter-spacing: 1px;
          color: #5b1b6e;
      }

      .welcome-box h1 span {
          background: linear-gradient(90deg, #943c90, #c96ad9);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
      }

      .welcome-box p {
          font-size: 18px;
          max-width: 700px;
          margin: auto;
          line-height: 1.8;
          color: #555;
      }

      /* Mobile Responsive */
      @media (max-width: 768px) {
          .welcome-box h1 {
              font-size: 32px;
          }

          .welcome-box p {
              font-size: 15px;
          }
      }

      /* welcome end */

      /* luxary start */
      /* MAIN WRAPPER */
      .hg-wrapper {
          width: 100%;
          /* font-family: Arial, sans-serif; */
          display: flex;
          flex-direction: column;
          align-items: center;
          background: #f6f3fd;
          padding: 40px 0;
          margin-top: -310px;
      }

      .hg-title {
          text-align: center;
          margin-bottom: 25px;
      }

      .hg-title h2 {
          font-size: 42px;
          font-weight: 700;
          color: #5b1b6e;
          margin-bottom: 20px;
      }

      .hg-title p {
          max-width: 800px;
          /* margin: auto; */
          font-size: 15px;
          color: #555;
      }

      /* DESKTOP */
      .hg-cards {
          display: flex;
          width: 90%;
          max-width: 1100px;
          height: 420px;
          gap: 10px;
      }

      .hg-card {
          flex: 1;
          position: relative;
          border-radius: 25px;
          background-size: cover;
          background-position: center;
          cursor: pointer;
          transition: 0.6s ease;
          overflow: hidden;
      }

      .hg-card::after {
          content: "";
          position: absolute;
          inset: 0;
          background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
      }

      .hg-card.active {
          flex: 5;
      }

      .hg-label {
          position: absolute;
          bottom: 20px;
          left: 20px;
          display: flex;
          align-items: center;
          color: #fff;
          z-index: 2;
      }

      .hg-icon {
          width: 42px;
          height: 42px;
          background: #fff;
          color: #5b1b6e;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-right: 10px;
          font-size: 16px;
      }

      .hg-info .main {
          font-size: 18px;
          font-weight: bold;
      }

      .hg-info .sub {
          font-size: 13px;
          opacity: 0.85;
      }

      /* MOBILE */
      @media (max-width: 768px) {
          .hg-cards {
              flex-direction: row;
              overflow-x: auto;
              scroll-snap-type: x mandatory;
              height: auto;
          }

          .hg-card {
              flex: 0 0 85%;
              height: 260px;
              scroll-snap-align: center;
          }

          .hg-card.active {
              flex: 0 0 85%;
          }

          .hg-title h2 {
              font-size: 26px;
          }
      }

      /* luxary end */

      /* banner start */
      .member-banner {
          width: 95%;
          margin: 40px auto;
          padding: 28px 35px;
          border-radius: 14px;
          background: linear-gradient(135deg, #6e4fb3, #8a63d2);
          color: #fff;
          display: flex;
          align-items: center;
          justify-content: space-between;
          position: relative;
          overflow: hidden;
          font-family: Arial, sans-serif;
          box-shadow: 0 15px 40px rgba(110, 79, 179, 0.35);
      }

      /* dotted border */
      .member-banner::before {
          content: "";
          position: absolute;
          inset: 8px;
          border: 2px dashed rgba(255, 255, 255, 0.4);
          border-radius: 10px;
          pointer-events: none;
      }

      /* side cut */
      .member-banner::after {
          content: "";
          position: absolute;
          top: 50%;
          left: -10px;
          width: 20px;
          height: 20px;
          background: #fff;
          border-radius: 50%;
          transform: translateY(-50%);
      }

      .cut-right {
          position: absolute;
          top: 50%;
          right: -10px;
          width: 20px;
          height: 20px;
          background: #fff;
          border-radius: 50%;
          transform: translateY(-50%);
      }

      .banner-left {
          display: flex;
          align-items: center;
          gap: 15px;
      }

      .icon-circle {
          width: 55px;
          height: 55px;
          border-radius: 50%;
          background: rgba(255, 255, 255, 0.15);
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 24px;
          box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.3);
      }

      .banner-text h2 {
          margin: 0;
          font-size: 26px;
          font-weight: 600;
      }

      .banner-text p {
          margin-top: 4px;
          font-size: 14px;
          opacity: 0.95;
      }

      .banner-btn {
          padding: 12px 26px;
          border-radius: 30px;
          background: #fff;
          color: #6e4fb3;
          text-decoration: none;
          font-weight: 600;
          font-size: 14px;
          transition: 0.3s ease;
          box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
      }

      .banner-btn:hover {
          background: #f3f0ff;
          transform: translateY(-2px);
      }

      /* Mobile */
      @media (max-width: 768px) {
          .member-banner {
              flex-direction: column;
              text-align: center;
              gap: 18px;
              padding: 25px;
          }

          .banner-left {
              flex-direction: column;
          }

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

      /* banner end */

      /* gallery start */

      /* ===== GALLERY SECTION ===== */
      /* ===== GALLERY SECTION ===== */
      .gallery-wrapper {
          width: 100%;
          padding: 60px 0;
          background: #f7f7fb;
          /* font-family: "Poppins", sans-serif; */
      }

      .gallery-title {
          text-align: center;
          margin-bottom: 35px;
      }

      .gallery-title h2 {
          font-size: 42px;
          font-weight: 700;
          color: #5b1b6e;
          margin-bottom: 20px;
      }

      .gallery-title p {
          color: #666;
          font-size: 15px;
      }

      /* GRID */
      .gallery-grid {
          width: 90%;
          max-width: 1200px;
          margin: auto;
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
          gap: 20px;
      }

      .gallery-item {
          position: relative;
          overflow: hidden;
          border-radius: 14px;
          cursor: pointer;
      }

      .gallery-item img {
          width: 100%;
          height: 240px;
          /* 🔥 HEIGHT REDUCED */
          object-fit: cover;
          transition: 0.6s ease;
      }

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

      /* Overlay */
      .gallery-overlay {
          position: absolute;
          inset: 0;
          background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.1));
          display: flex;
          align-items: center;
          justify-content: center;
          opacity: 0;
          transition: 0.4s;
      }

      .gallery-item:hover .gallery-overlay {
          opacity: 1;
      }

      .gallery-overlay span {
          color: #fff;
          font-size: 17px;
          font-weight: 600;
      }

      /* ===== LIGHTBOX ===== */
      .lightbox {
          position: fixed;
          inset: 0;
          background: rgba(0, 0, 0, 0.9);
          display: none;
          justify-content: center;
          align-items: center;
          z-index: 999;
      }

      .lightbox-content {
          position: relative;
      }

      /* 🔥 LIGHTBOX IMAGE SIZE REDUCED */
      .lightbox-content img {
          max-width: 70vw;
          max-height: 65vh;
          border-radius: 12px;
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
          animation: zoomIn 0.4s ease;
      }

      /* CLOSE BUTTON */
      .lightbox-close {
          position: absolute;
          top: -14px;
          right: -14px;
          background: #fff;
          color: #000;
          width: 36px;
          height: 36px;
          border-radius: 50%;
          font-size: 20px;
          font-weight: bold;
          text-align: center;
          line-height: 36px;
          cursor: pointer;
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
          transition: 0.3s;
      }

      .lightbox-close:hover {
          background: #ff4d4d;
          color: #fff;
          transform: scale(1.1);
      }

      @keyframes zoomIn {
          from {
              transform: scale(0.6);
              opacity: 0;
          }

          to {
              transform: scale(1);
              opacity: 1;
          }
      }

      /* MOBILE */
      @media (max-width: 768px) {
          .gallery-title h2 {
              font-size: 26px;
          }

          .gallery-item img {
              height: 200px;
          }

          .lightbox-content img {
              max-width: 90vw;
              max-height: 60vh;
          }
      }

      /* gallery end */

      /* contact start */
      /* SECTION */

      .info-row p {
          margin: 3px 0;
          font-size: 14px;
      }

      .hotel-contact {
          padding: 80px 0;
          background: #f6f6fb;
          /* font-family: "Poppins", sans-serif; */
      }

      /* HEADING */
      .contact-heading {
          text-align: center;
          margin-bottom: 50px;
      }

      .contact-heading h2 {
          font-size: 36px;
          font-weight: 700;
          color: #5b1b6e;
          margin-bottom: 10px;
      }

      .contact-heading p {
          font-size: 15px;
          color: #666;
          max-width: 600px;
          margin: auto;
      }

      /* WRAPPER */
      .contact-wrap {
          width: 90%;
          max-width: 1100px;
          margin: auto;
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 40px;
          align-items: center;
      }

      /* LEFT INFO */
      .contact-info {
          background: linear-gradient(135deg, #6e4fb3, #8a63d2);
          color: #fff;
          padding: 45px;
          border-radius: 18px;
          box-shadow: 0 20px 40px rgba(110, 79, 179, 0.35);
      }

      .contact-info h3 {
          font-size: 30px;
          margin-bottom: 12px;
      }

      .contact-info p {
          font-size: 15px;
          margin-bottom: 30px;
          opacity: 0.9;
      }

      .info-row {
          display: flex;
          align-items: center;
          margin-bottom: 18px;
      }

      .info-row i {
          width: 42px;
          height: 42px;
          background: rgba(255, 255, 255, 0.2);
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-right: 14px;
      }

      .info-row span {
          font-size: 15px;
      }

      /* FORM */
      .contact-form-box {
          background: #fff;
          padding: 45px;
          border-radius: 18px;
          box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
      }

      .contact-form-box h3 {
          font-size: 26px;
          color: #5b1b6e;
          margin-bottom: 25px;
      }

      .form-group {
          position: relative;
          margin-bottom: 18px;
      }

      .form-group i {
          position: absolute;
          top: 50%;
          left: 14px;
          transform: translateY(-50%);
          color: #888;
      }

      .form-group input,
      .form-group textarea {
          width: 100%;
          padding: 14px 14px 14px 42px;
          border-radius: 10px;
          border: 1px solid #ddd;
          font-size: 14px;
          outline: none;
          transition: 0.3s;
          box-sizing: border-box;
      }

      .form-group textarea {
          height: 110px;
          resize: none;
      }

      .form-group input:focus,
      .form-group textarea:focus {
          border-color: #6e4fb3;
          box-shadow: 0 0 0 3px rgba(110, 79, 179, 0.15);
      }

      /* BUTTON */
      .submit-btn {
          width: 100%;
          padding: 14px;
          border-radius: 30px;
          border: none;
          background: linear-gradient(135deg, #6e4fb3, #8a63d2);
          color: #fff;
          font-size: 15px;
          font-weight: 600;
          cursor: pointer;
          transition: 0.3s;
      }

      .submit-btn:hover {
          transform: translateY(-2px);
          box-shadow: 0 10px 25px rgba(110, 79, 179, 0.4);
      }

      /* MOBILE */
      @media (max-width: 768px) {
          .contact-wrap {
              grid-template-columns: 1fr;
          }

          .contact-heading h2 {
              font-size: 26px;
          }
      }

      /* contact end */

      /* footer start */
      /* ===== FOOTER ===== */
      .hotel-footer {
          background: linear-gradient(135deg, #1f1b2e, #2a2440);
          color: #fff;
          padding: 80px 0 0;
          font-family: "Poppins", sans-serif;
          position: relative;
      }

      .hotel-footer::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 5px;
          background: linear-gradient(90deg, #6e4fb3, #8a63d2);
      }

      /* GRID */
      .footer-container {
          width: 90%;
          max-width: 1200px;
          margin: auto;
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          gap: 40px;
      }

      /* HEADINGS */
      .footer-box h3 {
          font-size: 20px;
          margin-bottom: 20px;
          position: relative;
      }

      .footer-box h3::after {
          content: "";
          width: 40px;
          height: 3px;
          background: #8a63d2;
          position: absolute;
          left: 0;
          bottom: -8px;
          border-radius: 10px;
      }

      /* TEXT */
      .footer-box p {
          font-size: 14px;
          line-height: 1.7;
          color: #ccc;
      }

      /* LINKS */
      .footer-box ul {
          list-style: none;
          padding: 0;
      }

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

      .footer-box ul li a {
          color: #ccc;
          text-decoration: none;
          transition: 0.3s;
      }

      .footer-box ul li a:hover {
          color: #fff;
          padding-left: 5px;
      }

      /* SOCIAL */
      .footer-social a {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 38px;
          height: 38px;
          border-radius: 50%;
          background: rgba(255, 255, 255, 0.12);
          color: #fff;
          margin-right: 10px;
          transition: 0.3s;
      }

      .footer-social a:hover {
          background: #8a63d2;
          transform: translateY(-3px);
      }

      /* CONTACT */
      .footer-box p i {
          color: #8a63d2;
          margin-right: 8px;
      }

      /* NEWSLETTER */
      .footer-form {
          margin-top: 10px;
      }

      .footer-form input {
          width: 100%;
          padding: 12px;
          border-radius: 25px;
          border: none;
          outline: none;
          margin-bottom: 12px;
      }

      .footer-form button {
          width: 100%;
          padding: 12px;
          border-radius: 25px;
          border: none;
          background: linear-gradient(135deg, #6e4fb3, #8a63d2);
          color: #fff;
          font-weight: 600;
          cursor: pointer;
          transition: 0.3s;
      }

      .footer-form button:hover {
          transform: translateY(-2px);
          box-shadow: 0 10px 25px rgba(138, 99, 210, 0.4);
      }

      /* BOTTOM BAR */
      .footer-bottom {
          margin-top: 60px;
          padding: 18px 0;
          text-align: center;
          background: #161223;
          font-size: 14px;
          color: #aaa;
      }

      /* RESPONSIVE */
      @media (max-width: 768px) {
          .footer-container {
              grid-template-columns: 1fr;
              text-align: center;
          }

          .footer-box h3::after {
              left: 50%;
              transform: translateX(-50%);
          }

          .footer-social {
              margin-top: 10px;
          }
      }

      /* footer end */

      /* services start */

      /* ===== SERVICES SECTION ===== */
      .services-section {
          padding: 80px 0;
          background: linear-gradient(135deg, #f6f7fb, #ffffff);
          /* font-family: "Poppins", sans-serif; */
      }

      .services-title {
          text-align: center;
          margin-bottom: 50px;
      }


      .services-title h2 {
          font-size: 42px;
          font-weight: 700;
          color: #5b1b6e;
          margin-bottom: 20px;
      }

      .services-title p {
          font-size: 15px;
          color: #666;
      }

      /* GRID */
      .services-grid {
          width: 90%;
          max-width: 1100px;
          margin: auto;
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
          gap: 30px;
      }

      /* CARD */
      .service-card {
          background: #fff;
          border-radius: 18px;
          padding: 40px 30px;
          text-align: center;
          box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
          transition: 0.4s;
          position: relative;
          overflow: hidden;
      }

      .service-card::before {
          content: "";
          position: absolute;
          top: -100%;
          left: 0;
          width: 100%;
          height: 100%;
          background: linear-gradient(135deg, #6e4fb3, #8a63d2);
          transition: 0.4s;
          z-index: 0;
      }

      .service-card:hover::before {
          top: 0;
      }

      .service-card * {
          position: relative;
          z-index: 2;
      }

      .service-card i {
          font-size: 46px;
          color: #6e4fb3;
          margin-bottom: 15px;
          transition: 0.3s;
      }

      .service-card h3 {
          font-size: 22px;
          margin-bottom: 10px;
          color: #333;
      }

      .service-card p {
          font-size: 14px;
          color: #666;
          line-height: 1.6;
      }

      /* Hover Effect */
      .service-card:hover i,
      .service-card:hover h3,
      .service-card:hover p {
          color: #fff;
      }

      /* MOBILE */
      @media (max-width: 768px) {
          .services-title h2 {
              font-size: 26px;
          }
      }

      /* services end */

      /* video start */
      /* ===== BIRTHDAY BOOKING SECTION ===== */
      .birthday-booking {
          padding: 90px 0;
          background: linear-gradient(135deg, #f7f3fb, #ffffff);
      }

      .birthday-container {
          width: 90%;
          max-width: 1200px;
          margin: auto;
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 50px;
          align-items: center;
      }

      /* CONTENT */
      .birthday-tag {
          display: inline-block;
          background: rgba(148, 60, 144, 0.12);
          color: #5b1b6e;
          padding: 6px 16px;
          border-radius: 20px;
          font-size: 13px;
          font-weight: 600;
          margin-bottom: 15px;
      }

      .birthday-content h2 {
          font-size: 42px;
          font-weight: 700;
          color: #5b1b6e;
          margin-bottom: 20px;
      }

      .birthday-content h2 span {
          background: linear-gradient(90deg, #943c90, #c96ad9);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
      }

      .birthday-content p {
          font-size: 16px;
          line-height: 1.9;
          color: #555;
          margin-bottom: 30px;
      }

      /* BUTTON */
      .birthday-btn {
          display: inline-block;
          padding: 14px 32px;
          border-radius: 30px;
          background: linear-gradient(135deg, #943c90, #5b1b6e);
          color: #fff;
          font-weight: 600;
          text-decoration: none;
          transition: 0.3s;
          box-shadow: 0 12px 30px rgba(148, 60, 144, 0.35);
      }

      .birthday-btn i {
          margin-right: 8px;
      }

      .birthday-btn:hover {
          transform: translateY(-3px);
      }

      /* VIDEO */
      .birthday-video {
          position: relative;
          border-radius: 22px;
          overflow: hidden;
          box-shadow: 0 20px 45px rgba(0, 0, 0, 0.25);
      }

      .birthday-video video {
          width: 100%;
          height: 420px;
          object-fit: cover;
      }

      /* overlay */
      .video-overlay {
          position: absolute;
          inset: 0;
          background: linear-gradient(to top,
                  rgba(0, 0, 0, 0.35),
                  rgba(0, 0, 0, 0.05));
      }

      /* RESPONSIVE */
      @media (max-width: 768px) {
          .birthday-container {
              grid-template-columns: 1fr;
              text-align: center;
          }

          .birthday-content h2 {
              font-size: 28px;
          }

          .birthday-video video {
              height: 260px;
          }
      }

      /* video end */