.elementor-30 .elementor-element.elementor-element-97624ba{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-30 .elementor-element.elementor-element-97624ba:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-97624ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-30 .elementor-element.elementor-element-073a948{--display:flex;--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;--justify-content:center;--border-radius:30px 30px 30px 30px;--margin-top:11px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30 .elementor-element.elementor-element-dd8cbdf{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30 .elementor-element.elementor-element-53afa70{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 10px;text-align:start;}.elementor-30 .elementor-element.elementor-element-53afa70 img{width:30%;}.elementor-30 .elementor-element.elementor-element-d8bbff4{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30 .elementor-element.elementor-element-6af46a8 .elementor-menu-toggle{margin-left:auto;background-color:#FFFFFF00;}.elementor-30 .elementor-element.elementor-element-6af46a8 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-1d7051f );fill:var( --e-global-color-1d7051f );}.elementor-30 .elementor-element.elementor-element-6af46a8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-30 .elementor-element.elementor-element-6af46a8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-1d7051f );}.elementor-30 .elementor-element.elementor-element-6af46a8 .e--pointer-framed .elementor-item:before,
					.elementor-30 .elementor-element.elementor-element-6af46a8 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-1d7051f );}.elementor-30 .elementor-element.elementor-element-6af46a8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-30 .elementor-element.elementor-element-6af46a8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#FFFFFF00;}.elementor-30 .elementor-element.elementor-element-6af46a8 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-30 .elementor-element.elementor-element-6af46a8 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#FFFFFF00;}.elementor-30 .elementor-element.elementor-element-6af46a8{--e-nav-menu-horizontal-menu-item-margin:calc( 26px / 2 );}.elementor-30 .elementor-element.elementor-element-6af46a8 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:26px;}.elementor-30 .elementor-element.elementor-element-6af46a8 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-1d7051f );border-style:none;border-radius:15px 15px 15px 15px;}.elementor-30 .elementor-element.elementor-element-6af46a8 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:15px;border-top-right-radius:15px;}.elementor-30 .elementor-element.elementor-element-6af46a8 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:15px;border-bottom-left-radius:15px;}.elementor-30 .elementor-element.elementor-element-6af46a8 .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px;}.elementor-30 .elementor-element.elementor-element-6af46a8 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-30 .elementor-element.elementor-element-6af46a8 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-30 .elementor-element.elementor-element-6af46a8 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-30 .elementor-element.elementor-element-6af46a8 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-30 .elementor-element.elementor-element-faea370{--display:flex;--justify-content:center;}.elementor-30 .elementor-element.elementor-element-ae88fe2{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-30 .elementor-element.elementor-element-dd8cbdf{--width:20%;}.elementor-30 .elementor-element.elementor-element-d8bbff4{--width:60%;}.elementor-30 .elementor-element.elementor-element-faea370{--width:20%;}}@media(max-width:767px){.elementor-30 .elementor-element.elementor-element-97624ba{--flex-wrap:nowrap;}.elementor-30 .elementor-element.elementor-element-073a948{--flex-wrap:nowrap;--margin-top:10px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-30 .elementor-element.elementor-element-53afa70{width:100%;max-width:100%;}.elementor-30 .elementor-element.elementor-element-53afa70 img{width:50%;}.elementor-30 .elementor-element.elementor-element-d8bbff4{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30 .elementor-element.elementor-element-6af46a8{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-30 .elementor-element.elementor-element-6af46a8.elementor-element{--align-self:flex-end;}.elementor-30 .elementor-element.elementor-element-6af46a8 .elementor-menu-toggle{border-width:0px;border-radius:0px;}}/* Start custom CSS for container, class: .elementor-element-073a948 */.elementor-30 .elementor-element.elementor-element-073a948 {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}/* End custom CSS */
/* Start custom CSS *//* ========================================================
   RAVANA LANKA TOURS — EXACT DESIGN SYSTEM CONFIG
   Paste into: Elementor → Site Settings → Custom CSS
   ======================================================== */

:root {
  /* ---------- 1. EXACT FONTS ---------- */
  --font-serif: "Playfair Display", "Cormorant Garamond", ui-serif, Georgia, serif;
  --font-sans: "Inter", "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;

  /* ---------- 2. EXACT BRAND COLORS (OKLCH) ---------- */
  --background: oklch(0.995 0.004 80);    /* Warm off-white */
  --sand: oklch(0.965 0.018 80);          /* Section background */
  --charcoal: oklch(0.16 0.012 200);      /* Footer background */
  --emerald-night: oklch(0.22 0.045 168);  /* Deepest green */
  --emerald-deep: oklch(0.32 0.06 165);   /* Primary brand green */
  
  --gold: oklch(0.72 0.12 78);
  --gold-soft: oklch(0.86 0.08 82);

  /* ---------- 3. DESIGN SHADOWS ---------- */
  --shadow-gold: 0 12px 30px -12px color-mix(in oklab, var(--gold) 65%, transparent);
  --shadow-gold-hover: 0 18px 38px -14px color-mix(in oklab, var(--gold) 75%, transparent);
}

/* --- Global Base Overrides --- */
body {
  background-color: var(--background) !important;
  font-family: var(--font-sans) !important;
}

/* Headings වලට සෙරිෆ් ෆොන්ට් එක ස්වයංක්‍රීයව වැදීමට */
h1, h2, h3, h4, h5, h6, .elementor-heading-title {
  font-family: var(--font-serif) !important;
}

/* ---------- 4. BUTTON STYLES ---------- */

/* 🟡 Primary Gold Button (.btn-gold) */
.btn-gold .elementor-button,
a.btn-gold {
  background: linear-gradient(135deg, var(--gold), var(--gold-soft)) !important;
  color: var(--emerald-night) !important;
  box-shadow: var(--shadow-gold) !important;
  border-radius: 999px !important;
  padding: 0.85rem 1.6rem !important;
  font-family: var(--font-sans) !important;
  font-weight: 600 !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
}

.btn-gold .elementor-button:hover,
a.btn-gold:hover {
  box-shadow: var(--shadow-gold-hover) !important;
  transform: translateY(-2px) !important;
  color: var(--emerald-night) !important;
}

/* ⚪ Outline Light Button (.btn-outline-light) */
.btn-outline-light .elementor-button,
a.btn-outline-light {
  border: 1px solid color-mix(in oklab, white 55%, transparent) !important;
  color: white !important;
  background: color-mix(in oklab, white 8%, transparent) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-radius: 999px !important;
  padding: 0.8rem 1.5rem !important;
  font-family: var(--font-sans) !important;
  font-weight: 500 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
}

.btn-outline-light .elementor-button:hover,
a.btn-outline-light:hover {
  background: color-mix(in oklab, white 18%, transparent) !important;
  transform: translateY(-2px) !important;
  color: white !important;
}

/* ---------- 5. BACKGROUND HELPERS ---------- */
.bg-sand {
  background-color: var(--sand) !important;
}
.bg-charcoal {
  background-color: var(--charcoal) !important;
}
.bg-emerald-night {
  background-color: var(--emerald-night) !important;
}/* End custom CSS */