/* Global smooth scrolling for in-page anchors */ html { scroll-behavior: smooth; /* overflow-x: hidden; */ } body { /* overflow-x: hidden; */ } /* Add cursor pointer to all buttons on hover */ button:hover { cursor: pointer; } /* Lock page scroll when modal or mobile nav is open. JS will toggle data-scroll-lock="true" on . */ body[data-scroll-lock="true"] { /* overflow: hidden; */ } main{ overflow-x: hidden; } /* Prevent sticky header from covering anchored sections */ section[id], footer[id] { scroll-margin-top: 5.5rem; } @media (min-width: 1024px) { section[id], footer[id] { scroll-margin-top: 6rem; } } /* Respect users who prefer reduced motion */ @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; } } .iti { width: 100%; } /* Accordion list items with bullet points */ [data-accordion-panel] ul li { list-style-type: disc; margin-left: 1.25rem; } /* ✅ ADD: Accordion panel smooth open/close */ [data-accordion-panel] { overflow: hidden; transition: max-height 250ms ease; } /* ✅ END ADD */ /* =========================== CTA Section Styles =========================== */ .section-cta { background-color: #ffffff; display: flex; justify-content: center; max-width: 1920px; padding: 80px 40px; } .cta-elements { position: relative; padding: 60px 40px; max-width: 1320px; width: 100%; text-align: center; overflow: hidden; border-radius: 40px; height: auto; min-height: 300px; } .cta-bg-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; transition: all 0.3s ease; } .cta-header, .cta-button { position: relative; z-index: 1; } .cta-title h2 { color: #ffffff; margin-bottom: 20px; font-family: Poppins, sans-serif; font-weight: 700; font-size: 42px; line-height: 1.2; text-align: center; padding: 0 10px; } .cta-title span { color: #fb5343; } .cta-sub-title p { color: #cccccc; max-width: 1240px; margin: 0 auto; font-weight: 400; font-size: 17px; line-height: 1.4; text-align: center; } .cta-button { display: inline-flex; align-items: center; justify-content: center; margin: 24px auto 0; background-color: #fb5343; color: #fff; text-decoration: none; font-size: 16px; font-weight: 500; padding: 16px 24px; border-radius: 40px; transition: background-color 0.3s ease; border: none; cursor: pointer; } .cta-button:hover { background-color: #e73e2e; } .cta-content { display: flex; align-items: center; gap: 10px; } /* =========================== Responsive Adjustments =========================== */ /* Tablet (max-width: 1024px) */ @media (max-width: 1024px) { .cta-elements { padding: 50px 30px; } .cta-title h2 { font-size: 32px; } .cta-sub-title p { font-size: 15px; } .cta-bg-image { object-fit: cover; } } /* Mobile (max-width: 768px) */ @media (max-width: 768px) { .section-cta { padding: 60px 20px; } .cta-elements { padding: 40px 20px; border-radius: 24px; } .cta-title h2 { font-size: 24px; line-height: 1.4; } .cta-sub-title p { font-size: 14px; max-width: 100%; } .cta-button { width: 100%; font-size: 15px; } .cta-content img { width: 18px; } } /* Small Mobile (max-width: 480px) */ @media (max-width: 480px) { .cta-title h2 { font-size: 20px; } .cta-sub-title p { font-size: 13px; } .cta-button { font-size: 14px; padding: 14px 20px; } .cta-content img { width: 16px; } } /* ✅ REPLACE: Owl Carousel Mobile & Tablet (hide arrows on mobile) */ @media (max-width: 1023px) { .owl-carousel .owl-nav { display: none !important; } } /* ✅ END REPLACE */ /* Owl Carousel Desktop Grid - Show articles as grid on desktop */ @media (min-width: 1024px) { .owl-carousel { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 1.25rem !important; } .owl-carousel .item { display: block !important; opacity: 1 !important; transition: transform 0.3s, box-shadow 0.3s; } .owl-carousel .owl-nav, .owl-carousel .owl-dots { display: none !important; } } /* 1. Country Name ka color Black karne ke liye */ .iti__country-name { color: #0f172a !important; /* Slate-900 (Dark Black) */ } /* 2. Agar pura dropdown text white hai to usko bhi fix karein */ .iti__country-list { color: #0f172a !important; background-color: #ffffff !important; /* Background White */ } /* 3. Hover karne par text readable rahe */ .iti__country.iti__highlight { background-color: #f1f5f9 !important; /* Slate-100 (Light Gray) */ }