.elementor-12 .elementor-element.elementor-element-97b4cce{--display:flex;--min-height:455px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.71;}.elementor-12 .elementor-element.elementor-element-97b4cce:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-97b4cce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1e8244e );}.elementor-12 .elementor-element.elementor-element-97b4cce::before, .elementor-12 .elementor-element.elementor-element-97b4cce > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-97b4cce > .e-con-inner > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-97b4cce > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-97b4cce > .e-con-inner > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-97b4cce > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-1e8244e );--background-overlay:'';}.elementor-12 .elementor-element.elementor-element-08c4ff9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-c6d8ad8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-12 .elementor-element.elementor-element-3f085e4{--display:flex;--min-height:514px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;}.elementor-12 .elementor-element.elementor-element-3f085e4::before, .elementor-12 .elementor-element.elementor-element-3f085e4 > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-3f085e4 > .e-con-inner > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-3f085e4 > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-3f085e4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-3f085e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-1e8244e );--background-overlay:'';}.elementor-12 .elementor-element.elementor-element-9cd78fa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-b0197eb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-80812e9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-80812e9:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-80812e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1e8244e );}.elementor-12 .elementor-element.elementor-element-439a84c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-439a84c:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-439a84c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-61e9426 );}.elementor-12 .elementor-element.elementor-element-079f961{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-079f961:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-079f961 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12 .elementor-element.elementor-element-0d08076{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-0d08076:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-0d08076 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(152deg, var( --e-global-color-1e8244e ) 46%, #006768 100%);}.elementor-12 .elementor-element.elementor-element-1ed38d5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-1ed38d5:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-1ed38d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1e8244e );}.elementor-12 .elementor-element.elementor-element-a7cfdf0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;}.elementor-12 .elementor-element.elementor-element-a7cfdf0:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-a7cfdf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(75deg, var( --e-global-color-1e8244e ) 0%, #217174 100%);}.elementor-12 .elementor-element.elementor-element-d2a1c3f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-d2a1c3f:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-d2a1c3f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12 .elementor-element.elementor-element-a15a435{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-a15a435:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-a15a435 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1e8244e );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-3f085e4{--overlay-opacity:0.67;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-12 .elementor-element.elementor-element-7698aba{margin:-52px 0px calc(var(--kit-widget-spacing, 0px) + 52px) 0px;}}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-97b4cce{--content-width:1186px;}.elementor-12 .elementor-element.elementor-element-08c4ff9{--width:50%;}.elementor-12 .elementor-element.elementor-element-c6d8ad8{--width:50%;}.elementor-12 .elementor-element.elementor-element-9cd78fa{--width:50%;}.elementor-12 .elementor-element.elementor-element-b0197eb{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-9c37c6d *//* ================================
   HERO SECTION
   ================================ */

.hero-ref {
  padding: 110px 20px;
  background: transparent;
}

.hero-ref-wrap {
  max-width: 1100px;
  margin: auto;
}

/* TITLE */
.hero-ref-title {
  font-size: 56px;
  line-height: 1.08;
  font-weight: 800;
  color: #EAF6F8;
}

.hero-ref-title span {
  font-style: italic;
  font-weight: 700;
  color: #1FD1C2;
}

/* DIVIDER */
.hero-ref-divider {
  margin: 40px 0;
  width: 100%;
  height: 1px;
  background: rgba(255,255,255,0.25);
}

/* BOTTOM LAYOUT */
.hero-ref-bottom {
  display: grid;
  grid-template-columns: 1fr 260px;
  gap: 60px;
  align-items: center;
}

/* LEFT TEXT */
.hero-ref-text {
  font-size: 16px;
  line-height: 1.7;
  color: #B9D6DC;
  max-width: 520px;
}

/* STORE BUTTONS */
.hero-ref-actions {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.store-btn {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 26px;
  border-radius: 18px;
  background: #F4F7F8;
  text-decoration: none;
  box-shadow:
    0 14px 36px rgba(0,0,0,0.28),
    inset 0 1px 0 rgba(255,255,255,0.7);
  transition: all 0.3s ease;
}

.store-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 46px rgba(0,0,0,0.35);
}

/* ICON IMAGE */
.store-img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

/* TEXT */
.store-text {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}

.store-text small {
  font-size: 12px;
  font-weight: 600;
  color: #555;
  letter-spacing: 0.4px;
}

.store-text strong {
  font-size: 18px;
  font-weight: 700;
  color: #111;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .hero-ref-title {
    font-size: 38px;
  }

  .hero-ref-bottom {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .hero-ref-actions {
    align-items: flex-start;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7698aba *//* ================================
   HERO SECTION
   ================================ */

.hero-ref {
  padding: 110px 20px;
  background: transparent;
}

.hero-ref-wrap {
  max-width: 1100px;
  margin: auto;
}

/* TITLE */
.hero-ref-title {
  font-size: 56px;
  line-height: 1.08;
  font-weight: 800;
  color: #EAF6F8;
}

.hero-ref-title span {
  font-style: italic;
  font-weight: 700;
  color: #1FD1C2;
}

/* DIVIDER */
.hero-ref-divider {
  margin: 40px 0;
  width: 100%;
  height: 1px;
  background: rgba(255,255,255,0.25);
}

/* BOTTOM LAYOUT */
.hero-ref-bottom {
  display: grid;
  grid-template-columns: 1fr 260px;
  gap: 60px;
  align-items: center;
}

/* LEFT TEXT */
.hero-ref-text {
  font-size: 16px;
  line-height: 1.7;
  color: #B9D6DC;
  max-width: 520px;
}

/* STORE BUTTONS */
.hero-ref-actions {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.store-btn {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 26px;
  border-radius: 18px;
  background: #F4F7F8;
  text-decoration: none;
  box-shadow:
    0 14px 36px rgba(0,0,0,0.28),
    inset 0 1px 0 rgba(255,255,255,0.7);
  transition: all 0.3s ease;
}

.store-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 46px rgba(0,0,0,0.35);
}

/* ICON IMAGE */
.store-img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

/* TEXT */
.store-text {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}

.store-text small {
  font-size: 12px;
  font-weight: 600;
  color: #555;
  letter-spacing: 0.4px;
}

.store-text strong {
  font-size: 18px;
  font-weight: 700;
  color: #111;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .hero-ref-title {
    font-size: 38px;
  }

  .hero-ref-bottom {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .hero-ref-actions {
    align-items: flex-start;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-757165a *//* SECTION */
.features-dark {
  padding: 120px 20px;
  background: transparent;
}

.features-dark-wrap {
  max-width: 1300px;
  margin: auto;
}

/* TEXT ABOVE CARDS */
.features-dark-head {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 90px;
}

.features-dark-head h2 {
  font-size: 46px;
  font-weight: 800;
  line-height: 1.15;
  color: #F2FBFC;
}

.features-dark-head h2 span {
  color: #1FD1C2;
  font-style: italic;
}

.features-dark-head p {
  margin-top: 20px;
  font-size: 17px;
  line-height: 1.7;
  color: #CFEAEC;
}

/* GRID */
.features-dark-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 34px;
}

/* CARD */
.dark-card {
  padding: 42px 36px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(18px);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.45);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.dark-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 40px 90px rgba(0, 0, 0, 0.6);
}

/* ICON */
.dark-icon {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(31, 209, 194, 0.15);
  color: #1FD1C2;
  font-size: 26px;
  margin-bottom: 22px;
}

/* TEXT */
.dark-card h3 {
  font-size: 21px;
  font-weight: 700;
  color: #EAF6F8;
  margin-bottom: 10px;
}

.dark-card p {
  font-size: 15.5px;
  line-height: 1.6;
  color: #B9D6DC;
}

/* TABLET & MOBILE (2 CARDS PER ROW) */
@media (max-width: 1024px) {
  .features-dark-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .features-dark-head h2 {
    font-size: 34px;
  }

  .dark-card {
    padding: 30px 24px;
  }

  .dark-card h3 {
    font-size: 18px;
  }

  .dark-card p {
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-428965e */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        :root {
            --bg-color: #011616;
            --accent-teal: #20C997;
            --glass-bg: rgba(255, 255, 255, 0.05);
            --glass-border: rgba(255, 255, 255, 0.1);
        }

        .feature-hub {
            position: relative;
            width: 100%;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-color: var(--bg-color);
            overflow-x: hidden;
            padding: 80px 20px;
        }

        /* --- Orbit System --- */
        .orbit-container {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }

        .plane-wrapper {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 20px;
            height: 20px;
        }

        .plane {
            width: 25px;
            height: 25px;
            fill: white;
            filter: drop-shadow(0 0 5px var(--accent-teal));
            transform: rotate(90deg);
        }

        .trail {
            position: absolute;
            width: 100px;
            height: 2px;
            background: linear-gradient(to left, var(--accent-teal), transparent);
            right: 20px;
            top: 12px;
        }

        /* Animations */
        @keyframes orbit {
            from { transform: rotate(0deg) translateX(var(--r)) rotate(0deg); }
            to { transform: rotate(360deg) translateX(var(--r)) rotate(0deg); }
        }

        .p1 { --r: 300px; animation: orbit 10s linear infinite; }
        .p2 { --r: 340px; animation: orbit 15s linear infinite reverse; }

        /* --- Central Layout --- */
        .main-layout {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 40px;
            z-index: 5;
            width: 100%;
            max-width: 1200px;
        }

        .phone-center {
            width: 280px;
            height: 560px;
            background: #000;
            border: 8px solid #333;
            border-radius: 40px;
            overflow: hidden;
            box-shadow: 0 0 50px rgba(32, 201, 151, 0.3);
            flex-shrink: 0;
            animation: pulse 3s infinite ease-in-out;
        }

        @keyframes pulse {
            0%, 100% { box-shadow: 0 0 20px rgba(32, 201, 151, 0.2); }
            50% { box-shadow: 0 0 50px rgba(32, 201, 151, 0.5); }
        }

        .mockup-screen {
            width: 100%;
            height: 100%;
            background-image: url('https://myuniking.com/wp-content/uploads/2026/01/Untitled-design-10.png');
            background-size: cover;
            background-position: center;
        }

        .feature-column {
            display: flex;
            flex-direction: column;
            gap: 30px;
            width: 300px;
        }

        .feature-card {
            background: var(--glass-bg);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid var(--glass-border);
            border-radius: 15px;
            padding: 20px;
            transition: 0.3s;
        }

        .feature-card h3 { color: var(--accent-teal); margin-top: 0; font-size: 1.1rem; }
        .feature-card p { color: #ccc; font-size: 0.9rem; margin-bottom: 0; }

        /* --- Responsive Styles --- */
        @media (max-width: 1024px) {
            .main-layout { flex-direction: column; align-items: center; }
            .feature-column { width: 100%; max-width: 500px; order: 2; }
            .phone-center { order: 1; margin-bottom: 40px; }
            .p1 { --r: 180px; }
            .p2 { --r: 220px; }
        }

        @media (max-width: 480px) {
            .phone-center { width: 220px; height: 440px; }
            .feature-card { text-align: center; }
            .p1 { --r: 140px; }
            .p2 { --r: 160px; }
        }
    </style>
</head>
<body>

<section class="feature-hub">
    <div class="orbit-container">
        <div class="plane-wrapper p1">
            <div class="trail"></div>
            <svg class="plane" viewBox="0 0 24 24"><path d="M21,16L22,13V11L21,10V3.5A1.5,1.5 0 0,0 19.5,2A1.5,1.5 0 0,0 18,3.5V10L10,5L9,6L13.5,11L8.5,13.5L5,11L4,12L7,15L4,18L5,19L8.5,16.5L13.5,21L14,20L10,14L18,17V20.5A1.5,1.5 0 0,0 19.5,22A1.5,1.5 0 0,0 21,20.5V16Z"/></svg>
        </div>
        <div class="plane-wrapper p2">
            <div class="trail"></div>
            <svg class="plane" viewBox="0 0 24 24"><path d="M21,16L22,13V11L21,10V3.5A1.5,1.5 0 0,0 19.5,2A1.5,1.5 0 0,0 18,3.5V10L10,5L9,6L13.5,11L8.5,13.5L5,11L4,12L7,15L4,18L5,19L8.5,16.5L13.5,21L14,20L10,14L18,17V20.5A1.5,1.5 0 0,0 19.5,22A1.5,1.5 0 0,0 21,20.5V16Z"/></svg>
        </div>
    </div>

    <div class="main-layout">
        <div class="feature-column">
            <div class="feature-card">
                <h3>AI Itinerary Builder</h3>
                <p>Personalized plans that auto-adjust for local weather and upcoming events[cite: 14, 164].</p>
            </div>
            <div class="feature-card">
                <h3>All-in-One Booking</h3>
                <p>Unified search for flights, hotels, visas, and local tours in one workflow[cite: 79, 158].</p>
            </div>
            <div class="feature-card">
                <h3>Global Payments</h3>
                <p>Secure UPI and QR-based border transactions[cite: 43, 80].</p>
            </div>
        </div>

        <div class="phone-center">
            <div class="mockup-screen"></div>
        </div>

        <div class="feature-column">
            <div class="feature-card">
                <h3>Offline & Safety</h3>
                <p>Downloadable maps, digital tickets, and a 24/7 SOS button[cite: 17, 30].</p>
            </div>
            <div class="feature-card">
                <h3>Visa Assistance</h3>
                <p>Independent self-service tool for visa and passport tracking[cite: 48, 51].</p>
            </div>
            <div class="feature-card">
                <h3>Multi-Language</h3>
                <p>Supports 10+ global languages for international ease[cite: 23, 178].</p>
            </div>
        </div>
    </div>
</section>

</body>
</html>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8d5a27f *//* ================================
   VISUAL SPLIT SECTION
   ================================ */

.visual-split {
  padding: 140px 20px;
  background: transparent;
}

.visual-wrap {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 90px;
  align-items: center;
}

/* IMAGE */
.visual-image img {
  width: 100%;
  max-width: 420px;
  border-radius: 36px;
  box-shadow: 0 40px 120px rgba(0,0,0,0.55);
}

/* CONTENT */
.visual-content h2 {
  font-size: 46px;
  font-weight: 800;
  color: #F2FBFC;
  line-height: 1.15;
}

.visual-content h2 span {
  color: #1FD1C2;
  font-style: italic;
}

.visual-content p {
  margin-top: 20px;
  font-size: 17px;
  line-height: 1.7;
  color: #CFEAEC;
  max-width: 480px;
}

.visual-content ul {
  margin-top: 26px;
  list-style: none;
  padding: 0;
}

.visual-content li {
  margin-bottom: 14px;
  font-size: 15.5px;
  color: #B9D6DC;
  position: relative;
  padding-left: 22px;
}

.visual-content li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #1FD1C2;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .visual-wrap {
    grid-template-columns: 1fr;
    gap: 50px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-110204a *//* ================================
   FAQ SECTION
   ================================ */

.faq-section {
  padding: 140px 20px;
  background: transparent;
}

.faq-wrap {
  max-width: 900px;
  margin: auto;
}

/* HEADER */
.faq-head {
  text-align: center;
  margin-bottom: 80px;
}

.faq-head h2 {
  font-size: 46px;
  font-weight: 800;
  line-height: 1.15;
  color: #F2FBFC;
}

.faq-head h2 span {
  color: #1FD1C2;
  font-style: italic;
}

.faq-head p {
  margin-top: 18px;
  font-size: 17px;
  line-height: 1.7;
  color: #CFEAEC;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

/* FAQ LIST */
.faq-list {
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}

/* ITEM */
.faq-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  padding: 26px 0;
}

.faq-item summary {
  list-style: none;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  color: #EAF6F8;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-item summary::-webkit-details-marker {
  display: none;
}

/* PLUS / MINUS ICON */
.faq-item summary::after {
  content: "+";
  font-size: 22px;
  color: #1FD1C2;
  transition: transform 0.3s ease;
}

.faq-item[open] summary::after {
  content: "–";
}

/* ANSWER */
.faq-item p {
  margin-top: 16px;
  font-size: 15.5px;
  line-height: 1.7;
  color: #B9D6DC;
  max-width: 720px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .faq-head h2 {
    font-size: 36px;
  }

  .faq-item summary {
    font-size: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b630e67 *//* ================================
   FINAL CTA SECTION
   ================================ */

.cta-section {
  padding: 160px 20px;
  background: transparent;
}

.cta-wrap {
  max-width: 900px;
  margin: auto;
  text-align: center;
}

/* HEADLINE */
.cta-wrap h2 {
  font-size: 64px;
  font-weight: 900;
  line-height: 1.05;
  color: #F2FBFC;
  letter-spacing: -1px;
}

.cta-wrap h2 span {
  color: #1FD1C2;
  font-style: italic;
}

/* SUBTEXT */
.cta-wrap p {
  margin-top: 28px;
  font-size: 18px;
  line-height: 1.7;
  color: #CFEAEC;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

/* BUTTONS */
.cta-actions {
  margin-top: 46px;
  display: flex;
  justify-content: center;
  gap: 20px;
}

.cta-primary {
  padding: 16px 38px;
  border-radius: 999px;
  background: linear-gradient(135deg, #1FD1C2, #16B3A6);
  color: #062A2F;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.45);
  transition: transform 0.3s ease;
}

.cta-primary:hover {
  transform: translateY(-2px);
}

.cta-secondary {
  padding: 16px 38px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #F2FBFC;
  border: 1px solid rgba(255, 255, 255, 0.28);
  font-weight: 600;
  text-decoration: none;
  backdrop-filter: blur(10px);
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .cta-wrap h2 {
    font-size: 42px;
  }

  .cta-actions {
    flex-direction: column;
  }

  .cta-primary,
  .cta-secondary {
    width: 100%;
    text-align: center;
  }
}/* End custom CSS */