.nh-main-con .main-content {margin: 1rem 0 0;}
.story-con {   align-items: center;padding: 2rem;}
.our-story h2 { color: var(--priColor); margin: 0 0 2rem;position: relative; text-align: center;}
.our-story p { text-align: center;}
.cat-type-box h3{ color: var(--textColor);}
.cat-type-box { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.sidebar-content, .sidebar-img { width: 50%; }
.cat-type-box:nth-child(2) { flex-direction: row-reverse; }
.cat-type-box:nth-child(2) .sidebar-img figure {  margin: 0;}
.our-story h2::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 7rem; height: 3px; background: linear-gradient(90deg,rgb(155, 126, 222) 0%, rgb(16, 52, 166) 100%); border-radius: 2rem; transform: translateX(-50%); }
.our-story {width: 100%;}
.cat-type-box .sidebar-img figure { width: 80%; }
.our-story h3 { color: var(--textColor); }
.our-story-gallery {width: 50%;    display: flex; flex-wrap: wrap; align-items: center; gap: .5rem;clip-path: polygon(15% 0, 100% 0, 100% 20%, 100% 85%, 86% 100%, 20% 100%, 0 100%, 0 15%); float: right;}
.our-story-gallery figure { width: 48%; }
.our-story .button { background: var(--bgColor); }
.our-story .button:hover { background: var(--priColor); color: var(--whiteColor); }

.cat-type { margin: 4rem 0 0; display: flex; flex-wrap: wrap; gap: 5rem; }
.cat-type-box span { background: #3232A861; width: fit-content; padding: .3rem .7rem; border-radius: 2.2rem; overflow: hidden; color: var(--priColor); margin: 0 0 1.5rem; }
.before-egypt { background: linear-gradient(40deg,rgb(254, 243, 199) 0%, rgba(253, 230, 138, 0.59) 100%); margin: 4rem 0 0; padding: 3rem; }
.before-egypt span { text-align: center; background: rgb(253, 230, 138); width: fit-content; margin: 0 auto 1rem; padding: .3rem .7rem; border-radius: 2rem; color: rgb(98, 81, 12); }
.before-egypt h2 { text-align: center; color: var(--priColor); }
.before-egypt .gallery { display: flex; flex-wrap: wrap; justify-content: center; }
.before-egypt .gallery figure { width: 32%; }
.before-egypt .content { padding: 3rem; }

.catswant { margin: 3rem 0 0; display: flex; flex-wrap: wrap; align-items: center;}
.sidebar-content, .catswant figure {width: 50%;}
.catswant h2 { color: var(--priColor); position: relative; padding: 0 0 0 1rem; }
.catswant h2::after { content: ''; position: absolute; top: 0; left: 0; width: .2rem; height: 3rem; background: var(--priColor); }
.catswant figure { width: 37%; margin: 0 0 0 auto; }

.about-us-end { text-align: center; margin: 1.5rem 0 0;}



/* Mission and Vision */
.missionandvission-con { padding: 4rem 0; }
.missionandvission-con h2 { color: var(--priColor); text-align: center; }
.missionandvission-items { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; }
.missionandvission-items section { width: 31%; }
.missionandvission-item img { width: 100%; }
.missionandvission-items h3 { color: var(--textColor); }
.missionandvission-item h3 { margin: 1rem 0 0; }
.missionandvission-item figure { margin: 0 0 1rem; }
.missionandvission-items figure { width: 95%; margin: 0 auto; }

/* Ensure consistent spacing when Slick slider is active */
.missionandvission-items .slick-list { margin: 0 -12px; }
.missionandvission-items .slick-slide { padding: 0 12px; }

.masccot-item { background: var(--btnColor); padding: 3rem;display: flex; flex-direction: row-reverse;align-items: center; }
.masccot-item .sidebar img { margin: 0 0 0 auto; }
 .masccot-item .sidebar { width: 50%; }
.masccot-item .content { width: 50%; }
.masccot-item h2 { color: var(--priColor); }
.masccot-item .button { background: var(--bgColor); }
.masccot-item .button:hover { background: var(--priColor); color: var(--whiteColor); }
.sidebar figure { width: 72%; margin: 0 0 0 auto; }

/* Mobile: ensure single-column full-width sections */
@media (max-width: 767px) {
  .missionandvission-items section { width: 100%; }
  .masccot-item { flex-direction: column; }
  .masccot-item .content { width: 100%; margin: 3rem 0 0; text-align: center; }
  .missionandvission-con { padding: 3rem 0; }
  .missionandvission-items p:last-of-type { margin: 0 !important; }
  .cat-type-box { flex-direction: column-reverse; gap: 3rem; }
  .sidebar-content, .catswant figure { width: 100%; }
  .sidebar-content, .sidebar-img { margin: 0 auto; }
  .cat-type-box:nth-child(2) { flex-direction: column-reverse;}
}
@media (max-width: 600px) {
  .sidebar-img{ width: 100%; }
  .before-egypt {padding: 1rem;}
  .before-egypt .content { padding: 1rem; }
}