@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

/* ===== Brand tokens ===== */
:root{
  --brand-primary:#2c9b5e;
  --brand-mint:#77c1a5;
  --brand-black:#000;
  --brand-white:#fff;
  --gray-100:#f7f7f7;
  --gray-700:#333;
  --radius:12px;
  --shadow-md:0 4px 12px rgba(0,0,0,.12);
  --container-max:1200px;
}

/* ===== Base ===== */
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--brand-black);background:#fff;line-height:1.5}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:var(--brand-primary)}
h1,h2,h3{margin:0 0 .75rem;font-weight:700;color:#171717}
h1{font-size:clamp(2rem,1.5rem + 2vw,3rem)}
h2{font-size:clamp(1.5rem,1.1rem + 1.2vw,2rem)}
p{margin:0 0 1rem;color:var(--gray-700)}

/* ===== Animation ===== */
@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.85}100%{transform:scale(1);opacity:1}}
.pulse{animation:pulse 1.8s infinite}

/* ===== Utilities ===== */
.section{padding:2rem 1.5rem}
.section-lg{padding:4rem 2rem}
.text-center{text-align:center}
.bg-light{background:var(--gray-100)}
.full-bleed{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw}

/* Buttons */
.btn,.btn:link,.btn:visited{display:inline-block;padding:.875rem 1.5rem;border-radius:50px;font-weight:600;line-height:1;box-shadow:var(--shadow-md)}
.btn-primary{background:var(--brand-primary);color:#fff}
.btn-white{background:#fff;color:var(--brand-primary)}

/* ===== Sections / Components ===== */
/* Intro text */
.intro-text p{font-size:1.3rem;max-width:700px;margin:0 auto;color:var(--brand-primary);font-weight:500}
.intro-text p span{color:#333}

/* Hadiths */
.hadiths-section h2{color:var(--brand-primary)}
.hadiths-section blockquote{font-size:1.125rem;font-style:italic;color:var(--gray-700);max-width:800px;margin:1rem auto}
.hadiths-section blockquote footer{display:block;font-size:.95rem;color:#777;margin-top:.5rem}

/* Included grid */
.included-grid h2{color:var(--brand-primary)}
.included-grid .included-card{flex:1 1 250px;background:var(--gray-100);padding:1.5rem;border-radius:var(--radius);text-align:center}
.included-card img{border-radius:8px;margin-bottom:1rem}
.included-card h3{color:var(--brand-primary);font-size:1.125rem}

/* Itinerary */
.itinerary h2{color:var(--brand-primary)}

/* Pricing */
.pricing-plan h2{color:var(--brand-primary)}
.pricing-plan .box{display:inline-block;border:2px solid var(--brand-primary);border-radius:12px;padding:2rem;max-width:600px;text-align:left}
.pricing-plan table{width:100%;border-collapse:collapse}
.pricing-plan td{padding:.4rem .2rem}
.pricing-plan .note{margin-top:1rem}
.pricing-plan .early-bird{margin-top:1rem;background:#ffeaa7;padding:.75rem 1.25rem;border-radius:8px;font-weight:700;display:inline-block;animation:pulse 1.8s infinite}

/* Registration CTA */
.registration-cta{background:var(--brand-primary);color:#fff;text-align:center;padding:2rem}
.registration-cta .cta-white{background:#fff;color:var(--brand-primary);padding:1rem 2rem;border-radius:30px;font-weight:700;display:inline-block}

/* Testimonials */
.testimonials-section h2{color:var(--brand-primary)}
.testimonials-section .grid{display:grid;gap:2rem;grid-template-columns:1fr 1fr;max-width:900px;margin:0 auto}
.testimonial-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1);text-align:left}
.testimonial-card p{margin:0}
.testimonial-card p + p{margin-top:1rem;font-weight:600}

/* Floating contact buttons */
.whatsapp-button,.email-button{position:fixed;bottom:20px;padding:12px 20px;border-radius:50px;color:#fff;font-weight:700;z-index:9999}
.whatsapp-button{right:20px;background:#25D366}
.whatsapp-button.secondary{right:160px;background:#128C7E}
.email-button{left:20px;background:var(--brand-primary)}

/* Responsive tweaks */
@media (max-width:640px){
  .whatsapp-button.secondary{right:20px;bottom:70px}
  .email-button{bottom:120px}
}
@media (max-width:991px){.section-lg{padding:3rem 1.5rem}}
@media (max-width:767px){
  h1{font-size:clamp(1.75rem,1.4rem + 1.5vw,2.25rem)}
  .intro-text p{font-size:1.1rem}
  .testimonials-section .grid{grid-template-columns:1fr}
}

/* Optional tokens for Page 1 rotating block */
:root{
  --default-width:400px;--default-height:350px;--flyer-height:540px;--offset-y:50px;
} *{} 
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    



 .gp-component-id-PP26ContentA { max-width: 900px;margin-left: auto;margin-right: auto;padding-top: 8px;padding-right: 24px;padding-bottom: 64px;padding-left: 24px;display: block;position: relative;z-index: 15; } @media (max-width: 639px) { .gp-component-id-PP26ContentA { max-width: 900px;margin-left: auto;margin-right: auto;padding-top: 8px;padding-right: 18px;padding-bottom: 48px;padding-left: 18px;display: block;position: relative;z-index: 15; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-PP26ContentA { max-width: 900px;margin-left: auto;margin-right: auto;padding-top: 8px;padding-right: 24px;padding-bottom: 64px;padding-left: 24px;display: block;position: relative;z-index: 15; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-PP26ContentA { max-width: 900px;margin-left: auto;margin-right: auto;padding-top: 8px;padding-right: 24px;padding-bottom: 64px;padding-left: 24px;display: block;position: relative;z-index: 15; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-PP26ContentA { max-width: 900px;margin-left: auto;margin-right: auto;padding-top: 8px;padding-right: 24px;padding-bottom: 64px;padding-left: 24px;display: block;position: relative;z-index: 15; } } @media (min-width: 1200px) { .gp-component-id-PP26ContentA { max-width: 900px;margin-left: auto;margin-right: auto;padding-top: 8px;padding-right: 24px;padding-bottom: 64px;padding-left: 24px;display: block;position: relative;z-index: 15; } }

 .gp-component-id-k1HoWOv0z { overflow-wrap: break-word;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-size: inherit;font-weight: inherit; } @media (max-width: 639px) { .gp-component-id-k1HoWOv0z { overflow-wrap: break-word;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-size: inherit;font-weight: inherit; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-k1HoWOv0z { overflow-wrap: break-word;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-size: inherit;font-weight: inherit; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-k1HoWOv0z { overflow-wrap: break-word;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-size: inherit;font-weight: inherit; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-k1HoWOv0z { overflow-wrap: break-word;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-size: inherit;font-weight: inherit; } } @media (min-width: 1200px) { .gp-component-id-k1HoWOv0z { overflow-wrap: break-word;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-size: inherit;font-weight: inherit; } }

 .gp-component-id-IDFgHtcaGk { display: flex;flex-direction: column; } @media (max-width: 639px) { .gp-component-id-IDFgHtcaGk { display: flex;flex-direction: column; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-IDFgHtcaGk { display: flex;flex-direction: column; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-IDFgHtcaGk { display: flex;flex-direction: column; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-IDFgHtcaGk { display: flex;flex-direction: column; } } @media (min-width: 1200px) { .gp-component-id-IDFgHtcaGk { display: flex;flex-direction: column; } }

 .gp-component-id-5PmL0BPBxo { width: 100%; } @media (max-width: 639px) { .gp-component-id-5PmL0BPBxo { width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-5PmL0BPBxo { width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-5PmL0BPBxo { width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-5PmL0BPBxo { width: 100%; } } @media (min-width: 1200px) { .gp-component-id-5PmL0BPBxo { width: 100%; } }

 .gp-component-id-7qQFVosDs8 { padding-right: 8px;width: 100%;padding-left: 8px; } @media (max-width: 639px) { .gp-component-id-7qQFVosDs8 { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-7qQFVosDs8 { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-7qQFVosDs8 { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-7qQFVosDs8 { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (min-width: 1200px) { .gp-component-id-7qQFVosDs8 { padding-right: 8px;width: 100%;padding-left: 8px; } }

 .gp-component-id-JfMxJkuyF { margin-right: -8px;margin-left: -8px; } @media (max-width: 639px) { .gp-component-id-JfMxJkuyF { margin-right: -8px;margin-left: -8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-JfMxJkuyF { margin-right: -8px;margin-left: -8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-JfMxJkuyF { margin-right: -8px;margin-left: -8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-JfMxJkuyF { margin-right: -8px;margin-left: -8px; } } @media (min-width: 1200px) { .gp-component-id-JfMxJkuyF { margin-right: -8px;margin-left: -8px; } }

 .gp-component-id-QXsiq5xvz { padding-right: 8px;width: 100%;padding-left: 8px; } @media (max-width: 639px) { .gp-component-id-QXsiq5xvz { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-QXsiq5xvz { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-QXsiq5xvz { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-QXsiq5xvz { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (min-width: 1200px) { .gp-component-id-QXsiq5xvz { padding-right: 8px;width: 100%;padding-left: 8px; } }

 .gp-component-id-Cb99xFV0EA { margin-left: auto;margin-right: auto;width: 100%;position: relative;z-index: 15; } @media (max-width: 639px) { .gp-component-id-Cb99xFV0EA { margin-left: auto;margin-right: auto;width: 100%;position: relative;z-index: 15; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-Cb99xFV0EA { margin-left: auto;margin-right: auto;width: 100%;position: relative;z-index: 15;max-width: 640px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-Cb99xFV0EA { margin-left: auto;margin-right: auto;width: 100%;position: relative;z-index: 15;max-width: 768px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-Cb99xFV0EA { margin-left: auto;margin-right: auto;width: 100%;position: relative;z-index: 15;max-width: 992px; } } @media (min-width: 1200px) { .gp-component-id-Cb99xFV0EA { margin-left: auto;margin-right: auto;width: 100%;position: relative;z-index: 15;max-width: 1200px; } }

 .gp-component-id-li0N4TIAOV.gp-component > [data-section-overlay] { z-index: 14;bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute; } @media (max-width: 639px) { .gp-component-id-li0N4TIAOV.gp-component > [data-section-overlay] { z-index: 14;bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;background-color: rgb(255, 255, 255); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-li0N4TIAOV.gp-component > [data-section-overlay] { z-index: 14;bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;background-color: rgb(255, 255, 255); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-li0N4TIAOV.gp-component > [data-section-overlay] { z-index: 14;bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;background-color: rgb(255, 255, 255); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-li0N4TIAOV.gp-component > [data-section-overlay] { z-index: 14;bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;background-color: rgb(255, 255, 255); } } @media (min-width: 1200px) { .gp-component-id-li0N4TIAOV.gp-component > [data-section-overlay] { z-index: 14;bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;background-color: rgb(255, 255, 255); } }

 .gp-component-id-LBe24yyY7 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;z-index: 15;position: relative; } @media (max-width: 639px) { .gp-component-id-LBe24yyY7 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;z-index: 15;position: relative; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-LBe24yyY7 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;z-index: 15;position: relative; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-LBe24yyY7 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;z-index: 15;position: relative; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-LBe24yyY7 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;z-index: 15;position: relative; } } @media (min-width: 1200px) { .gp-component-id-LBe24yyY7 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;z-index: 15;position: relative; } }

 .gp-component-id-li0N4TIAOV { z-index: auto;position: relative;min-height: 50px; } @media (max-width: 639px) { .gp-component-id-li0N4TIAOV { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-li0N4TIAOV { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-li0N4TIAOV { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-li0N4TIAOV { z-index: auto;position: relative;min-height: 50px; } } @media (min-width: 1200px) { .gp-component-id-li0N4TIAOV { z-index: auto;position: relative;min-height: 50px; } }