/* ===== Boxed layout ===== */

html {
  zoom: 0.9; /* Zooms out to 80% of its original size */
}
.main-menu__wrapper {
  
 padding-right: 0px;
}
.boxed-wrapper .page-wrapper {
  max-width: 1320px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 0 100px rgba(0,0,0,0.08);
  border-radius: 8px;
  overflow: hidden;
}

.boxed-wrapper header.site-header,
.boxed-wrapper footer.site-footer {
  max-width: 1320px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 0 60px rgba(0,0,0,0.05);
}

@media (max-width: 1366px) {
  .boxed-wrapper .page-wrapper,
  .boxed-wrapper header.site-header,
  .boxed-wrapper footer.site-footer {
    /* max-width: 95%; */
    box-shadow: none;
    border-radius: 0;
  }
}
@media (max-width: 768px) {
  .boxed-wrapper .page-wrapper > * {
    /* padding-left: 15px; */
    /* padding-right: 15px; */
  }
}

/* ===== Menu spacing ===== */
.main-menu .main-menu__list > li + li,
.stricky-header .main-menu__list > li + li {
  margin-left: 5px;
}


/* Drop-down menus */
.main-menu .main-menu__list > li > ul,
.main-menu .main-menu__list > li > ul > li > ul,
.stricky-header .main-menu__list > li > ul,
.stricky-header .main-menu__list > li > ul > li > ul {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform-origin: top center;
  transform: scaleY(0) translateZ(100px);
  transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
  z-index: 99;
  background: #fff;
  box-shadow: 0 10px 39.2px 0.8px rgba(0,0,0,0.1);
  padding: 0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

/* Sticky header */
@media (max-width: 1199px) {
  .stricky-header { display: block !important; }
}
.stricky-header {
  background: #fff;
  visibility: hidden;
  transform: translateY(-120%);
  transition: transform 500ms ease, visibility 500ms ease;
  box-shadow: 0 10px 60px rgba(0,0,0,0.05);
  left: auto !important;
  right: auto !important;
  top: 0 !important;
}
.elementor .elementor-container .elementor-top-column
.elementor-widget-wrap .elementor-widget-oxpins-header
.elementor-widget-container .stricky-header {
  max-width: 1320px;
  margin: 0 auto;
}

/* Toggle */
.elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-opened {
  display: block;
  line-height: 2;
}
.elementor-toggle .elementor-tab-title {
  border-block-end: 1px solid #d5d8dc;
  cursor: pointer;
  font-weight: 700;
  line-height: 2;
  margin: 0;
  outline: none;
  padding: 15px;
}

/* Lists */
ul, ol { margin: 0 0 .2em .5em; padding-left: 0; }

/* Menu logo width */
.main-header .main-menu .main-menu__logo { width: 156%; }

/* Desktop menu separators and colors */
@media (min-width: 768px) {
  .main-menu__list > li {display: inline-block;margin: 0 5px;position: relative;}
  .main-menu__list > li:not(:last-child)::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 20px;
    background: #ccc;
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 8px;
  }
  .main-menu__list > li > a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    padding-right: 8px;
  }
  .main-menu__list > li > a:hover { color: #ff6600; }
  #page .page-header { display: none; }
}

/* Mobile menu tweaks */
@media (max-width: 767px) {
  .main-menu__list > li { margin: 0; }
  .main-menu__list > li:not(:last-child)::after { display: none; }
  .main-menu__list > li > a { padding-right: 0; }
}

/* Headline underline */
.head_line {
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 5px;
  color: #ff7200;
}
.head_line::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 80px;
  transform: translateX(-50%);
  width: 150px;
  height: 4px;
  background: linear-gradient(90deg, #d4af37, transparent);
  border-radius: 3px;
}

/* Section image card */
.section-image {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px -10px rgba(0,0,0,0.1);
  position: relative;
  transition: .25s ease;
  will-change: transform;
}
.section-image::before {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(120deg, rgba(110,73,50,.1), rgba(184,138,100,.05));
  z-index: 1;
  mix-blend-mode: multiply;
  pointer-events: none;
}
.section-image:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 40px -5px rgba(0,0,0,0.15);
}
.section-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: .25s ease;
}
.section-image:hover img { transform: scale(1.03); }

/* Timeline tweak */
.ube-timeline-style-01 .ube-timeline-item:before {
  height: 100%;
  width: 3px;
  border-radius: 0;
  margin-left: 0;
}

/* Spiritual headline */
.spiritual-headline {
  position: relative;
  display: inline-block;
  margin: 2rem auto;
  padding-bottom: .75rem;
  text-align: center;
  color: #4a3c28;
  letter-spacing: .5px;
}
.spiritual-headline::after {
  content: "";
  position: absolute;
  left: 50%; bottom: 0;
  transform: translateX(-50%);
  height: 4px;
  width: min(90%, 24ch);
  background: linear-gradient(to right, transparent 0%, #d4af37 20%, #d4af37 80%, transparent 100%);
  border-radius: 2px;
}
.spiritual-headline-decorative::after { width: min(92%, 26ch); }
.spiritual-headline-elegant::after    { width: min(85%, 28ch); }
.spiritual-headline-mystical::after   { width: min(95%, 30ch); }
@media (max-width: 768px) {
  .spiritual-headline { letter-spacing: .4px; padding-bottom: .9rem; }
  .spiritual-headline::after { height: 3px; }
}
@media (max-width: 480px) {
  .spiritual-headline { font-size: 1.3rem; letter-spacing: .3px; padding-bottom: 1rem; }
  .spiritual-headline::after { width: min(90%, 18ch); }
  .spiritual-headline-decorative::after { width: min(92%, 20ch); }
  .spiritual-headline-elegant::after    { width: min(85%, 22ch); }
  .spiritual-headline-mystical::after   { width: min(95%, 22ch); }
}

/* reCAPTCHA — move neatly instead of hiding */
.grecaptcha-badge { right: 10px !important; bottom: 10px !important; opacity: .85; }

/* Fix yellow header overflow and alignment */
.main-menu__btn {
  position: relative;
  z-index: 2;
}
.main-menu__btn:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: -50px; /* your original style kept */
  background-color: var(--oxpins-primary);
  transition: all 500ms ease;
  z-index: -1;
}

/* Keep header containers aligned with box width */
.boxed-wrapper .main-header .container,
.boxed-wrapper .site-header .container,
.boxed-wrapper .stricky-header .container {
  max-width: 1320px;
  margin: 0 auto;
}
/* Properly center the | divider in menu items */
.main-menu__list > li {
  /* position: relative; */
}

.main-menu__list > li:not(:last-child)::after {
  /* content: ""; */
  /* display: inline-block; */
  /* width: 1px; */
  /* height: 60%; */                /* use percentage to auto center */
  /* background-color: #ccc; */
  /* position: absolute; */
  /* right: -12px; */               /* slight spacing between text and line */
  /* top: 50%; */
  /* transform: translateY(-50%); */ /* true vertical centering */
  /* margin-left: 8px; */
  /* opacity: 0.6; */               /* optional: soften the divider */
}

/* keep spacing uniform */
.main-menu__list > li > a {
  display: inline-block;
  padding: 0 14px;           /* controls horizontal gap */
  line-height: 1.8;          /* balances vertical rhythm */
}


