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

    :root {
      --sky: #e8f6ff;
      --sky2: #caeaf8;
      --blue: #5bc4ef;
      --blue-mid: #3aade0;
      --blue-deep: #1a86be;
      --cloud: #ffffff;
      --text: #1a3a4a;
      --text-soft: #4a7a95;
      --accent: #ffce5c;
      --accent2: #ff9f68;
      --max: 1100px;
    }

    html { scroll-behavior: smooth; }

    body {
      font-family: 'Nunito', sans-serif;
      background: var(--sky);
      color: var(--text);
      overflow-x: hidden;
    }

    /* ===== HEADER / NAV ===== */
    header {
      background: rgba(255,255,255,.92);
      backdrop-filter: blur(14px);
      border-bottom: 2px solid var(--sky2);
      position: sticky;
      top: 0;
      z-index: 100;
    }
    .header-inner {
      max-width: var(--max);
      margin: 0 auto;
      padding: 0 1.5rem;
      height: 64px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .logo {
      font-family: 'Baloo 2', cursive;
      font-size: 1.8rem;
      font-weight: 800;
      color: var(--blue-deep);
      text-decoration: none;
      letter-spacing: -.5px;
    }
    .logo span {color: #ff67dd;}

    nav { display: flex; gap: .3rem; align-items: center; }
    nav a {
      font-family: 'Baloo 2', cursive;
      font-size: .92rem;
      font-weight: 700;
      color: var(--text-soft);
      text-decoration: none;
      padding: .4rem .85rem;
      border-radius: 50px;
      transition: background .15s, color .15s;
    }
    nav a:hover { background: var(--sky2); color: var(--blue-deep); }
    .nav-cta {
      background: linear-gradient(135deg, var(--blue-mid), var(--blue-deep)) !important;
      color: #fff !important;
      box-shadow: 0 4px 14px rgba(26,134,190,.3);
    }
    .nav-cta:hover { background: var(--blue-deep) !important; }

    .burger {
      display: none;
      flex-direction: column;
      gap: 5px;
      cursor: pointer;
      background: none;
      border: none;
      padding: 6px;
    }
    .burger span {
      display: block;
      width: 24px;
      height: 2.5px;
      background: var(--blue-deep);
      border-radius: 3px;
      transition: all .2s;
    }

    @media (max-width: 700px) {
      .burger { display: flex; }
      nav {
        display: none;
        position: absolute;
        top: 64px; left: 0; right: 0;
        background: rgba(255,255,255,.97);
        flex-direction: column;
        padding: 1rem 1.5rem 1.2rem;
        box-shadow: 0 12px 32px rgba(0,0,0,.1);
        gap: .2rem;
      }
      nav.open { display: flex; }
      nav a { font-size: 1rem; padding: .7rem 1rem; border-radius: 14px; }
    }

    /* ===== HERO ===== */
    .hero {
      background: linear-gradient(150deg, #aadff5 0%, #d4f0ff 55%, #bce8fa 100%);
      padding: 5rem 1.5rem 6rem;
      text-align: center;
      position: relative;
      overflow: hidden;
    }
    .hero::after {
      content: '';
      position: absolute;
      bottom: -1px; left: 0; right: 0;
      height: 80px;
      background: var(--sky);
      border-radius: 55% 55% 0 0 / 80px 80px 0 0;
    }
    .cloud-l {
      position: absolute; top: 20px; left: 2%;
      font-size: 5rem; opacity: .15;
      animation: drift 14s ease-in-out infinite;
    }
    .cloud-r {
      position: absolute; top: 10px; right: 3%;
      font-size: 6rem; opacity: .12;
      animation: drift 10s ease-in-out infinite reverse;
    }
    .cloud-m {
      position: absolute; bottom: 90px; left: 30%;
      font-size: 3rem; opacity: .1;
      animation: drift 18s ease-in-out infinite;
    }
    @keyframes drift {
      0%,100% { transform: translateX(0); }
      50%      { transform: translateX(-25px); }
    }
    .hero-emoji {
      font-size: 5.5rem;
      display: block;
      animation: floatY 3.5s ease-in-out infinite;
      margin-bottom: .8rem;
      position: relative;
    }
    @keyframes floatY {
      0%,100% { transform: translateY(0) rotate(-3deg); }
      50%      { transform: translateY(-14px) rotate(3deg); }
    }
    .hero h1 {
      font-family: 'Baloo 2', cursive;
      font-size: clamp(2rem, 5vw, 3.4rem);
      font-weight: 800;
      color: var(--blue-deep);
      line-height: 1.12;
      margin-bottom: 1rem;
      position: relative;
    }
    .hero h1 em {font-style: normal;color: #ff67dd;}
    .hero p {
      font-size: clamp(.95rem, 2vw, 1.1rem);
      color: var(--text-soft);
      font-weight: 600;
      line-height: 1.7;
      max-width: 540px;
      margin: 0 auto 2.2rem;
      position: relative;
    }
    .hero-btns {
      display: flex;
      gap: 1rem;
      justify-content: center;
      flex-wrap: wrap;
      position: relative;
    }
    .btn-primary {
      display: inline-block;
      background: linear-gradient(135deg, var(--blue-mid), var(--blue-deep));
      color: #fff;
      font-family: 'Baloo 2', cursive;
      font-size: 1.1rem;
      font-weight: 700;
      padding: .9rem 2.2rem;
      border-radius: 50px;
      text-decoration: none;
      box-shadow: 0 8px 24px rgba(26,134,190,.35);
      transition: transform .2s, box-shadow .2s;
    }
    .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 14px 32px rgba(26,134,190,.4); }
    .btn-secondary {
      display: inline-block;
      background: var(--cloud);
      color: var(--blue-deep);
      font-family: 'Baloo 2', cursive;
      font-size: 1.1rem;
      font-weight: 700;
      padding: .9rem 2rem;
      border-radius: 50px;
      text-decoration: none;
      box-shadow: 0 6px 20px rgba(26,134,190,.15);
      transition: transform .2s;
    }
    .btn-secondary:hover { transform: translateY(-3px); }

    .hero-badges {
      display: flex;
      justify-content: center;
      gap: 1.5rem;
      margin-top: 2.5rem;
      flex-wrap: wrap;
      position: relative;
    }
    .badge {
      display: flex;
      align-items: center;
      gap: .45rem;
      font-size: .88rem;
      font-weight: 700;
      color: var(--text-soft);
    }
    .badge-dot {
      width: 8px; height: 8px;
      background: var(--blue-mid);
      border-radius: 50%;
    }

    /* ===== SHARED SECTION ===== */
    .sec {
      padding: 5rem 1.5rem;
    }
    .sec-white { background: var(--cloud); }
    .sec-sky   { background: var(--sky); }

    .wrap {
      max-width: var(--max);
      margin: 0 auto;
    }

    .slabel {
      font-size: .78rem;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--blue);
      margin-bottom: .5rem;
    }
    .stitle {
      font-family: 'Baloo 2', cursive;
      font-size: clamp(1.7rem, 3.5vw, 2.3rem);
      font-weight: 800;
      color: var(--blue-deep);
      line-height: 1.15;
      margin-bottom: .8rem;
    }
    .ssub {
      font-size: 1rem;
      color: var(--text-soft);
      font-weight: 600;
      line-height: 1.7;
      max-width: 580px;
      margin-bottom: 2.5rem;
    }

    /* ===== ABOUT ===== */
    .about-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 3rem;
      align-items: center;
    }
    @media (max-width: 740px) { .about-grid { grid-template-columns: 1fr; } }

    .about-visual {
      background: linear-gradient(135deg, #c5e9f8, #e8f6ff);
      border-radius: 2.5rem;
      aspect-ratio: 5/4;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 8rem;
      box-shadow: 0 8px 32px rgba(90,196,239,.2);
    }
    .about-points { display: flex; flex-direction: column; gap: 1.1rem; }
    .apoint {
      display: flex;
      gap: 1rem;
      align-items: flex-start;
    }
    .apoint-ico {
      width: 46px; height: 46px;
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.4rem;
      flex-shrink: 0;
    }
    .ai-blue   { background: var(--sky2); }
    .ai-orange { background: #fff3eb; }
    .ai-green  { background: #dff7ee; }

    .apoint h4 {
      font-family: 'Baloo 2', cursive;
      font-size: 1.05rem;
      font-weight: 700;
      color: var(--blue-deep);
      margin-bottom: .25rem;
    }
    .apoint p {
      font-size: .9rem;
      color: var(--text-soft);
      font-weight: 600;
      line-height: 1.6;
    }

    /* ===== SERVICES ===== */
    .services-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
      gap: 1.3rem;
    }
    .scard {
      background: var(--cloud);
      border-radius: 2rem;
      padding: 1.6rem 1.4rem;
      box-shadow: 0 4px 24px rgba(90,196,239,.14);
      transition: transform .2s, box-shadow .2s;
      position: relative;
      overflow: hidden;
    }
    .scard::before {
      content: '';
      position: absolute;
      top: -20px; right: -20px;
      width: 70px; height: 70px;
      background: var(--sky2);
      border-radius: 50%;
      opacity: .6;
    }
    .scard:hover { transform: translateY(-5px); box-shadow: 0 12px 36px rgba(90,196,239,.22); }
    .scard-icon { font-size: 2.4rem; margin-bottom: .8rem; position: relative; }
    .scard h3 {
      font-family: 'Baloo 2', cursive;
      font-size: 1.1rem;
      font-weight: 700;
      color: var(--blue-deep);
      margin-bottom: .35rem;
      position: relative;
    }
    .scard p {
      font-size: .87rem;
      color: var(--text-soft);
      font-weight: 600;
      line-height: 1.6;
      position: relative;
    }
    .price {
      display: inline-block;
      margin-top: .9rem;
      background: linear-gradient(135deg, var(--blue), var(--blue-mid));
      color: #fff;
      font-family: 'Baloo 2', cursive;
      font-size: .88rem;
      font-weight: 700;
      padding: .2rem .8rem;
      border-radius: 50px;
      position: relative;
    }

    /* ===== BOOKING BANNER ===== */
    .booking-banner {
      background: linear-gradient(135deg, #1a86be, #3aade0);
      border-radius: 2.5rem;
      padding: 3rem 2.5rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 2rem;
      flex-wrap: wrap;
    }
    .booking-banner h2 {
      font-family: 'Baloo 2', cursive;
      font-size: clamp(1.5rem, 3vw, 2rem);
      font-weight: 800;
      color: #fff;
      margin-bottom: .5rem;
    }
    .booking-banner p {
      color: rgba(255,255,255,.82);
      font-weight: 600;
      font-size: .97rem;
      line-height: 1.65;
      max-width: 480px;
    }
    .btn-white {
      display: inline-block;
      background: #fff;
      color: var(--blue-deep);
      font-family: 'Baloo 2', cursive;
      font-size: 1.1rem;
      font-weight: 700;
      padding: .9rem 2.2rem;
      border-radius: 50px;
      text-decoration: none;
      box-shadow: 0 8px 24px rgba(0,0,0,.14);
      transition: transform .2s;
      white-space: nowrap;
      flex-shrink: 0;
    }
    .btn-white:hover { transform: translateY(-3px); }

    /* ===== REVIEWS ===== */
    .reviews-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
      gap: 1.3rem;
    }
    .rcard {
      background: var(--cloud);
      border-radius: 2rem;
      padding: 1.6rem 1.5rem 1.3rem;
      box-shadow: 0 4px 22px rgba(90,196,239,.13);
    }
    .stars { color: var(--accent); font-size: 1.1rem; margin-bottom: .6rem; }
    .rcard blockquote {
      font-size: .92rem;
      color: var(--text-soft);
      font-weight: 600;
      line-height: 1.65;
      font-style: italic;
      margin-bottom: .8rem;
    }
    .rauthor {
      font-family: 'Baloo 2', cursive;
      font-size: .95rem;
      font-weight: 700;
      color: var(--blue-deep);
    }

    /* ===== MAP + CONTACT ===== */
    .mc-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2.5rem;
      align-items: start;
    }
    @media (max-width: 760px) { .mc-grid { grid-template-columns: 1fr; } }

    .map-box {
      border-radius: 2rem;
      overflow: hidden;
      height: 340px;
      background: var(--sky2);
      box-shadow: 0 8px 32px rgba(26,134,190,.18);
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: var(--text-soft);
      flex-direction: column;
      gap: .5rem;
    }
    .map-box iframe { width: 100%; height: 100%; border: none; }
    .map-icon { font-size: 3rem; }
    .map-box p { font-weight: 700; font-size: .95rem; }
    .map-box small { font-size: .8rem; opacity: .65; }
    .map-placeholder-box {
      background: linear-gradient(135deg, #d4f0ff, #e8f9ff);
      border: 2.5px dashed var(--blue);
    }
    .map-ph-inner { padding: 1rem; }
    .map-ph-emoji {
      font-size: 3.5rem;
      display: block;
      margin-bottom: .8rem;
      animation: floatY 3s ease-in-out infinite;
    }
    .map-ph-inner h3 {
      font-family: 'Baloo 2', cursive;
      font-size: 1.4rem;
      font-weight: 800;
      color: var(--blue-deep);
      margin-bottom: .5rem;
    }
    .map-ph-inner p {
      font-size: .9rem;
      font-weight: 600;
      color: var(--text-soft);
      line-height: 1.65;
    }

    .contact-list { display: flex; flex-direction: column; gap: .9rem; }
    .crow {
      display: flex;
      align-items: center;
      gap: 1rem;
      background: var(--cloud);
      border-radius: 1.6rem;
      padding: 1rem 1.2rem;
      text-decoration: none;
      color: var(--text);
      box-shadow: 0 3px 16px rgba(90,196,239,.1);
      transition: transform .2s, box-shadow .2s;
    }
    .crow:hover { transform: translateX(4px); box-shadow: 0 6px 24px rgba(90,196,239,.18); }
    .cico {
      width: 48px; height: 48px;
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.3rem;
      flex-shrink: 0;
    }
    .c-blue   { background: var(--sky2); }
    .c-green  { background: #d8f7eb; }
    .c-pink   { background: #fce8f5; }
    .c-orange { background: #fff0e4; }

    .crow strong {
      display: block;
      font-family: 'Baloo 2', cursive;
      font-size: 1rem;
      font-weight: 700;
      color: var(--blue-deep);
    }
    .crow span {
      font-size: .87rem;
      color: var(--text-soft);
      font-weight: 600;
    }

    /* ===== FOOTER ===== */
    footer {
      background: var(--blue-deep);
      padding: 2.5rem 1.5rem;
      text-align: center;
      color: rgba(255,255,255,.65);
      font-size: .85rem;
      font-weight: 600;
    }
	
	footer a{
	color:#fff;
	text-decoration:none;
	}
	
	footer a:hover{
	color:#fff;
	text-decoration:underline;
	}


    .flogo {
      font-family: 'Baloo 2', cursive;
      font-size: 1.5rem;
      font-weight: 800;
      color: #fff;
      margin-bottom: .4rem;
    }
    .flogo span {color: #ff67dd;}

    /* ===== FAB ===== */
    .fab {
      position: fixed;
      bottom: 1.5rem;
      right: 1.4rem;
      z-index: 200;
      background: linear-gradient(135deg, var(--accent), var(--accent2));
      color: #fff;
      font-family: 'Baloo 2', cursive;
      font-size: 1rem;
      font-weight: 700;
      padding: .82rem 1.4rem;
      border-radius: 50px;
      text-decoration: none;
      box-shadow: 0 8px 28px rgba(255,159,104,.5);
      display: flex;
      align-items: center;
      gap: .5rem;
      transition: transform .2s;
    }
    .fab:hover { transform: translateY(-3px); }
    .fab-dot {
      width: 9px; height: 9px;
      background: #fff;
      border-radius: 50%;
      animation: pulseDot 1.6s infinite;
    }
    @keyframes pulseDot {
      0%,100% { opacity: 1; transform: scale(1); }
      50%      { opacity: .4; transform: scale(1.5); }
    }
    @media (min-width: 900px) { .fab { display: none; } }

    /* ===== CLOUD DIVIDER ===== */
    .cdiv {
      text-align: center;
      font-size: 1.8rem;
      letter-spacing: .7rem;
      color: var(--sky2);
      padding: .2rem 0;
      background: var(--sky);
    }
    .cdiv-w {
      background: var(--cloud);
    }
	
.reviews-slider{
width:100%;
overflow:hidden;
padding:20px 0;
}

.reviews-track{
display:flex;
gap:25px;
transition:transform 0.6s ease;
}

.rcard{
flex:0 0 calc(33.333% - 20px);
background:#fff;
padding:25px;
border-radius:16px;
box-shadow:0 10px 20px rgba(0,0,0,0.08);
}

@media (max-width:768px){

.rcard{
flex:0 0 100%;
}

}