/*
Theme Name: Archi Child
Template: archi
Version: 1.8
Description: Minimal child theme overrides for homepage polish and fixed button behavior.
*/

:root {
  --accent: #1f2b1d;
  --accent-soft: #93b77a;
  --bg: #f6f4ee;
  --surface: #ffffff;
  --text: #3d423b;
  --muted: #6f756c;
  --border: rgba(31, 43, 29, 0.14);
}

body.home {
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

body.home {
  background: linear-gradient(180deg, #f8f4ea 0%, var(--bg) 100%);
  color: var(--text);
  line-height: 1.75;
}

.home .site-content {
  padding: 0 0 48px;
}

.home .site-content .elementor-container,
.home .elementor-section .elementor-container {
  max-width: 1240px;
}

.home .elementor-section {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.home .page-content,
.home .entry-content,
.home .elementor-widget-container {
  line-height: 1.8;
}

.home .elementor-widget {
  margin-bottom: 24px;
}

.home .elementor-widget-wrap {
  gap: 20px 20px;
}

.home .elementor-widget-heading .elementor-heading-title,
.home .page-title,
.home .entry-title,
.home h1,
.home h2,
.home h3,
.home h4 {
  color: var(--accent);
  line-height: 1.2;
  letter-spacing: -0.01em;
  font-weight: 700;
}

.home .elementor-widget-text-editor p {
  color: var(--text);
  margin-bottom: 1rem;
}

.home .elementor-widget-image img,
.home .attachment-full {
  border-radius: 22px;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1);
}

/* Ensure Elementor flex containers respect the element-specific direction variable */
.elementor .e-con.e-flex,
.elementor .e-con-full.e-flex,
.elementor .e-con.e-flex > .e-con-inner,
.elementor .e-con-full.e-flex > .e-con-inner {
  flex-direction: var(--flex-direction) !important;
}

@media (max-width: 991px) {
  .home .elementor-section .elementor-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 767px) {
  body.home {
    line-height: 1.65;
  }

  .home .elementor-section {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }

  .home .elementor-widget-image img,
  .home .attachment-full {
    border-radius: 14px;
  }

  #back-to-top {
    right: 16px !important;
    bottom: 24px !important;
  }

  .wa-float {
    bottom: 96px !important;
    right: 16px !important;
  }
}

.main-navigation ul li li:hover > a,
.main-navigation ul ul li.current-menu-item > a,
.main-navigation ul ul li.current-menu-ancestor > a {
  color: #000000;
}

.main-navigation ul > li > a:hover {
  color: #FAB702;
}

/* OUR PROCESS section (home page) - staggered reveal + hover effect, to match demo.archiwp.com */
.elementor-element-a618665 .ot-process__nav li {
  opacity: 0;
}

.elementor-element-a618665.fadeInUp .ot-process__nav li {
  animation: otProcessFadeIn 0.6s ease forwards;
}

.elementor-element-a618665.fadeInUp .ot-process__nav li:nth-child(1) { animation-delay: 0.1s; }
.elementor-element-a618665.fadeInUp .ot-process__nav li:nth-child(2) { animation-delay: 0.35s; }
.elementor-element-a618665.fadeInUp .ot-process__nav li:nth-child(3) { animation-delay: 0.6s; }
.elementor-element-a618665.fadeInUp .ot-process__nav li:nth-child(4) { animation-delay: 0.85s; }
.elementor-element-a618665.fadeInUp .ot-process__nav li:nth-child(5) { animation-delay: 1.1s; }
.elementor-element-a618665.fadeInUp .ot-process__nav li:nth-child(6) { animation-delay: 1.35s; }

@keyframes otProcessFadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

.elementor-element-a618665 .ot-process__nav li:hover .ot-process__title {
  color: var(--archi-color-white);
  border-color: rgba(255, 255, 255, 0.6);
  background: none;
}

.elementor-element-a618665 .ot-process__nav li:hover:after {
  opacity: 1;
  visibility: visible;
}

/* Portfolio filter tabs (All / Commercial / ...) below Our Process - match demo.archiwp.com colors */
.elementor-element-d21427a .isotope-filter ul li a {
  transition: background-color 0.3s ease, color 0.3s ease;
}

.elementor-element-d21427a .isotope-filter ul li a:not(.active) {
  background-color: transparent !important;
  color: #888888 !important;
}

.elementor-element-d21427a .isotope-filter ul li a.active,
.elementor-element-d21427a .isotope-filter ul li a:hover {
  background-color: #FAB702 !important;
  color: #111111 !important;
}

/* Portfolio filter + gallery section background */
.elementor-element-0324086,
.elementor-element-c3e6489 {
  background-color: #18191b !important;
}

/* Use Archi theme default mobile submenu styles */

/* =============================================
   SERVICE PAGE - SIDEBAR TABS RESPONSIVE FIX
   Matches demo.archiwp.com tab design
   Applied on all child pages of /services/
   ============================================= */

/* --- Desktop (1200px+): sidebar tabs fill their column --- */
.elementor-element-cffb587 .e-con-inner {
  flex-wrap: nowrap !important;
  gap: 0 !important;
}

/* Sidebar: fix the button width and padding */
.elementor-element-b5beb9a .octf-btn {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 20px 24px !important;
  text-align: left !important;
  justify-content: flex-start;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 700;
  border-radius: 0;
  margin-bottom: 2px;
  transition: background 0.25s ease, color 0.25s ease;
}

/* Default: every sidebar tab is black with white text */
.elementor-element-b5beb9a .octf-btn {
  background: #000000 !important;
  color: #ffffff !important;
}

.elementor-element-b5beb9a .octf-btn:hover,
.elementor-element-b5beb9a .octf-btn:focus {
  background: rgba(0, 0, 0, 0.5) !important;
  color: #ffffff !important;
}

/* Active tab: only the current service page's own tab is gold with black text */
.page-id-2003 .elementor-element-b5beb9a a.octf-btn[href*="architectural-drafting"],
.page-id-6648 .elementor-element-b5beb9a a.octf-btn[href*="structural-drafting"],
.page-id-1984 .elementor-element-b5beb9a a.octf-btn[href*="mep-drafting"],
.page-id-6659 .elementor-element-b5beb9a a.octf-btn[href*="interior-shop-drawings"],
.page-id-1848 .elementor-element-b5beb9a a.octf-btn[href*="bim-revit-modeling"],
.page-id-6643 .elementor-element-b5beb9a a.octf-btn[href*="3d-visualization-animation"],
.page-id-6646 .elementor-element-b5beb9a a.octf-btn[href*="fabrication-drawings"],
.page-id-1904 .elementor-element-b5beb9a a.octf-btn[href*="cad-conversion-as-built-drawings"],
.page-id-6651 .elementor-element-b5beb9a a.octf-btn[href*="freelance-cad-support"] {
  background: #FAB702 !important;
  color: #000000 !important;
}

.page-id-2003 .elementor-element-b5beb9a a.octf-btn[href*="architectural-drafting"]:hover,
.page-id-2003 .elementor-element-b5beb9a a.octf-btn[href*="architectural-drafting"]:focus,
.page-id-6648 .elementor-element-b5beb9a a.octf-btn[href*="structural-drafting"]:hover,
.page-id-6648 .elementor-element-b5beb9a a.octf-btn[href*="structural-drafting"]:focus,
.page-id-1984 .elementor-element-b5beb9a a.octf-btn[href*="mep-drafting"]:hover,
.page-id-1984 .elementor-element-b5beb9a a.octf-btn[href*="mep-drafting"]:focus,
.page-id-6659 .elementor-element-b5beb9a a.octf-btn[href*="interior-shop-drawings"]:hover,
.page-id-6659 .elementor-element-b5beb9a a.octf-btn[href*="interior-shop-drawings"]:focus,
.page-id-1848 .elementor-element-b5beb9a a.octf-btn[href*="bim-revit-modeling"]:hover,
.page-id-1848 .elementor-element-b5beb9a a.octf-btn[href*="bim-revit-modeling"]:focus,
.page-id-6643 .elementor-element-b5beb9a a.octf-btn[href*="3d-visualization-animation"]:hover,
.page-id-6643 .elementor-element-b5beb9a a.octf-btn[href*="3d-visualization-animation"]:focus,
.page-id-6646 .elementor-element-b5beb9a a.octf-btn[href*="fabrication-drawings"]:hover,
.page-id-6646 .elementor-element-b5beb9a a.octf-btn[href*="fabrication-drawings"]:focus,
.page-id-1904 .elementor-element-b5beb9a a.octf-btn[href*="cad-conversion-as-built-drawings"]:hover,
.page-id-1904 .elementor-element-b5beb9a a.octf-btn[href*="cad-conversion-as-built-drawings"]:focus,
.page-id-6651 .elementor-element-b5beb9a a.octf-btn[href*="freelance-cad-support"]:hover,
.page-id-6651 .elementor-element-b5beb9a a.octf-btn[href*="freelance-cad-support"]:focus {
  background: #FAB702 !important;
  color: #000000 !important;
}

/* --- Tablet (768px - 1199px): tabs go horizontal, content below --- */
@media (max-width: 1199px) and (min-width: 768px) {
  .elementor-element-cffb587 .e-con-inner {
    flex-wrap: wrap !important;
    gap: 20px !important;
  }

  .elementor-element-b5beb9a {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    gap: 8px !important;
    padding: 0 15px !important;
    box-sizing: border-box;
  }

  .elementor-element-b5beb9a .elementor-widget-container {
    flex: 0 0 auto !important;
  }

  .elementor-element-b5beb9a .octf-btn {
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: none !important;
    padding: 14px 20px !important;
    font-size: 13px;
    text-align: center !important;
    white-space: nowrap;
    justify-content: center;
  }

  .elementor-element-e1c14e6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .elementor-element-e1c14e6 .e-con-inner {
    padding: 0 15px !important;
  }
}

/* --- Mobile (below 768px): tabs horizontal 2-col, content below --- */
@media (max-width: 767px) {
  .elementor-element-cffb587 .e-con-inner {
    flex-direction: column !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
  }

  .elementor-element-b5beb9a {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    gap: 6px !important;
    padding: 0 !important;
    box-sizing: border-box;
  }

  .elementor-element-b5beb9a .elementor-widget-ot-btn {
    flex: 0 0 calc(50% - 3px) !important;
    max-width: calc(50% - 3px) !important;
  }

  .elementor-element-b5beb9a .octf-btn {
    flex: 0 1 auto !important;
    width: 100% !important;
    padding: 12px 16px !important;
    font-size: 13px;
    text-align: center !important;
    white-space: nowrap;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .elementor-element-e1c14e6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .elementor-element-e1c14e6 .e-con-inner {
    padding: 0 !important;
  }
}

/* --- Small mobile (below 480px): single column tabs --- */
@media (max-width: 479px) {
  .elementor-element-b5beb9a .elementor-widget-ot-btn {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .elementor-element-b5beb9a .octf-btn {
    font-size: 12px;
    padding: 12px 14px !important;
  }
}

/* ============================================
   PORTFOLIO GRID — 3 Cols Contained Style
   (matching demo.archiwp.com/3-cols-contained/)
   ============================================ */

/* Hide creative-three extras: bg circle, line, "Click to view" text */
.projects-thumbnail.overlay-creative .bg,
.projects-thumbnail.overlay-creative .line,
.projects-thumbnail.overlay-creative .btn-text {
  display: none !important;
}

/* Overlay: always visible dark background on hover */
.projects-thumbnail.overlay-creative .projects-box figure::after,
.projects-thumbnail.overlay-creative figcaption::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 4;
}

.projects-thumbnail.overlay-creative:hover figcaption::before {
  opacity: 1;
}

/* Figcaption: center title vertically, full cover */
.projects-thumbnail.overlay-creative figcaption {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 5;
  display: flex !important;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

.projects-thumbnail.overlay-creative:hover figcaption {
  opacity: 1;
}

/* Post title: clean white text, uppercase, spaced */
.projects-thumbnail.overlay-creative .post-title {
  font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 3px;
  line-height: 1.3;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  padding: 12px 20px;
  text-align: center;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.4s ease, transform 0.4s ease;
  position: relative;
  z-index: 6;
}

.projects-thumbnail.overlay-creative:hover .post-title {
  opacity: 1;
  transform: translateY(0);
}

/* Slight image zoom on hover */
.projects-thumbnail.overlay-creative img {
  transition: transform 0.6s ease;
}

.projects-thumbnail.overlay-creative:hover img {
  transform: scale(1.08);
}

/* Filter tabs: match demo styling */
.isotope-filter ul li a {
  padding: 10px 22px;
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  border: 1px solid transparent;
  transition: all 0.3s ease;
}

.isotope-filter ul li a.active,
.isotope-filter ul li a:hover {
  background: var(--archi-color-primary);
  color: var(--archi-color-second);
  border-color: var(--archi-color-primary);
}

/* Grid contained layout: uniform heights */
.projects-masonry.pf_3_cols .project-item,
.projects-masonry.pf_4_cols .project-item {
  width: 33.333% !important;
}

.projects-masonry.pf_4_cols .project-item {
  width: 25% !important;
}

.projects-masonry.pf_3_cols .project-item .projects-box,
.projects-masonry.pf_4_cols .project-item .projects-box {
  overflow: hidden;
  border-radius: 0;
}

.projects-masonry.pf_3_cols .project-item figure.projects-thumbnail,
.projects-masonry.pf_4_cols .project-item figure.projects-thumbnail {
  margin-bottom: 0;
}

/* Make images fill their containers uniformly */
.projects-masonry .project-item figure.projects-thumbnail img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  display: block;
}

/* Container max-width for contained look */
.page-id-2476 .elementor-section .elementor-container {
  max-width: 1200px;
}

/* Responsive columns: 4 -> 3 -> 2 -> 1, matching the reference layout */
@media (max-width: 991px) {
  .projects-masonry.pf_3_cols .project-item {
    width: 50% !important;
  }
  .projects-masonry.pf_4_cols .project-item {
    width: 33.333% !important;
  }
}

@media (max-width: 767px) {
  .projects-masonry.pf_3_cols .project-item,
  .projects-masonry.pf_4_cols .project-item {
    width: 50% !important;
  }
  .projects-masonry .project-item figure.projects-thumbnail img {
    height: 220px;
  }
}

@media (max-width: 480px) {
  .projects-masonry.pf_3_cols .project-item,
  .projects-masonry.pf_4_cols .project-item {
    width: 100% !important;
  }
}

/* ============================================
   PORTFOLIO GRID — scroll-reveal entrance
   (mimics the WOW.js fade-up reveal on the
   reference site's project grid)
   ============================================ */
.project-item {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  transition-delay: var(--reveal-delay, 0s);
}

.project-item.is-revealed {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .project-item {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* ============================================
   About Me page — restore/adjust flex-child widths
   (Elementor's own _element_custom_width control is not
   emitting CSS for these container children in the
   installed Elementor version, so widths are applied
   directly here. Career Experience timeline and
   Education & Qualifications keep their original
   design values; Hero is now stacked+centered; Stats,
   Core Expertise and Software Expertise are unified
   into a consistent 4-card grid: 4 cols desktop,
   2 cols tablet, 1 col mobile. )
   ============================================ */
.elementor-1591 .elementor-element.elementor-element-23897cd{width:calc(40% - 15px);max-width:calc(40% - 15px);flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-34c260f{width:calc(60% - 15px);max-width:calc(60% - 15px);flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-d9ad116{width:33.33%;max-width:33.33%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-6f81239{width:33.33%;max-width:33.33%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-d0a8d21{width:33.33%;max-width:33.33%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-5b537c0{width:33.33%;max-width:33.33%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-6670848{width:33.33%;max-width:33.33%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-0ff96c9{width:33.33%;max-width:33.33%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-951ad4a{width:25%;max-width:25%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-adc7c79{width:75%;max-width:75%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-b13f2aa{width:25%;max-width:25%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-3725c33{width:75%;max-width:75%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-98cff50{width:25%;max-width:25%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-382c88b{width:75%;max-width:75%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-0071559{width:25%;max-width:25%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-633a7bc{width:75%;max-width:75%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-2610d59{width:25%;max-width:25%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-8989288{width:75%;max-width:75%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-1af8ff4{width:25%;max-width:25%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-c7ce6fb{width:75%;max-width:75%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-fb2991b{width:25%;max-width:25%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-4cfc499{width:75%;max-width:75%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-e865475{width:30px;max-width:30px;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-801be71{width:22%;max-width:22%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-503f762{width:30px;max-width:30px;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-f9d09be{width:22%;max-width:22%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-4c171d4{width:30px;max-width:30px;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-642b2ae{width:22%;max-width:22%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-d945837{width:30px;max-width:30px;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-9311d24{width:22%;max-width:22%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-1f45b8d{width:30px;max-width:30px;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-3104a7b{width:22%;max-width:22%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-7a29b06{width:30px;max-width:30px;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-cec8ce0{width:22%;max-width:22%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-386a279{width:30px;max-width:30px;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-7864add{width:22%;max-width:22%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-ed0bf74{width:30px;max-width:30px;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-c5135db{width:22%;max-width:22%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-46ab223{width:30px;max-width:30px;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-eb77be3{width:22%;max-width:22%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-27a40d6{width:30px;max-width:30px;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-c128f23{width:22%;max-width:22%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-4debd1e{width:30px;max-width:30px;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-07aebd1{width:22%;max-width:22%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-637cc4e{width:30px;max-width:30px;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-31c640b{width:33.33%;max-width:33.33%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-ea478bd{width:33.33%;max-width:33.33%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-66461d3{width:33.33%;max-width:33.33%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-f3436f3{width:33.33%;max-width:33.33%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-77d2e27{width:33.33%;max-width:33.33%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-7a582b3{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-4d03bc6{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-10968a0{width:calc(50% - 15px);max-width:calc(50% - 15px);flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-e02b0a0{width:calc(50% - 15px);max-width:calc(50% - 15px);flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-952ec37{width:22%;max-width:22%;flex-grow:0;flex-basis:auto}

@media (max-width: 1024px) {
.elementor-1591 .elementor-element.elementor-element-23897cd{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-34c260f{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-d9ad116{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-6f81239{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-d0a8d21{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-5b537c0{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-6670848{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-0ff96c9{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-951ad4a{width:30%;max-width:30%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-adc7c79{width:70%;max-width:70%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-b13f2aa{width:30%;max-width:30%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-3725c33{width:70%;max-width:70%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-98cff50{width:30%;max-width:30%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-382c88b{width:70%;max-width:70%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-0071559{width:30%;max-width:30%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-633a7bc{width:70%;max-width:70%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-2610d59{width:30%;max-width:30%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-8989288{width:70%;max-width:70%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-1af8ff4{width:30%;max-width:30%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-c7ce6fb{width:70%;max-width:70%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-fb2991b{width:30%;max-width:30%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-4cfc499{width:70%;max-width:70%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-801be71{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-f9d09be{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-642b2ae{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-9311d24{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-3104a7b{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-cec8ce0{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-7864add{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-c5135db{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-eb77be3{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-c128f23{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-07aebd1{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-31c640b{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-ea478bd{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-66461d3{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-f3436f3{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-77d2e27{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-7a582b3{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-4d03bc6{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-10968a0{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-e02b0a0{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-952ec37{width:50%;max-width:50%;flex-grow:0;flex-basis:auto}
}

@media (max-width: 767px) {
.elementor-1591 .elementor-element.elementor-element-23897cd{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-34c260f{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-d9ad116{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-6f81239{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-d0a8d21{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-5b537c0{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-6670848{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-0ff96c9{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-951ad4a{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-adc7c79{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-b13f2aa{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-3725c33{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-98cff50{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-382c88b{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-0071559{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-633a7bc{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-2610d59{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-8989288{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-1af8ff4{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-c7ce6fb{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-fb2991b{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-4cfc499{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-801be71{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-f9d09be{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-642b2ae{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-9311d24{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-3104a7b{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-cec8ce0{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-7864add{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-c5135db{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-eb77be3{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-c128f23{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-07aebd1{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-31c640b{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-ea478bd{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-66461d3{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-f3436f3{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-77d2e27{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-7a582b3{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-4d03bc6{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-10968a0{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-e02b0a0{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-952ec37{width:100%;max-width:100%;flex-grow:0;flex-basis:auto}
}


/* Stats / Core Expertise / Software Expertise: consistent card-grid rhythm */
.elementor-1591 .elementor-element.elementor-element-ee3488d,
.elementor-1591 .elementor-element.elementor-element-837bf84,
.elementor-1591 .elementor-element.elementor-element-4939ee9{flex-wrap:wrap}

/* Software Expertise: back to 3 columns (5 cards -> row of 3 + row of 2), centered */
.elementor-1591 .elementor-element.elementor-element-4939ee9{justify-content:center}

/* Software Expertise: cards have varying content length (tool lists differ
   in length), so the dark card box wasn't stretching to match the tallest
   card in its row, making the grid look inconsistent. Force each card to
   fill its column's full height so every row is visually even. */
.elementor-1591 .elementor-element.elementor-element-31c640b,
.elementor-1591 .elementor-element.elementor-element-ea478bd,
.elementor-1591 .elementor-element.elementor-element-66461d3,
.elementor-1591 .elementor-element.elementor-element-f3436f3,
.elementor-1591 .elementor-element.elementor-element-77d2e27{display:flex !important}
.elementor-1591 .elementor-element.elementor-element-705729d,
.elementor-1591 .elementor-element.elementor-element-53af97b,
.elementor-1591 .elementor-element.elementor-element-9625c4e,
.elementor-1591 .elementor-element.elementor-element-3ff7d68,
.elementor-1591 .elementor-element.elementor-element-171fd82{flex-grow:1 !important;height:100%}

/* Core Expertise: narrower cards (22% instead of a full 25%), centered rows */
.elementor-1591 .elementor-element.elementor-element-837bf84{justify-content:center}

/* Professional Strengths: 6 cards, 4 per row (Elementor saved these with
   _element_width:"custom", a value the installed control doesn't recognize
   as "initial", so its width CSS never rendered — same underlying width
   bug as the rest of the page, fixed the same way) */
.elementor-1591 .elementor-element.elementor-element-0ba30b8{justify-content:center}
.elementor-1591 .elementor-element.elementor-element-90f7931,
.elementor-1591 .elementor-element.elementor-element-1547f20,
.elementor-1591 .elementor-element.elementor-element-de63fc6,
.elementor-1591 .elementor-element.elementor-element-0312504,
.elementor-1591 .elementor-element.elementor-element-f85ee9d,
.elementor-1591 .elementor-element.elementor-element-9c89de2{width:25% !important;max-width:25% !important;flex-grow:0;flex-basis:auto}

@media (max-width: 1024px) {
  .elementor-1591 .elementor-element.elementor-element-90f7931,
  .elementor-1591 .elementor-element.elementor-element-1547f20,
  .elementor-1591 .elementor-element.elementor-element-de63fc6,
  .elementor-1591 .elementor-element.elementor-element-0312504,
  .elementor-1591 .elementor-element.elementor-element-f85ee9d,
  .elementor-1591 .elementor-element.elementor-element-9c89de2{width:50% !important;max-width:50% !important}
}

@media (max-width: 767px) {
  .elementor-1591 .elementor-element.elementor-element-90f7931,
  .elementor-1591 .elementor-element.elementor-element-1547f20,
  .elementor-1591 .elementor-element.elementor-element-de63fc6,
  .elementor-1591 .elementor-element.elementor-element-0312504,
  .elementor-1591 .elementor-element.elementor-element-f85ee9d,
  .elementor-1591 .elementor-element.elementor-element-9c89de2{width:100% !important;max-width:100% !important}
}

/* Education & Qualifications: Academic Qualifications is a narrower,
   centered card on its own row. Technical Diplomas & Certifications has
   its own internal 3-column grid (9 diploma cards) designed for a wide
   container, so it gets its own full-width row below instead of being
   squeezed to 42% next to Academic Qualifications — that squeeze is what
   was making it so tall (3 cramped columns wrapping a lot of text). */
.elementor-1591 .elementor-element.elementor-element-50ab523{justify-content:center}
.elementor-1591 .elementor-element.elementor-element-7a582b3{width:42% !important;max-width:42% !important;flex-grow:0;flex-basis:auto}
.elementor-1591 .elementor-element.elementor-element-4d03bc6{width:100% !important;max-width:100% !important;flex-grow:0;flex-basis:auto;margin-top:30px}

@media (max-width: 767px) {
  .elementor-1591 .elementor-element.elementor-element-7a582b3,
  .elementor-1591 .elementor-element.elementor-element-4d03bc6{width:100% !important;max-width:100% !important}
}

/* Academic Qualifications: its two degree cards (MBA, BSc) side by side
   in one row (2-column grid) on desktop/laptop/tablet, stacked on mobile */
.elementor-1591 .elementor-element.elementor-element-7a582b3{--flex-direction:row !important;flex-wrap:wrap;gap:20px}
.elementor-1591 .elementor-element.elementor-element-04554ab,
.elementor-1591 .elementor-element.elementor-element-9efebe3{width:calc(50% - 10px) !important;max-width:calc(50% - 10px) !important;flex-grow:0;flex-basis:auto;margin-bottom:0 !important}

@media (max-width: 767px) {
  .elementor-1591 .elementor-element.elementor-element-04554ab,
  .elementor-1591 .elementor-element.elementor-element-9efebe3{width:100% !important;max-width:100% !important}
}