:root {
          --primary: #ff6a00;
          --secondary: #ff3d00;
          --dark: #0f172a;
          --glass: rgba(255, 255, 255, 0.08);
      }

      * {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
      }

      body {
          font-family: "Inter", sans-serif;
          background: linear-gradient(135deg, #0f172a, #1e293b);
          color: #fff;
          overflow-x: hidden;
          padding-top: 80px;
          /* 40px topbar + 40px navbar */
      }

      .logo {
          height: 60px;
          max-width: 160px;
          object-fit: contain;
          padding: 6px 10px;
          background: rgba(0, 0, 0, 0.6);
          /* 🔥 makes logo visible */
          border-radius: 10px;
          filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.5));
      }

      /* TOPBAR */
      .topbar {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 40px;
          background: #020617;
          padding: 0 40px;
          display: flex;
          align-items: center;
          justify-content: space-between;
          font-size: 14px;
          color: #ccc;
          z-index: 1000;
          transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
      }

      /* HIDE TOPBAR */
      .topbar.hide {
          transform: translateY(-100%);
      }

      /* .topbar {
          background: #020617;
          padding: 8px 40px;
          display: flex;
          justify-content: space-between;
          font-size: 14px;
          color: #ccc;
      } */

      /* .navbar {
          position: fixed;
          width: 100%;
          top: 40px;
          z-index: 999;
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 3px 40px;
          background: rgba(255, 255, 255, 0.05);
          backdrop-filter: blur(15px);
          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
          transition: 0.4s;
      } */

      .navbar {
          position: fixed;
          top: 40px;
          /* SAME as topbar height */
          left: 0;
          width: 100%;
          z-index: 999;

          display: flex;
          align-items: center;
          justify-content: space-between;

          padding: 4px 40px;

          background: rgba(255, 255, 255, 0.05);
          backdrop-filter: blur(15px);
          border-bottom: 1px solid rgba(255, 255, 255, 0.1);

          transition: all 0.4s ease;
      }

      .navbar.scrolled {
          top: 0;
          background: rgba(15, 23, 42, 0.95);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
      }

      .topbar.hide {
          transform: translateY(-100%);
          transition: 0.4s;
      }

      .navbar img {
          height: 65px;
          width: auto;
          max-width: 160px;
          object-fit: contain;
          transition: 0.3s;
      }

      .navbar a {
          color: #fff;
          margin: 0 15px;
          text-decoration: none;
          position: relative;
      }

      .navbar a:after {
          content: "";
          position: absolute;
          bottom: -5px;
          left: 0;
          width: 0;
          height: 2px;
          background: var(--primary);
          transition: 0.3s;
      }

      .navbar a:hover:after {
          width: 100%;
      }

      /* DESKTOP MENU FIX */
      .desktop-menu {
          display: flex;
          list-style: none;
          align-items: center;
      }

      .desktop-menu li {
          margin-left: 25px;
      }

      /* HAMBURGER */
      .menu-toggle {
          display: none;
          font-size: 24px;
          cursor: pointer;
      }

      /* SIDEBAR MENU */
      .sidebar {
          position: fixed;
          top: 0;
          right: -100%;
          width: 260px;
          height: 100%;
          background: #020617;
          padding: 30px;
          transition: right 0.4s ease;
          z-index: 1000;
          display: flex;
          flex-direction: column;
      }

      .sidebar.active {
          right: 0;
      }

      .sidebar a {
          display: block;
          margin: 15px 0;
          color: #fff;
          text-decoration: none;
          font-size: 16px;
      }

      .close-btn {
          font-size: 22px;
          color: #fff;
          position: absolute;
          top: 15px;
          right: 20px;
          cursor: pointer;
      }

      .sidebar-bottom {
          margin-top: auto;
          padding-top: 20px;
          border-top: 1px solid rgba(255, 255, 255, 0.1);
      }

      .sidebar-bottom p {
          font-size: 14px;
          color: #ccc;
          margin: 6px 0;
      }

      .overlay {
          position: fixed;
          inset: 0;
          background: rgba(0, 0, 0, 0.5);
          display: none;
          z-index: 999;
      }

      .overlay.active {
          display: block;
      }

      /* HERO SLIDER */

      .slider {
          position: relative;
          height: 100vh;
          overflow: hidden;
      }

      /* SLIDE */
      .slide {
          position: absolute;
          inset: 0;
          background-size: cover;
          background-position: center;
          opacity: 0;
          transform: scale(1.1);
          transition: opacity 1s ease, transform 6s ease;
          display: flex;
          align-items: center;
          justify-content: center;
      }

      /* ACTIVE */
      .slide.active {
          opacity: 1;
          transform: scale(1);
          z-index: 2;
      }

      /* OVERLAY */
      .slide-overlay {
          position: absolute;
          inset: 0;
          background: linear-gradient(to top,
                  rgba(0, 0, 0, 0.8),
                  rgba(0, 0, 0, 0.4),
                  rgba(0, 0, 0, 0.2));
      }

      /* CONTENT */
      .slide-content {
          position: relative;
          text-align: center;
          z-index: 2;
          max-width: 700px;
      }

      /* TITLE ANIMATION */
      .slide-title {
          font-size: 60px;
          opacity: 0;
          transform: translateY(40px);
          transition: 0.6s ease;
      }

      /* SUBTITLE */
      .slide-subtitle {
          margin-top: 15px;
          color: #ddd;
          opacity: 0;
          transform: translateY(40px);
          transition: 0.8s ease;
      }

      /* BUTTON */
      .slide-btn {
          margin-top: 25px;
          opacity: 0;
          transform: translateY(40px);
          transition: 1s ease;
      }

      /* ACTIVE ANIMATIONS */
      .slide.active .slide-title {
          opacity: 1;
          transform: translateY(0);
      }

      .slide.active .slide-subtitle {
          opacity: 1;
          transform: translateY(0);
      }

      .slide.active .slide-btn {
          opacity: 1;
          transform: translateY(0);
      }

      .slider-dots {
          position: absolute;
          bottom: 30px;
          width: 100%;
          text-align: center;
          z-index: 5;
          /* ✅ FIX */
      }

      .dot {
          width: 12px;
          height: 12px;
          margin: 6px;
          border-radius: 50%;
          display: inline-block;
          background: rgba(255, 255, 255, 0.5);
          backdrop-filter: blur(5px);
          cursor: pointer;
          transition: 0.3s;
      }

      .dot.active {
          background: var(--primary);
          transform: scale(1.3);
          box-shadow: 0 0 10px var(--primary);
      }

      .btn {
          padding: 14px 30px;
          border-radius: 40px;
          background: linear-gradient(135deg, #ff6a00, #ff3d00);
          color: #fff;
          text-decoration: none;
          box-shadow: 0 10px 30px rgba(255, 106, 0, 0.4);
          display: inline-block;
          margin-top: 20px;
      }

      .section {
          padding: 100px 40px;
      }

      .container {
          max-width: 1200px;
          margin: auto;
      }

      .page-header {
          position: relative;
          height: 300px;
          /* background: url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e') center/cover no-repeat; */
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
      }

      .page-header-overlay {
          position: absolute;
          inset: 0;
          background: rgba(0, 0, 0, 0.6);
      }

      .page-header-content {
          position: relative;
          z-index: 2;
      }

      .page-header h1 {
          font-size: 40px;
          margin-bottom: 10px;
      }

      .page-header p {
          color: #ccc;
          margin-bottom: 15px;
      }

      /* BREADCRUMB */
      .breadcrumb {
          font-size: 14px;
          color: #aaa;
      }

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

      .breadcrumb span {
          color: var(--primary);
      }


      .card {
          background: var(--glass);
          backdrop-filter: blur(20px);
          border-radius: 20px;
          padding: 25px;
          border: 1px solid rgba(255, 255, 255, 0.1);
          transition: 0.4s;
      }

      .card:hover {
          transform: translateY(-10px) scale(1.02);
      }

      .grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
          gap: 30px;
      }

      h2 {
          text-align: center;
          margin-bottom: 40px;
      }

      img {
          width: 100%;
          border-radius: 15px;
          height: auto;
      }

      /* TESTIMONIAL CAROUSEL (3 IN 1 + ARROWS + CENTER) */
      .testimonial-slider {
          position: relative;
          overflow: hidden;
      }

      .testimonial-track {
          display: flex;
          transition: transform 0.6s ease;
          will-change: transform;
      }

      .testimonial-card {
          flex: 0 0 33.3333%;
          text-align: center;
          padding: 20px;
          opacity: 0.5;
          transform: scale(0.9);
          transition: 0.4s;
      }

      .testimonial-card.active {
          opacity: 1;
          transform: scale(1.05);
      }

      .testimonial-card img {
          width: 80px;
          height: 80px;
          border-radius: 50%;
          margin-bottom: 10px;
          border: 3px solid var(--primary);
      }

      .testimonial-card h4 {
          margin: 5px 0;
          font-size: 18px;
      }

      .testimonial-card p {
          font-size: 15px;
          color: #ccc;
      }

      .testimonial-arrows {
          position: absolute;
          top: 50%;
          width: 100%;
          display: flex;
          justify-content: space-between;
          transform: translateY(-50%);
      }

      .arrow {
          background: rgba(255, 255, 255, 0.1);
          border: none;
          color: #fff;
          font-size: 20px;
          padding: 10px 15px;
          border-radius: 50%;
          cursor: pointer;
      }

      .arrow:hover {
          background: var(--primary);
      }

      .testimonial-dots {
          text-align: center;
          margin-top: 20px;
      }

      .tdot {
          width: 10px;
          height: 10px;
          border-radius: 50%;
          display: inline-block;
          background: #fff;
          margin: 5px;
          opacity: 0.5;
          cursor: pointer;
      }

      .tdot.active {
          opacity: 1;
          background: var(--primary);
      }

      /* PARALLAX */
      .parallax {
          /* background: url("https://images.unsplash.com/photo-1507525428034-b723cf961d3e") center/cover fixed; */
          height: 400px;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          position: relative;
      }

      .parallax::before {
          content: "";
          position: absolute;
          inset: 0;
          background: rgba(0, 0, 0, 0.6);
      }

      .parallax-content {
          position: relative;
          z-index: 2;
      }

      .parallax h2 {
          font-size: 40px;
      }

      .parallax p {
          color: #ddd;
          margin-top: 10px;
      }

      /* INQUIRY */
      .inquiry {
          margin: 80px auto;
          max-width: 1000px;
          padding: 40px;
          border-radius: 25px;
          background: linear-gradient(135deg,
                  rgba(255, 106, 0, 0.2),
                  rgba(255, 61, 0, 0.2));
          backdrop-filter: blur(20px);
          border: 1px solid rgba(255, 255, 255, 0.1);
          box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
          text-align: center;
      }

      .inquiry h2 {
          margin-bottom: 15px;
      }

      .inquiry p {
          color: #ddd;
          margin-bottom: 25px;
      }

      .inquiry-form {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 15px;
      }

      .inquiry-form input,
      .inquiry-form textarea {
          padding: 12px;
          border: none;
          border-radius: 10px;
          background: rgba(255, 255, 255, 0.1);
          color: #fff;
      }

      .inquiry-form textarea {
          grid-column: span 2;
      }

      .inquiry-form button {
          grid-column: span 2;
      }


      /* ===== GALLERY 2026 ===== */

      .gallery-modern {
          position: relative;
      }

      /* TITLE */
      .gallery-title {
          text-align: center;
          font-size: 36px;
          margin-bottom: 50px;
          font-weight: 600;
      }

      /* GRID */
      .gallery-grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
          gap: 30px;
      }

      /* CARD */
      .gallery-card {
          position: relative;
          border-radius: 20px;
          overflow: hidden;
          cursor: pointer;

          background: rgba(255, 255, 255, 0.05);
          backdrop-filter: blur(12px);

          transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);
      }

      /* IMAGE */
      .gallery-img {
          overflow: hidden;
      }

      .gallery-img img {
          width: 100%;
          height: 240px;
          object-fit: cover;
          transition: 0.6s ease;
      }

      /* CONTENT OVERLAY */
      .gallery-content {
          position: absolute;
          inset: 0;

          display: flex;
          flex-direction: column;
          justify-content: flex-end;

          padding: 20px;

          background: linear-gradient(to top,
                  rgba(0, 0, 0, 0.8),
                  rgba(0, 0, 0, 0.2),
                  transparent);

          opacity: 0;
          transition: 0.4s;
      }

      /* TEXT */
      .gallery-content h4 {
          font-size: 18px;
          margin-bottom: 5px;
      }

      .gallery-content span {
          font-size: 13px;
          color: #ccc;
      }

      /* HOVER EFFECT */
      .gallery-card:hover {
          transform: translateY(-10px) scale(1.02);
          box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5);
      }

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

      .gallery-card:hover .gallery-content {
          opacity: 1;
      }

      /* GLASS BORDER */
      .gallery-card::after {
          content: "";
          position: absolute;
          inset: 0;
          border-radius: 20px;
          border: 1px solid rgba(255, 255, 255, 0.08);
          pointer-events: none;
      }

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

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

      /* FAQ */
      /* ===== FAQ ULTRA PREMIUM 2026 ===== */

      .faq-premium {
          padding: 100px 0;
      }

      .faq-title {
          text-align: center;
          font-size: 36px;
          margin-bottom: 50px;
      }

      /* WRAPPER */
      .faq-wrapper {
          max-width: 900px;
          margin: auto;
          display: flex;
          flex-direction: column;
          gap: 10px;
      }

      /* CARD */
      .faq-card {
          background: rgba(255, 255, 255, 0.05);
          backdrop-filter: blur(20px);
          border-radius: 20px;
          border: 1px solid rgba(255, 255, 255, 0.08);
          overflow: hidden;
          transition: 0.3s;
      }

      .faq-card:hover {
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
      }

      /* HEADER */
      .faq-header {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 10px 15px;
          cursor: pointer;
          font-weight: 500;
      }

      /* ICON */
      .faq-icon {
          width: 30px;
          height: 30px;
          border-radius: 50%;
          background: rgba(255, 255, 255, 0.1);
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 18px;
          transition: 0.3s;
      }

      /* BODY */
      .faq-body {
          max-height: 0;
          overflow: hidden;
          transition: max-height 0.4s ease;
          padding: 0 25px;
      }

      .faq-body p {
          color: #cbd5e1;
          padding-bottom: 20px;
      }

      /* ACTIVE STATE */
      .faq-card.active .faq-body {
          max-height: 200px;
      }

      .faq-card.active .faq-icon {
          transform: rotate(45deg);
          background: var(--primary);
      }

      /* ===== SERVICE DETAIL ULTRA PREMIUM ===== */

      .service-detail-grid {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 60px;
          align-items: center;
      }

      /* IMAGE */
      .service-detail-img img {
          width: 100%;
          height: 420px;
          object-fit: cover;
          border-radius: 20px;
          box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6);
          transition: 0.5s;
      }

      .service-detail-img img:hover {
          transform: scale(1.03);
      }

      /* CONTENT */
      .service-detail-content {
          background: rgba(255, 255, 255, 0.05);
          backdrop-filter: blur(20px);
          padding: 40px;
          border-radius: 25px;
          border: 1px solid rgba(255, 255, 255, 0.08);
      }

      /* TITLE */
      .service-detail-content h1 {
          font-size: 36px;
          margin-bottom: 15px;
      }

      /* TEXT */
      .service-text {
          color: #cbd5e1;
          line-height: 1.9;
      }

      /* PRICE */
      .service-price {
          margin-top: 20px;
          font-size: 22px;
          color: var(--primary);
          font-weight: 600;
      }

      /* BUTTONS */
      .service-actions {
          margin-top: 30px;
          display: flex;
          gap: 15px;
      }

      .btn.primary {
          background: linear-gradient(135deg, #ff6a00, #ff3d00);
      }

      .btn.outline {
          border: 1px solid rgba(255, 255, 255, 0.2);
          background: transparent;
      }

      /* RESPONSIVE */
      @media(max-width:768px) {
          .service-detail-grid {
              grid-template-columns: 1fr;
          }

          .service-detail-img img {
              height: 260px;
          }
      }

      /* ===== ULTRA PREMIUM FOOTER 2026 ===== */

      .footer {
          position: relative;
          padding: 100px 40px 40px;
          background: linear-gradient(135deg, #020617, #0f172a);
          overflow: hidden;
      }

      /* GLOW BACKGROUND */
      .footer::before {
          content: "";
          position: absolute;
          width: 400px;
          height: 400px;
          background: rgba(255, 106, 0, 0.15);
          filter: blur(120px);
          top: -100px;
          right: -100px;
          border-radius: 50%;
      }

      /* GRID */
      .footer-grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
          gap: 50px;
          position: relative;
          z-index: 2;
      }

      /* BRAND */
      .footer-brand {
          display: flex;
          flex-direction: column;
          gap: 15px;
      }

      .footer-brand img {
          width: 150px;
          padding: 8px 12px;
          background: rgba(0, 0, 0, 0.6);
          border-radius: 10px;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
      }

      .footer-brand p {
          color: #94a3b8;
          font-size: 14px;
          line-height: 1.6;
      }

      /* HEADINGS */
      .footer h4 {
          font-size: 16px;
          margin-bottom: 15px;
          position: relative;
      }

      /* UNDERLINE */
      .footer h4::after {
          content: "";
          width: 30px;
          height: 2px;
          background: var(--primary);
          position: absolute;
          left: 0;
          bottom: -5px;
      }

      /* LINKS */
      .footer a {
          display: block;
          color: #94a3b8;
          font-size: 14px;
          text-decoration: none;
          margin: 6px 0;
          transition: 0.3s;
      }

      .footer a:hover {
          color: #fff;
          transform: translateX(6px);
      }

      /* CONTACT TEXT */
      .footer address p {
          display: flex;
          align-items: center;
          gap: 10px;
          color: #94a3b8;
      }

      .footer address a {
          display: inline;
          color: inherit;
      }

      .footer address p:hover {
          color: #fff;
      }

      /* SOCIAL */
      .footer-social {
          display: flex;
          justify-content: center;
          gap: 15px;
          margin-top: 50px;
      }

      .footer-social a {
          width: 45px;
          height: 45px;
          border-radius: 50%;
          background: rgba(255, 255, 255, 0.08);
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 18px;
          transition: 0.3s;
      }

      .footer-social a:hover {
          background: var(--primary);
          transform: translateY(-5px) scale(1.1);
          box-shadow: 0 10px 30px rgba(255, 106, 0, 0.5);
      }

      /* DIVIDER */
      .footer-divider {
          margin: 40px 0 20px;
          height: 1px;
          background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), transparent);
      }

      /* BOTTOM */
      .footer-bottom {
          text-align: center;
          color: #64748b;
          font-size: 13px;
      }

      /* RESPONSIVE */
      @media(max-width:768px) {
          .footer {
              padding: 70px 20px 30px;
          }

          .footer-grid {
              gap: 30px;
          }
      }


      #goTopBtn {
          position: fixed;
          bottom: 30px;
          right: 30px;
          width: 48px;
          height: 48px;
          border-radius: 50%;
          border: none;
          background: linear-gradient(135deg, #ff6a00, #ff3d00);
          color: #fff;
          font-size: 18px;
          cursor: pointer;

          display: flex;
          align-items: center;
          justify-content: center;

          box-shadow: 0 10px 30px rgba(255, 106, 0, 0.4);

          /* 🔥 smooth animation */
          opacity: 0;
          visibility: hidden;
          transform: translateY(20px) scale(0.8);

          transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1);

          z-index: 999;
      }

      /* SHOW STATE */
      #goTopBtn.show {
          opacity: 1;
          visibility: visible;
          transform: translateY(0) scale(1);
      }

      /* HOVER EFFECT */
      #goTopBtn:hover {
          transform: translateY(-5px) scale(1.1);
          box-shadow: 0 15px 40px rgba(255, 106, 0, 0.6);
      }

      /* CLICK FEEL */
      #goTopBtn:active {
          transform: scale(0.95);
      }

      .footer-legal-inline {
          display: flex;
          /* 🔥 important */
          justify-content: center;
          /* center horizontally */
          align-items: center;
          gap: 10px;
          /* spacing between items */
          margin: 12px 0;
          font-size: 14px;
      }

      .footer-legal-inline a {
          color: #aaa;
          text-decoration: none;
          white-space: nowrap;
          /* prevents breaking */
          transition: 0.3s;
      }

      .footer-legal-inline a:hover {
          color: #fff;
      }

      .footer-legal-inline .sep {
          color: #666;
      }

      @keyframes fadeUp {
          to {
              opacity: 1;
              transform: translateY(0);
          }
      }

      /* ================= RESPONSIVE ================= */

      @media (max-width: 1024px) {
          .testimonial-card {
              flex: 0 0 50%;
          }
      }

      @media (min-width: 769px) {
          .sidebar-bottom {
              display: none;
          }
      }

      @media (max-width: 768px) {
          .logo {
              height: 70px;
              max-width: 140px;
              padding: 5px 8px;
          }

          .topbar {
              display: none;
              /* flex-direction: column;
          gap: 5px;
          text-align: center; */
          }

          /* NAVBAR MOBILE */
          .navbar {
              top: 0;
              padding: 5px 15px;
              justify-content: space-between;
          }

          .navbar img {
              height: 50px;
              max-width: 130px;
          }

          .desktop-menu {
              display: none;
          }

          .menu-toggle {
              display: block;
          }

          .section {
              padding: 70px 20px;
          }

          .section .grid[style] {
              grid-template-columns: 1fr !important;
          }

          .page-header {
              height: 220px;
          }

          .page-header h1 {
              font-size: 26px;
          }

          .slide h1 {
              font-size: 28px;
          }

          .slide p {
              font-size: 14px;
          }

          .btn {
              padding: 10px 20px;
              font-size: 14px;
          }

          .lightbox img {
              max-width: 95%;
          }

          .nav {
              font-size: 22px;
          }

          /* TESTIMONIAL → 1 ITEM */
          .testimonial-card {
              min-width: 100%;
              opacity: 1;
              transform: scale(1);
              flex: 0 0 100%;
          }

          .testimonial-card.active {
              transform: scale(1);
          }

          .testimonial-arrows {
              display: none;
          }

          .parallax {
              height: 300px;
              background-attachment: scroll;
          }

          .inquiry-form {
              grid-template-columns: 1fr;
          }

          .inquiry-form textarea,
          .inquiry-form button {
              grid-column: span 1;
          }

          .inquiry-form input,
          .inquiry-form textarea {
              width: 100%;
              font-size: 14px;
          }

          .inquiry-form input::placeholder,
          .inquiry-form textarea::placeholder {
              color: #bbb;
          }

          #goTopBtn {
              bottom: 20px;
              right: 20px;
              width: 42px;
              height: 42px;
          }
      }

      @media (max-width: 480px) {
          .slide h1 {
              font-size: 24px;
          }

          .btn {
              padding: 10px 18px;
              font-size: 13px;
          }

          .inquiry {
              padding: 25px 15px;
          }
      }