/*
Theme Name: esgclimatech
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.2.2
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
.absolute-footer.dark, .top-divider {display:none;}
/* Define Design Tokens & Variables */
:root {--emitra-green: #035220; --emitra-dark: #002101; --emitra-light: #f5f5f5; --emitra-white: #ffffff; --emitra-gray: #636363; --emitra-border: #e0e0e0; --emitra-yellow: #f7b900; --emitra-translucent-green: rgba(3, 82, 32, 0.06); --emitra-font-sans: 'Instrument Sans', 'Inter', sans-serif; /* Exact 8-Layer Translucent Grey Card Shadow */ --emitra-shadow: 0px 0.839802px 0.503881px -0.3125px #cccccc21, 0px 1.99048px 1.19429px -0.625px #cccccc21, 0px 3.63084px 2.1785px -0.9375px #cccccc21, 0px 6.03627px 3.62176px -1.25px #cccccc21, 0px 9.74808px 5.84885px -1.5625px #cccccc21, 0px 15.9566px 9.57398px -1.875px #cccccc21, 0px 27.4762px 16.4857px -2.1875px #cccccc21, 0px 50px 30px -2.5px #cccccc21; /* Exact 8-Layer Translucent Dark-Green Icon Shadow */ --emitra-icon-shadow: 0px 0.839802px 0.839802px -0.3125px rgba(1, 71, 36, 0.09), 0px 1.99048px 1.99048px -0.625px rgba(1, 71, 36, 0.09), 0px 3.63084px 3.63084px -0.9375px rgba(1, 71, 36, 0.09), 0px 6.03627px 6.03627px -1.25px rgba(1, 71, 36, 0.09), 0px 9.74808px 9.74808px -1.5625px rgba(1, 71, 36, 0.09), 0px 15.9566px 15.9566px -1.875px rgba(1, 71, 36, 0.09), 0px 27.4762px 27.4762px -2.1875px rgba(1, 71, 36, 0.09), 0px 50px 50px -2.5px rgba(1, 71, 36, 0.09); /* Exact 8-Layer Primary Green Button Shadow Glow */ --emitra-btn-primary-shadow: 0px 0.8px 0.5px -0.31px rgba(4, 43, 14, 0.11), 0px 1.9px 1.1px -0.62px rgba(4, 43, 14, 0.11), 0px 3.6px 2.1px -0.93px rgba(4, 43, 14, 0.11), 0px 6px 3.6px -1.25px rgba(4, 43, 14, 0.11), 0px 9.7px 5.8px -1.56px rgba(4, 43, 14, 0.11), 0px 15.9px 9.5px -1.87px rgba(4, 43, 14, 0.11), 0px 27.4px 16.4px -2.18px rgba(4, 43, 14, 0.11), 0px 50px 30px -2.5px rgba(4, 43, 14, 0.11); /* Exact 8-Layer Secondary Light Grey Button Shadow */ --emitra-btn-secondary-shadow: 0px 0.8px 0.5px -0.31px rgba(204, 204, 204, 0.13), 0px 1.9px 1.1px -0.62px rgba(204, 204, 204, 0.13), 0px 3.6px 2.1px -0.93px rgba(204, 204, 204, 0.13), 0px 6px 3.6px -1.25px rgba(204, 204, 204, 0.13), 0px 9.7px 5.8px -1.56px rgba(204, 204, 204, 0.13), 0px 15.9px 9.5px -1.87px rgba(204, 204, 204, 0.13), 0px 27.4px 16.4px -2.18px rgba(204, 204, 204, 0.13), 0px 50px 30px -2.5px rgba(204, 204, 204, 0.13);}
/* Redundant global typography overrides removed to inherit from Customizer */
/* Custom Tag/Badge */
.emitra-badge {display: inline-flex; align-items: center; padding: 6px 14px; background-color: var(--emitra-translucent-green); border: 1px solid rgba(3, 82, 32, 0.12); color: var(--emitra-green) !important; border-radius: 100px; font-size: 14px; font-weight: 600; margin-bottom: 15px; text-transform: none;}
.emitra-badge::before {content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: var(--emitra-green); margin-right: 8px;}
/* Primary Button Styling */
.emitra-btn-primary {background-color: var(--emitra-green) !important; color: var(--emitra-white) !important; border-radius: 100px !important; padding: 12px 28px !important; font-weight: 600 !important; border: none !important; text-transform: none !important; box-shadow: var(--emitra-btn-primary-shadow) !important; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important; display: inline-block;}
.emitra-btn-primary:hover {background-color: var(--emitra-green) !important; transform: translateY(-2px) scale(1.02); box-shadow: var(--emitra-btn-primary-shadow) !important;}
/* Force white text color for inner elements of primary buttons */
.emitra-wrapper .emitra-btn-primary, .emitra-wrapper .emitra-btn-primary span, .emitra-wrapper a.emitra-btn-primary, .emitra-wrapper a.emitra-btn-primary span {color: var(--emitra-white) !important;}
/* Secondary Button Styling */
.emitra-btn-secondary {background-color: var(--emitra-white) !important; color: var(--emitra-dark) !important; border-radius: 100px !important; padding: 12px 28px !important; font-weight: 600 !important; border: 1px solid var(--emitra-border) !important; text-transform: none !important; box-shadow: var(--emitra-btn-secondary-shadow) !important; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important; display: inline-block;}
.emitra-btn-secondary:hover {background-color: var(--emitra-white) !important; transform: translateY(-2px) scale(1.02); box-shadow: var(--emitra-btn-secondary-shadow) !important;}
/* Force dark green text color for inner elements of secondary buttons */
.emitra-wrapper .emitra-btn-secondary, .emitra-wrapper .emitra-btn-secondary span, .emitra-wrapper a.emitra-btn-secondary, .emitra-wrapper a.emitra-btn-secondary span {color: var(--emitra-dark) !important;}
/* Premium Card Wrapper */
.emitra-card {background-color: var(--emitra-white) !important; border-radius: 24px !important; border: 1px solid rgba(3, 82, 32, 0.08) !important; box-shadow: var(--emitra-shadow) !important; padding: 30px !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important;}
.emitra-card:hover {transform: translateY(-4px);}
/* Bento Grid Card Variants */
.emitra-card-green {background-color: var(--emitra-green) !important; color: var(--emitra-white) !important;}
.emitra-card-green h1, .emitra-card-green h2, .emitra-card-green h3, .emitra-card-green p, .emitra-card-green span {color: var(--emitra-white) !important;}
/* Comparison Table Design */
.emitra-compare-table-wrapper {overflow-x: auto; margin-top: 30px;}
.emitra-compare-table {width: 100%; border-collapse: collapse; background: var(--emitra-white); border-radius: 20px; overflow: hidden; box-shadow: var(--emitra-shadow);}
.emitra-compare-table th, .emitra-compare-table td {padding: 16px 24px; text-align: left; border-bottom: 1px solid #f0f0f0;}
.emitra-compare-table th {background-color: #fafafa; font-weight: 700; color: var(--emitra-dark);}
.emitra-compare-table tr:last-child td {border-bottom: none;}
.emitra-compare-table tr:hover {background-color: #fcfcfc;}
.emitra-check {color: #00ca4e; font-weight: bold; font-size: 18px;}
.emitra-cross {color: #ff605c; font-weight: bold; font-size: 18px;}
/* Mockup Container */
.emitra-mockup {border-radius: 16px; border: 1px solid var(--emitra-border); box-shadow: var(--emitra-shadow); background: var(--emitra-white); overflow: hidden; position: relative;}
.emitra-mockup-header {height: 40px; background: #f1f1f1; display: flex; align-items: center; padding: 0 16px; border-bottom: 1px solid var(--emitra-border);}
.emitra-dot {width: 10px; height: 10px; border-radius: 50%; margin-right: 6px;}
.emitra-dot-red {background: #ff605c;}
.emitra-dot-yellow {background: #ffbd44;}
.emitra-dot-green {background: #00ca4e;}
/* Pricing Cards */
.pricing-table-wrapper {height: 100% !important;}
.emitra-pricing-card {border-radius: 24px !important; background: var(--emitra-white) !important; border: 1px solid var(--emitra-border) !important; box-shadow: 0 4px 20px rgba(0,0,0,0.02) !important; padding: 32px 18px !important; /* Reduced padding for wider content */ transition: all 0.3s ease !important; text-align: left; height: 100% !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; box-sizing: border-box !important;}
.emitra-pricing-card.popular {border: 2px solid var(--emitra-green) !important; transform: scale(1.03) !important; box-shadow: var(--emitra-shadow) !important; margin-top: 0 !important;}
.emitra-pricing-card .price {font-size: 48px; font-weight: 700; color: var(--emitra-dark);}
.emitra-pricing-card .price span {font-size: 16px; color: var(--emitra-gray); font-weight: 400;}
.emitra-pricing-card ul {padding-left: 0; list-style: none; margin: 20px 0;}
.emitra-pricing-card ul li {padding: 8px 0; border-bottom: 1px solid #f5f5f5; font-size: 14px;}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.emitra-pricing-card.popular {transform: none; margin: 15px 0;}
}
/* FAQ / Q&A Accordion Styling Override */
.emitra-wrapper .accordion {background: transparent !important; border: none !important; margin: 0 !important;}
.emitra-wrapper .accordion-item {background-color: var(--emitra-white) !important; border-radius: 16px !important; box-shadow: var(--emitra-shadow) !important; border: 1px solid rgba(0, 0, 0, 0.02) !important; margin-bottom: 16px !important; overflow: hidden; transition: all 0.3s ease;}
.emitra-wrapper .accordion-title {display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 24px 28px !important; font-size: 16px !important; font-weight: 600 !important; color: var(--emitra-dark) !important; border: none !important; background: none !important; position: relative !important; text-decoration: none !important; transition: color 0.3s ease;}
/* Hide Flatsome default angle icon */
.emitra-wrapper .accordion-title i.icon-angle-down {display: none !important;}
/* Custom Circular Toggle Button (+ / x) */
.emitra-wrapper .accordion-title::after {content: "+"; font-family: Arial, sans-serif !important; font-size: 20px !important; font-weight: 400 !important; color: var(--emitra-white) !important; background-color: var(--emitra-dark) !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s ease !important; flex-shrink: 0 !important; margin-left: 15px !important; line-height: 1 !important; padding-bottom: 2px !important;}
  /* Visual alignment of "+" */
/* Active / Expanded Accordion State (turns + into x and background to theme green) */
.emitra-wrapper .accordion-title.active::after, .emitra-wrapper .accordion-item.active .accordion-title::after {background-color: var(--emitra-green) !important; transform: rotate(45deg) !important; color: var(--emitra-white) !important; padding-bottom: 2px !important;}
.emitra-wrapper .accordion-inner {padding: 0 28px !important; font-size: 14.5px !important; line-height: 1.6 !important; color: var(--emitra-gray) !important; border: none !important; background: transparent !important;}
.emitra-wrapper .accordion-inner p {padding-bottom: 24px !important; margin: 0 !important; color: var(--emitra-gray) !important;}
/* Update Icon Container Style with devtools shadow */
.emitra-icon-box, .emitra-card .icon-inner {background-color: rgb(1, 71, 36) !important; width: 44px !important; height: 44px !important; border-radius: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: var(--emitra-icon-shadow) !important; border: none !important; padding: 0 !important; margin: 0 !important;}
/* Ensure the wrapper icon-box-img has correct margin and reset default background/border styles */
.emitra-card .icon-box-img {margin-bottom: 20px !important; width: 44px !important; height: 44px !important;}
.emitra-card .icon {border: none !important; background: none !important; padding: 0 !important; margin: 0 !important; width: 44px !important; height: 44px !important;}
/* Ensure the image/svg inside the icon container matches size */
.emitra-icon-box svg, .emitra-card .icon-inner img, .emitra-card .icon-inner svg {width: 20px !important; height: 20px !important; max-width: 20px !important; max-height: 20px !important; object-fit: contain !important;}
/* Feature Grid Cards layout height */
.emitra-feature-card {min-height: 300px !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important;}
/* Feature Grid Card specific icon colors and backgrounds */
/* Card 1: Clean Energy */
.emitra-card-clean-energy .icon-inner {background-color: rgba(3, 82, 32, 0.08) !important; color: var(--emitra-green) !important; box-shadow: none !important;}
/* Card 2: Real-time Impact (on dark-green card background) */
.emitra-card-realtime .icon-inner {background-color: rgba(255, 255, 255, 0.15) !important; color: var(--emitra-yellow) !important; box-shadow: none !important;}
/* Cards 3 & 4: Reports & Risk */
.emitra-card-reports .icon-inner, .emitra-card-risk .icon-inner {background-color: rgba(99, 99, 99, 0.08) !important; color: var(--emitra-gray) !important; box-shadow: none !important;}
/* --- Native Pricing Table Override --- */
/* Reorder Header: Title -> Description -> Price */
.emitra-pricing-card .pricing-table-header {display: flex !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important; padding: 0 !important; border: none !important; background: none !important;}
.emitra-pricing-card .pricing-table-header .title {order: 1 !important; text-transform: none !important; font-size: 24px !important; font-weight: 700 !important; color: var(--emitra-dark) !important; margin-bottom: 15px !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; margin-left: 0 !important; margin-right: auto !important; align-self: flex-start !important; text-align: left !important; /* Reset Flatsome defaults */ background: transparent !important; background-color: transparent !important; border: none !important; padding: 0 !important;}
.emitra-pricing-card .pricing-table-header .title::before {margin-left: 0 !important; margin-right: auto !important; align-self: flex-start !important;}
.emitra-pricing-card .pricing-table-header .description {order: 2 !important; font-size: 14px !important; line-height: 1.5 !important; color: var(--emitra-gray) !important;text-align: left !important; padding: 0 !important; margin-left: 0 !important; margin-right: auto !important; align-self: flex-start !important;}
.emitra-pricing-card .pricing-table-header .price {order: 3 !important; font-size: 44px !important; font-weight: 700 !important; color: var(--emitra-dark) !important; margin-bottom: 25px !important; text-align: left !important; padding: 0 !important; margin-left: 0 !important; margin-right: auto !important; align-self: flex-start !important;}
.emitra-pricing-card .pricing-table-header .price::after {content: " / month" !important; font-size: 15px !important; font-weight: 400 !important; color: var(--emitra-gray) !important; text-transform: none !important;}
/* Hide Price and /month suffix as requested */
.emitra-pricing-card .pricing-table-header .price {
  display: none !important;
}
/* Header Icons for the 4 Fusion Cube Components */
.emitra-card-foundation .title::before {content: ""; display: block; width: 44px; height: 44px; background-color: rgb(1, 71, 36); background-image: url('assets/icons/leaf-white.svg'); background-size: 20px; background-position: center; background-repeat: no-repeat; border-radius: 12px; margin-bottom: 20px; box-shadow: var(--emitra-icon-shadow);}
.emitra-card-solar .title::before {content: ""; display: block; width: 44px; height: 44px; background-color: rgb(1, 71, 36); background-image: url('assets/icons/zap-white.svg'); background-size: 20px; background-position: center; background-repeat: no-repeat; border-radius: 12px; margin-bottom: 20px; box-shadow: var(--emitra-icon-shadow);}
.emitra-card-water .title::before {content: ""; display: block; width: 44px; height: 44px; background-color: rgb(1, 71, 36); background-image: url('assets/icons/droplet-white.svg'); background-size: 20px; background-position: center; background-repeat: no-repeat; border-radius: 12px; margin-bottom: 20px; box-shadow: var(--emitra-icon-shadow);}
.emitra-card-smart .title::before {content: ""; display: block; width: 44px; height: 44px; background-color: rgb(1, 71, 36); background-image: url('assets/icons/radio-white.svg'); background-size: 20px; background-position: center; background-repeat: no-repeat; border-radius: 12px; margin-bottom: 20px; box-shadow: var(--emitra-icon-shadow);}
/* Bullet Items Styling */
.emitra-pricing-card .pricing-table-items {text-align: left !important; display: flex !important; flex-direction: column !important; gap: 12px !important; padding: 0 !important; border: none !important; background: none !important;}
.emitra-pricing-card .bullet-item {display: flex !important; align-items: flex-start !important; gap: 10px !important; width: 100% !important; max-width: 250px !important; margin: 8px auto !important; text-align: left !important; background: none !important; border: none !important; padding: 0 !important; font-size: 14px !important; color: var(--emitra-gray) !important; box-sizing: border-box !important;}
.emitra-pricing-card .bullet-item::before {content: "" !important; display: inline-block !important; width: 16px !important; height: 16px !important; background-image: url('data:image/svg+xml; base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMzUyMjAiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiIvPjwvc3ZnPg==') !important; background-size: contain !important; background-repeat: no-repeat !important; flex-shrink: 0 !important; margin: 2px 0 0 0 !important; font-family: inherit !important; font-weight: normal !important; font-style: normal !important; text-transform: none !important;}
.emitra-pricing-list-header {font-size: 14px !important; font-weight: 700 !important; color: var(--emitra-dark) !important; margin-top: 15px !important; margin-bottom: 5px !important; text-transform: none !important;}
/* Custom outline button */
.emitra-btn-outline-green {background-color: var(--emitra-white) !important; color: var(--emitra-green) !important; border-radius: 100px !important; padding: 12px 28px !important; font-weight: 600 !important; border: 1px solid var(--emitra-green) !important; text-transform: none !important; transition: all 0.3s ease !important; display: block !important; text-align: center !important; width: 100% !important;}
.emitra-btn-outline-green:hover {background-color: var(--emitra-green) !important; color: var(--emitra-white) !important; transform: translateY(-2px) scale(1.02);}
.emitra-wrapper .emitra-btn-outline-green span {color: var(--emitra-green) !important;}
.emitra-wrapper .emitra-btn-outline-green:hover span {color: var(--emitra-white) !important;}
/* Button overrides for pricing table */
.emitra-pricing-card .pricing-table-items .button.emitra-btn-primary {display: block !important; width: 100% !important; text-align: center !important; margin-top: 10px !important; margin-bottom: 25px !important;}
/* --- Hero Section Styles --- */
.emitra-hero-section {position: relative; overflow: hidden; background-color: #f1f1f1 !important;}
.emitra-hero-badge {display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; background-color: var(--emitra-white); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 100px; font-size: 14px; font-weight: 500; color: var(--emitra-dark); margin-bottom: 25px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);}
.emitra-hero-badge-arrow {color: #ccc; font-weight: bold;}
.emitra-hero-title {font-size: 52px !important; line-height: 1.15 !important; font-weight: 700 !important; color: var(--emitra-green) !important; margin-bottom: 20px !important; letter-spacing: -1px !important; text-align: center;}
@media only screen and (max-width: 48em) {
.emitra-hero-title {font-size: 32px !important; line-height: 1.2 !important;}
}
.emitra-hero-subtitle {font-size: 16px !important; line-height: 1.6 !important; color: var(--emitra-gray) !important; max-width: 700px; margin: 0 auto 35px !important; text-align: center;}
@media only screen and (max-width: 48em) {
.emitra-hero-subtitle {font-size: 14px !important;}
}
/* Buttons Row */
.emitra-hero-buttons {display: inline-flex; gap: 15px; margin-bottom: 45px; position: relative; z-index: 30;}
  /* Higher than the background image container */
@media only screen and (max-width: 48em) {
.emitra-hero-buttons {display: flex; flex-direction: column; gap: 12px; width: 100%; max-width: 280px; margin: 0 auto 30px;}
.emitra-hero-btn-green, .emitra-hero-btn-white {width: 100% !important; justify-content: center !important; text-align: center !important;}
.section, section.section {padding-top: 40px !important; padding-bottom: 40px !important;}
.emitra-hero-section {padding-top: 50px !important;}
}
.emitra-hero-btn-green, .emitra-hero-btn-white {display: inline-flex; align-items: center; gap: 10px; padding: 12px 24px; border-radius: 100px; font-size: 15px; font-weight: 600; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); text-decoration: none !important;}
.emitra-hero-btn-green {background-color: var(--emitra-green) !important; box-shadow: var(--emitra-btn-primary-shadow) !important;}
.emitra-hero-btn-green, .emitra-hero-btn-green span {color: var(--emitra-white) !important;}
.emitra-hero-btn-green:hover {transform: translateY(-2px) !important; box-shadow: var(--emitra-btn-primary-shadow) !important;}
.emitra-hero-btn-green:hover, .emitra-hero-btn-green:hover span {color: var(--emitra-white) !important;}
.emitra-hero-btn-white {background-color: var(--emitra-white) !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; box-shadow: var(--emitra-btn-secondary-shadow) !important;}
.emitra-hero-btn-white, .emitra-hero-btn-white span {color: var(--emitra-dark) !important;}
.emitra-hero-btn-white:hover {transform: translateY(-2px) !important; background-color: #fafafa !important;}
.emitra-hero-btn-white:hover, .emitra-hero-btn-white:hover span {color: var(--emitra-dark) !important;}

/* CSS Pseudo-element Button Icons */
.emitra-hero-btn-green::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('assets/icons/leaf-white.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 2px;
}
.emitra-hero-btn-green::after {
  content: "";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: var(--emitra-white);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23035220"><polygon points="8 5 19 12 8 19 8 5"/></svg>');
  background-size: 8px;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 2px;
}
.emitra-hero-btn-white::after {
  content: "";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.05);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23002101" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>');
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 2px;
}
/* Image Container and Floating Groups */
.emitra-hero-image-container {position: relative; width: 100%; max-width: 860px; margin: 0 auto;}
.emitra-hero-main-image {display: block; pointer-events: none; width: 100%; height: auto;}
/* Floating Left Group */
.emitra-hero-left-group {position: absolute; bottom: 60px; left: -110px; display: flex; flex-direction: column; align-items: flex-start; z-index: 20;}
.emitra-hero-loc-circle {width: 34px; height: 34px; background-color: var(--emitra-white); border-radius: 50%; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.04); display: flex; align-items: center; justify-content: center; margin-bottom: 8px; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23035220" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>'); background-size: 14px; background-position: center; background-repeat: no-repeat;}
.emitra-hero-loc-text {font-size: 11.5px; line-height: 1.4; font-weight: 600; color: var(--emitra-dark); margin-bottom: 12px; text-align: left;}
.emitra-hero-arrow-capsule {display: inline-flex; gap: 12px; background-color: #0b0f0b; padding: 8px 16px; border-radius: 100px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}
.emitra-hero-arrow-btn {color: var(--emitra-white) !important; font-size: 12px; cursor: pointer; transition: opacity 0.2s; user-select: none;}
.emitra-hero-arrow-btn:hover {opacity: 0.7;}
/* Floating Right Group */
.emitra-hero-right-group {position: absolute; top: 45%; right: -110px; transform: translateY(-50%); display: flex; flex-direction: column; align-items: flex-start; z-index: 20;}
.emitra-hero-avatars {display: flex; margin-bottom: 10px;}
.emitra-hero-avatar {width: 24px; height: 24px; border-radius: 50%; border: 2px solid var(--emitra-white); margin-left: -8px; display: inline-block;}
.emitra-hero-avatar:first-child {margin-left: 0;}
.emitra-hero-avatar.avatar-1 {background: linear-gradient(135deg, #10b981, #047857);}
.emitra-hero-avatar.avatar-2 {background: linear-gradient(135deg, #34d399, #059669);}
.emitra-hero-avatar.avatar-3 {background: linear-gradient(135deg, #6ee7b7, #10b981);}
.emitra-hero-projects-text {font-size: 11px; font-weight: 700; color: var(--emitra-dark); margin-bottom: 8px; text-align: left;}
.emitra-hero-mini-icons {display: flex; gap: 8px; margin-bottom: 12px; font-size: 13px; color: var(--emitra-dark);}
.emitra-hero-mini-icon {user-select: none;}
.emitra-hero-slider-dots {display: flex; gap: 6px; align-items: center; padding-left: 4px;}
.emitra-hero-slider-dot {width: 5px; height: 5px; border-radius: 50%; background-color: #ccc; display: inline-block;}
.emitra-hero-slider-dot.active {background-color: var(--emitra-dark);}
/* Center Bottom Play Badge */
.emitra-hero-play-badge {position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; background-color: var(--emitra-white); border-radius: 100px; border: 1px solid rgba(0, 0, 0, 0.05); box-shadow: var(--emitra-shadow); cursor: pointer; z-index: 20; transition: transform 0.2s ease, box-shadow 0.2s ease;}
.emitra-hero-play-badge:hover {transform: translateX(-50%) translateY(-2px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);}
.emitra-hero-play-icon {width: 20px; height: 20px; background-color: rgba(3, 82, 32, 0.08); color: var(--emitra-green) !important; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 9px; padding-left: 2px;}
.emitra-hero-play-text {font-size: 12.5px; font-weight: 600; color: var(--emitra-dark);}
/* Responsiveness overrides */
@media only screen and (max-width: 68em) {
.emitra-hero-left-group {left: -20px;}
.emitra-hero-right-group {right: -20px;}
}
@media only screen and (max-width: 48em) {
.emitra-hero-left-group, .emitra-hero-right-group {display: none !important;}
.emitra-hero-image-container {margin-top: 15px;}
.emitra-hero-play-badge {bottom: 15px;}
}
/* --- Partners Logo Marquee Slider --- */
.partners-marquee-container {width: 100%; overflow: hidden; position: relative; padding: 15px 0; background-color: transparent;}
.partners-marquee-wrapper {overflow: hidden; width: 100%;}
.partners-marquee-track {display: flex; width: max-content; align-items: center; animation: partners-marquee-scroll var(--marquee-speed, 30s) linear infinite;}
/* Scroll Animation right-to-left */
@keyframes partners-marquee-scroll {
0% {transform: translateX(0);}
100% {transform: translateX(-50%);}
}
/* Pause scroll on hover */
.partners-marquee-track:hover {animation-play-state: paused;}
.partners-marquee-content {display: flex; align-items: center; gap: var(--marquee-gap, 50px); padding-right: var(--marquee-gap, 50px);}
/* Individual partner logo item */
.partner-logo-item {display: flex; align-items: center; gap: 12px; height: var(--marquee-height, 35px); user-select: none;}
/* SVG icons styling inside partner item */
.partner-logo-icon {display: inline-flex; align-items: center; justify-content: center; height: 100%;}
.partner-logo-icon svg {height: 100%; width: auto; max-height: 100%; object-fit: contain;}
/* Text name next to icon */
.partner-logo-text {font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 700 !important; color: #035220 !important; white-space: nowrap;}
/* Image logo styling (fallback for custom image uploads) */
.partner-logo-img {height: var(--marquee-height, 35px); width: auto; max-height: 100%; object-fit: contain; display: block; border-radius: 10px !important;}
/* Individual Logo Color Mode Styling */
.partner-logo-item.color-grayscale .partner-logo-icon svg, 
.partner-logo-item.color-grayscale .partner-logo-img {
  filter: grayscale(100%);
  opacity: 0.55;
  transition: all 0.3s ease;
}
.partner-logo-item.color-grayscale .partner-logo-text {
  color: #888888 !important;
  opacity: 0.7;
  transition: all 0.3s ease;
}

/* Hover effects for Grayscale Mode */
.partner-logo-item.color-grayscale:hover .partner-logo-icon svg, 
.partner-logo-item.color-grayscale:hover .partner-logo-img {
  filter: grayscale(0%);
  opacity: 1;
}
.partner-logo-item.color-grayscale:hover .partner-logo-text {
  color: #035220 !important;
  opacity: 1;
}

/* Original Mode Styling */
.partner-logo-item.color-original .partner-logo-icon svg, 
.partner-logo-item.color-original .partner-logo-img {
  filter: none;
  opacity: 1;
}
.partner-logo-item.color-original .partner-logo-text {
  color: #035220 !important;
  opacity: 1;
}
/* --- Info Section Styles --- */
.emitra-info-section {background-color: #f4f9f6 !important; /* light green background */ padding: 85px 0 !important;}
.emitra-info-badge {display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; padding: 8px 20px !important; background-color: #e8f5ec !important; border: 1px solid #d0ebd8 !important; border-radius: 100px !important; font-size: 13px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; margin-bottom: 30px !important; margin-left: auto !important; margin-right: auto !important;}
.emitra-info-badge span {color: var(--emitra-green) !important; font-family: var(--emitra-font-sans) !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important;}
.emitra-info-badge svg {color: var(--emitra-green) !important; stroke: var(--emitra-green) !important; fill: none !important; width: 14px !important; height: 14px !important; flex-shrink: 0 !important; display: inline-block !important;}
.emitra-info-title {font-size: 42px !important; line-height: 1.35 !important; font-weight: 600 !important; color: var(--emitra-dark) !important; max-width: 950px; margin: 0 auto 40px !important; text-align: center; letter-spacing: -0.5px;}
.emitra-info-title .highlight-green {color: var(--emitra-green) !important; font-weight: 600;}
.emitra-info-pills {display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; max-width: 800px; margin: 0 auto;}
.emitra-info-pill {display: inline-block; padding: 10px 24px; background-color: var(--emitra-white); border: 1px solid rgba(3, 82, 32, 0.15); border-radius: 100px; font-size: 14px; font-weight: 500; color: var(--emitra-green) !important; cursor: pointer; text-decoration: none !important; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.01); user-select: none;}
.emitra-info-pill:hover {background-color: var(--emitra-green) !important; color: var(--emitra-white) !important; border-color: var(--emitra-green) !important; transform: translateY(-2px); box-shadow: var(--emitra-btn-primary-shadow);}
@media only screen and (max-width: 48em) {
.emitra-info-section {padding: 50px 0 !important;}
.emitra-info-title {font-size: 26px !important; line-height: 1.4 !important;}
.emitra-info-pills {display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; width: 100% !important; padding: 0 15px !important; box-sizing: border-box !important;}
.emitra-info-pill {display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; padding: 10px 6px !important; font-size: 12.5px !important; line-height: 1.2 !important; min-height: 44px !important; border-radius: 100px !important; box-sizing: border-box !important; margin: 0 !important;}
}
/* --- Features Section Bento Grid --- */
.emitra-features-section {background-color: var(--emitra-white) !important; padding: 85px 0 !important;}
.emitra-features-badge {display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; padding: 8px 20px !important; background-color: #e8f5ec !important; border: 1px solid #d0ebd8 !important; border-radius: 100px !important; font-size: 13px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; margin-bottom: 25px !important; margin-left: auto !important; margin-right: auto !important; box-shadow: 0 4px 10px rgba(3, 82, 32, 0.05);}
.emitra-features-badge span {color: var(--emitra-green) !important; font-family: var(--emitra-font-sans) !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important;}
.emitra-features-badge svg {color: var(--emitra-green) !important; stroke: var(--emitra-green) !important; fill: none !important; width: 14px !important; height: 14px !important; flex-shrink: 0 !important; display: inline-block !important;}
.emitra-features-title {font-family: var(--emitra-font-sans) !important; font-size: 38px !important; line-height: 1.25 !important; font-weight: 700 !important; color: var(--emitra-dark) !important; max-width: 700px; margin: 0 auto 45px !important; text-align: center; letter-spacing: -0.8px;}
.emitra-bento-container {background-color: #f7f9f8; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 28px; padding: 32px 32px 8px 32px; box-sizing: border-box; width: 100%;}
.emitra-bento-row {margin-bottom: 24px !important;}
.emitra-bento-row:last-child {margin-bottom: 0 !important;}
.emitra-bento-card-col > .col-inner {background-color: var(--emitra-white) !important; border-radius: 20px !important; border: 1px solid rgba(0, 0, 0, 0.03) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.015), 0 2px 4px rgba(0, 0, 0, 0.01) !important; padding: 28px !important; box-sizing: border-box; transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important; text-align: left; height: 100%;}
.emitra-bento-card-col:hover > .col-inner {transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.04), 0 4px 10px rgba(0, 0, 0, 0.01) !important;}
.emitra-bento-img-col .img-inner {border-radius: 16px !important; overflow: hidden !important; height: 170px !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);}
.emitra-bento-img img {height: 170px !important; object-fit: cover !important; width: 100% !important;}
.emitra-bento-box-native {margin: 0 !important; padding: 0 !important;}
.emitra-bento-box-native .icon-box {display: flex !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important;}
.emitra-bento-box-native .icon-inner {background-color: var(--emitra-green) !important; width: 40px !important; height: 40px !important; border-radius: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 10px rgba(3, 82, 32, 0.2) !important; border: none !important; margin-bottom: 16px !important;}
.emitra-bento-box-native .icon-box-img {width: 40px !important; height: 40px !important; margin: 0 0 16px 0 !important;}
.emitra-bento-box-native .icon-inner img {width: 20px !important; height: 20px !important; max-width: 20px !important; max-height: 20px !important; object-fit: contain !important;}
.emitra-bento-card-title {font-family: var(--emitra-font-sans) !important; font-size: 20px !important; font-weight: 700 !important; color: var(--emitra-dark) !important; margin-bottom: 8px !important; margin-top: 0 !important; line-height: 1.3 !important;}
.emitra-bento-card-desc {font-family: var(--emitra-font-sans) !important; font-size: 14px !important; color: var(--emitra-gray) !important; line-height: 1.5 !important; margin: 0 !important;}
.emitra-bento-flex-card {display: flex !important; align-items: center !important; gap: 28px !important; height: 100% !important; width: 100% !important; box-sizing: border-box !important;}
.emitra-bento-flex-card .emitra-bento-img-col {width: 45% !important; flex-shrink: 0 !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important;}
.emitra-bento-flex-card .emitra-bento-content-col {flex-grow: 1 !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important;}
@media only screen and (max-width: 48em) {
.emitra-features-section {padding: 55px 0 !important;}
.emitra-features-title {font-size: 26px !important; line-height: 1.3 !important; margin-bottom: 30px !important;}
.emitra-bento-container {padding: 16px !important; border-radius: 20px !important;}
.emitra-bento-row {margin-bottom: 16px !important;}
.emitra-bento-row:last-child {margin-bottom: 0 !important;}
.emitra-bento-card-col > .col-inner {padding: 20px !important;}
.emitra-bento-flex-card {flex-direction: column !important; align-items: flex-start !important; gap: 20px !important;}
.emitra-bento-flex-card .emitra-bento-img-col {width: 100% !important; margin-bottom: 16px !important;}
.emitra-bento-flex-card .emitra-bento-img-col .img-inner {height: 180px !important;}
.emitra-bento-flex-card .emitra-bento-img-col img {height: 180px !important;}
.emitra-bento-card-title {font-size: 18px !important;}
}
/* --- Premium Blog Bento Grid & Single Post Styles --- */
.emitra-blog-section-wrapper {margin-top: 40px;}
.emitra-blog-row-top {margin-bottom: 0 !important;}
.emitra-blog-row-bottom {margin-bottom: 0 !important;}
.emitra-blog-row-top .col-inner, .emitra-blog-row-bottom .col-inner {height: 100% !important; display: flex !important; flex-direction: column !important;}
/* Card Styling */
.emitra-blog-card {display: flex !important; flex-direction: column !important; justify-content: space-between !important; height: 100% !important; box-sizing: border-box !important; overflow: hidden !important;}
.emitra-blog-card:hover {transform: translateY(-6px) !important; box-shadow: var(--emitra-btn-secondary-shadow) !important;}
/* Meta Data (Category pill & Date) */
.emitra-blog-card-meta {display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 18px !important; flex-wrap: wrap !important;}
.emitra-blog-card-category {display: inline-block !important; padding: 4px 14px !important; background-color: var(--emitra-translucent-green) !important; border: 1px solid rgba(3, 82, 32, 0.12) !important; color: var(--emitra-green) !important; border-radius: 100px !important; font-size: 13px !important; font-weight: 600 !important; text-transform: none !important;}
.emitra-blog-card-date {font-size: 13px !important; color: var(--emitra-gray) !important; font-weight: 400 !important;}
/* Title */
.emitra-blog-card-title {font-weight: 700 !important; color: var(--emitra-dark) !important; margin-top: 0 !important; margin-bottom: 12px !important; line-height: 1.35 !important;}
.emitra-blog-card-img-below .emitra-blog-card-title {font-size: 24px !important;}
.emitra-blog-card-img-above .emitra-blog-card-title {font-size: 19px !important;}
.emitra-blog-card-title a {color: var(--emitra-dark) !important; text-decoration: none !important; transition: color 0.2s ease !important;}
.emitra-blog-card-title a:hover {color: var(--emitra-green) !important;}
/* Excerpt */
.emitra-blog-card-excerpt {font-size: 14.5px !important; line-height: 1.55 !important; color: var(--emitra-gray) !important; margin-bottom: 24px !important;}
/* Image Container */
.emitra-blog-card-image {border-radius: 20px !important; overflow: hidden !important; position: relative !important; width: 100% !important; background-color: var(--emitra-light) !important;}
.emitra-blog-card-img-below .emitra-blog-card-image {height: 250px !important; margin-top: auto !important;}
  /* Push image to bottom */
.emitra-blog-card-img-above .emitra-blog-card-image {height: 190px !important; margin-bottom: 24px !important;}
.emitra-blog-card-image a {display: block !important; width: 100% !important; height: 100% !important;}
.emitra-blog-card-image img {width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;}
.emitra-blog-card:hover .emitra-blog-card-image img {transform: scale(1.04) !important;}
/* --- Single Post Custom Page Style --- */
.emitra-single-post-wrapper {background-color: #fafafa !important; padding: 80px 0 !important;}
.emitra-single-post-container {max-width: 1080px !important; margin: 0 auto !important; padding: 0 24px !important;}
.emitra-single-post-header {text-align: center !important; margin-bottom: 45px !important;}
.emitra-single-post-meta {display: inline-flex !important; align-items: center !important; gap: 10px !important; margin-bottom: 20px !important; font-size: 14px !important;}
.emitra-single-post-date {color: var(--emitra-gray) !important;}
.emitra-single-post-meta-separator {color: #ccc !important;}
.emitra-single-post-category {color: var(--emitra-green) !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important;}
.emitra-single-post-title {font-size: 52px !important; line-height: 1.2 !important; font-weight: 600 !important; color: var(--emitra-dark) !important; max-width: 820px !important; margin: 0 auto !important; text-align: center !important; letter-spacing: -0.5px !important;}
.emitra-single-post-block {max-width: 740px !important; margin: 0 auto !important;}
.emitra-single-post-featured-image {margin: 0 auto 40px !important; width: 100% !important; aspect-ratio: 16 / 9 !important; border-radius: 24px !important; overflow: hidden !important; box-shadow: var(--emitra-shadow) !important;}
.emitra-single-post-featured-image img {width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; object-position: center !important;}
.emitra-single-post-article {width: 100% !important; max-width: 100% !important; margin: 0 !important; background: transparent !important; border: none !important; border-radius: 0 !important; padding: 0 !important; box-shadow: none !important;}
.emitra-single-post-content {font-size: 16px !important; line-height: 1.75 !important;}
.emitra-single-post-content p {margin-bottom: 24px !important;}
.emitra-single-post-content h2, .emitra-single-post-content h3 {font-weight: 700 !important; margin-top: 40px !important; margin-bottom: 16px !important;}
.emitra-single-post-content h2 {font-size: 28px !important;}
.emitra-single-post-content h3 {font-size: 22px !important;}
.emitra-single-post-content ul, .emitra-single-post-content ol {margin-bottom: 24px !important; padding-left: 20px !important;}
.emitra-single-post-content li {margin-bottom: 8px !important; line-height: 1.7 !important;}
.emitra-single-post-content img {border-radius: 16px !important; margin: 30px 0 !important;}
.emitra-related-posts-section {max-width: 850px !important; margin: 50px auto 0 !important;}
/* --- Mobile Responsiveness --- */
@media only screen and (max-width: 48em) {
.emitra-blog-row-top {margin-bottom: 0 !important;}
.emitra-blog-row-top .col, .emitra-blog-row-bottom .col {margin-bottom: 20px !important;}
.emitra-blog-card {padding: 24px !important; border-radius: 20px !important;}
.emitra-blog-card-img-below .emitra-blog-card-image {height: 200px !important; margin-top: 20px !important;}
.emitra-blog-card-img-above .emitra-blog-card-image {height: 170px !important; margin-bottom: 20px !important;}
.emitra-single-post-wrapper {padding: 40px 0 !important;}
.emitra-single-post-title {font-size: 32px !important;}
.emitra-single-post-featured-image {margin-bottom: 35px !important; border-radius: 16px !important;}
.emitra-single-post-article {padding: 0 !important; border-radius: 0 !important;}
.emitra-single-post-divider {margin: 40px auto !important;}
}
.emitra-blog-viewall {margin-top: 15px !important; margin-bottom: 0 !important;}
/* Premium Header Badge with Circular Icon */
.emitra-badge-pill {display: inline-flex !important; align-items: center !important; background-color: var(--emitra-white) !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; border-radius: 100px !important; padding: 4px 16px 4px 4px !important; box-shadow: 0 2px 6px rgba(0,0,0,0.02) !important; margin-bottom: 20px !important;}
.emitra-badge-circle-icon {background-color: var(--emitra-green) !important; width: 26px !important; height: 26px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--emitra-white) !important; flex-shrink: 0 !important; box-shadow: 0 2px 5px rgba(3, 82, 32, 0.25) !important;}
.emitra-badge-svg {width: 12px !important; height: 12px !important; stroke: var(--emitra-white) !important; stroke-width: 3px !important; display: block !important;}
.emitra-badge-text {font-size: 13.5px !important; font-weight: 600 !important; color: var(--emitra-dark) !important; margin-left: 10px !important; text-transform: none !important; line-height: 1 !important;}

/* Blog Category Link Hover Styles */
a.emitra-blog-card-category, 
a.emitra-single-post-category {
  text-decoration: none !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
a.emitra-blog-card-category:hover {
  background-color: var(--emitra-green) !important;
  color: var(--emitra-white) !important;
  border-color: var(--emitra-green) !important;
  transform: translateY(-1px);
}
a.emitra-single-post-category:hover {
  color: var(--emitra-green) !important;
  opacity: 0.85;
}

/* Premium Element: Icon Box ESG */
.emitra-icon-box-esg {
  display: inline-flex !important;
  align-items: center !important;
  background-color: var(--emitra-white) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 100px !important;
  padding: 6px 20px 6px 6px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
  margin-bottom: 20px !important;
  vertical-align: middle !important;
}

.emitra-icon-box-esg-circle {
  background-color: var(--emitra-green) !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--emitra-white) !important;
  flex-shrink: 0 !important;
  box-shadow: 0 2px 8px rgba(3, 82, 32, 0.2) !important;
}

.emitra-icon-box-esg-icon-img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  display: block !important;
}

.emitra-icon-box-esg-default-svg {
  width: 18px !important;
  height: 18px !important;
  color: var(--emitra-white) !important;
  display: block !important;
}

.emitra-icon-box-esg-text {
  font-family: var(--emitra-font-sans) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--emitra-green) !important;
  margin-left: 12px !important;
  text-transform: none !important;
  line-height: 1 !important;
  letter-spacing: -0.2px !important;
}

/* Extreme Specificity Overrides to Left-Align Pricing Cards */
html body .pricing-table-wrapper .emitra-pricing-card.pricing-table {
  align-items: flex-start !important;
  text-align: left !important;
}

html body .pricing-table-wrapper .emitra-pricing-card .pricing-table-header {
  align-items: flex-start !important;
  text-align: left !important;
}

html body .pricing-table-wrapper .emitra-pricing-card .pricing-table-items {
  align-items: flex-start !important;
  text-align: left !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 20px 0 0 0 !important;
  padding: 0 !important;
}

html body .pricing-table-wrapper .emitra-pricing-card .bullet-item {
  display: flex !important;
  align-items: flex-start !important;
  align-self: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
  margin: 3px 0 !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  width: auto !important;
  max-width: 100% !important;
}

html body .pricing-table-wrapper .emitra-pricing-card .bullet-item .text {
  text-align: left !important;
}

html body .pricing-table-wrapper .emitra-pricing-card .emitra-pricing-list-header {
  text-align: left !important;
  align-self: flex-start !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

html body .pricing-table-wrapper .emitra-pricing-card .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: flex-start !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  width: auto !important;
  text-align: left !important;
}

html body .pricing-table-wrapper .emitra-pricing-card .button span {
  text-align: left !important;
}

/* --- Premium Team Member Styling --- */
/* Target team member boxes via the presence of .person-name */
.box:has(.person-name) {
  background-color: var(--emitra-white) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 24px !important;
  padding: 35px 24px !important;
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.015) !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.box:has(.person-name):hover {
  transform: translateY(-6px) !important;
  border-color: rgba(3, 82, 32, 0.15) !important;
  box-shadow: var(--emitra-shadow) !important;
}

/* Photo Container - Round shape for transparent cut-off portraits */
.box:has(.person-name) .box-image {
  width: 140px !important;
  height: 140px !important;
  max-width: 140px !important;
  margin: 0 auto 24px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  border: 4px solid var(--emitra-white) !important;
  box-shadow: 0px 8px 20px rgba(3, 82, 32, 0.08) !important;
  background-color: #f2f7f4 !important; /* Soft green-grey background behind transparent photo */
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.box:has(.person-name) .box-image-inner {
  padding-top: 100% !important; /* Override standard Flatsome ratio */
  border-radius: 50% !important;
  height: 100% !important;
}

.box:has(.person-name) .box-image-inner img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important; /* Keep faces focused */
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Hover Zoom on image */
.box:has(.person-name):hover .box-image {
  transform: scale(1.04) !important;
  border-color: var(--emitra-green) !important;
  box-shadow: 0px 12px 24px rgba(3, 82, 32, 0.15) !important;
}

.box:has(.person-name):hover .box-image-inner img {
  transform: scale(1.08) !important;
}

/* Text Container */
.box:has(.person-name) .box-text {
  padding: 0 !important;
  margin: 0 !important;
}

.box:has(.person-name) .box-text-inner {
  padding: 0 !important;
}

/* Person Name */
.box:has(.person-name) .person-name {
  font-family: var(--emitra-font-sans) !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  color: var(--emitra-dark) !important;
  text-transform: none !important; /* Remove harsh uppercase */
  letter-spacing: -0.3px !important;
  display: block !important;
  margin-bottom: 8px !important;
  transition: color 0.3s ease !important;
}

.box:has(.person-name):hover .person-name {
  color: var(--emitra-green) !important;
}

/* Biography / Role Description */
.box:has(.person-name) .box-text p {
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  color: var(--emitra-gray) !important;
  margin: 0 !important;
}

/* First line of description (Job Title) - style it slightly bolder and darker */
.box:has(.person-name) .box-text p::first-line {
  font-weight: 600 !important;
  color: var(--emitra-dark) !important;
}/* --- Premium Footer Styling --- */
/* Outer footer section */
.emitra-footer-section {
  background-color: #f4f6f8 !important; /* Premium grey-blue background */
}

/* White footer card */
.emitra-footer-card > .col-inner {
  background-color: var(--emitra-white) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-radius: 24px !important;
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.015) !important;
  padding: 45px 50px 35px !important;
}

@media only screen and (max-width: 48em) {
  .emitra-footer-card > .col-inner {
    padding: 30px 20px 20px !important;
    border-radius: 16px !important;
  }
}

/* Top Row - Logo and Socials */
.emitra-footer-top-row {
  margin-bottom: 24px !important;
}

.emitra-footer-social-col .social-icons {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
}

/* Style the standard Flatsome follow social buttons */
.emitra-footer-social-col .social-icons a {
  background-color: var(--emitra-white) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 12px !important;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.02) !important;
  color: var(--emitra-green) !important;
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.emitra-footer-social-col .social-icons a i {
  font-size: 16px !important;
  line-height: 1 !important;
}

.emitra-footer-social-col .social-icons a:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(3, 82, 32, 0.15) !important;
  box-shadow: 0px 8px 16px rgba(3, 82, 32, 0.1) !important;
  background-color: var(--emitra-translucent-green) !important;
}

/* Middle Row - Nav links */
.emitra-footer-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
}

.emitra-footer-links a {
  color: var(--emitra-dark) !important;
  font-weight: 600 !important;
  font-size: 14.5px !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
  border-bottom: 1px solid transparent !important;
}

.emitra-footer-links a:hover {
  color: var(--emitra-green) !important;
  border-bottom-color: var(--emitra-green) !important;
}

/* Bottom Row - Copyright and Attribution */
.emitra-footer-copyright {
  font-size: 14px !important;
  color: var(--emitra-gray) !important;
  margin: 0 !important;
}

.emitra-footer-attribution {
  font-size: 14px !important;
  color: var(--emitra-gray) !important;
  margin: 0 !important;
}

.emitra-footer-attribution a {
  color: var(--emitra-dark) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent !important;
  transition: all 0.25s ease !important;
}

.emitra-footer-attribution a:hover {
  color: var(--emitra-green) !important;
  border-bottom-color: var(--emitra-green) !important;
}

/* Mobile responsive adjustments */
@media only screen and (max-width: 48em) {
  .emitra-footer-top-row .col,
  .emitra-footer-middle-row .col,
  .emitra-footer-bottom-row .col {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 24px !important;
  }
  
  .emitra-footer-social-col {
    justify-content: center !important;
    margin-bottom: 15px !important;
  }

  .emitra-footer-links {
    justify-content: center !important;
    gap: 16px 20px !important;
  }

  .emitra-footer-bottom-row .col {
    margin-bottom: 12px !important;
  }
  
  .emitra-footer-attribution-col {
    text-align: center !important;
    margin-bottom: 0 !important;
  }
}

/* Style the logo inside footer card */
.emitra-footer-logo {
  padding: 0 !important;
  margin: 0 !important;
  display: inline-block !important;
}

.emitra-footer-logo .ux-logo-link {
  padding: 0 !important;
  display: inline-block !important;
}

.emitra-footer-logo img {
  height: 38px !important; /* Clean premium logo height */
  width: auto !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* --- Premium Footer Flexbox Layout --- */
.emitra-footer-top-flex {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 24px !important;
  width: 100% !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

.emitra-footer-middle-flex {
  width: 100% !important;
  margin-bottom: 24px !important;
}

.emitra-footer-bottom-flex {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

/* Mobile responsive adjustments for flex footer */
@media only screen and (max-width: 48em) {
  .emitra-footer-top-flex {
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }
  
  .emitra-footer-logo-wrap,
  .emitra-footer-social-wrap {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }
  
  .emitra-footer-links {
    justify-content: center !important;
    gap: 12px 16px !important;
  }

  .emitra-footer-bottom-flex {
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }
  
  .emitra-footer-copyright-wrap,
  .emitra-footer-attribution-wrap {
    text-align: center !important;
    width: 100% !important;
  }
}/* --- Contact Page Custom Styling --- */
/* Hero section */
.emitra-contact-hero {
  background-color: var(--emitra-white) !important;
  text-align: center !important;
}

.emitra-contact-title {
  font-family: var(--emitra-font-sans) !important;
  font-size: 52px !important;
  font-weight: 700 !important;
  color: var(--emitra-dark) !important;
  letter-spacing: -1px !important;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.emitra-contact-subtitle {
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: var(--emitra-gray) !important;
  max-width: 600px !important;
  margin: 0 auto !important;
}

@media only screen and (max-width: 48em) {
  .emitra-contact-title {
    font-size: 36px !important;
  }
}

/* Info Cards on Left */
.emitra-contact-info-card {
  background-color: var(--emitra-white) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-radius: 20px !important;
  padding: 35px 30px !important;
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.015) !important;
  margin-bottom: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.emitra-contact-info-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(3, 82, 32, 0.12) !important;
  box-shadow: var(--emitra-shadow) !important;
}

.emitra-contact-icon-wrapper {
  margin-bottom: 20px !important;
}

.emitra-contact-icon-circle {
  background-color: var(--emitra-green) !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--emitra-white) !important;
  box-shadow: 0px 4px 10px rgba(3, 82, 32, 0.2) !important;
}

.emitra-contact-info-card h3 {
  font-family: var(--emitra-font-sans) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--emitra-dark) !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

.emitra-contact-info-card p {
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  color: var(--emitra-gray) !important;
  margin-bottom: 20px !important;
}

.emitra-contact-link {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--emitra-green) !important;
  text-decoration: none !important;
  border-bottom: 1.5px solid var(--emitra-green) !important;
  transition: all 0.25s ease !important;
}

.emitra-contact-link:hover {
  color: var(--emitra-green) !important;
  opacity: 0.8 !important;
  border-bottom-color: transparent !important;
}

/* Form Card on Right */
.emitra-contact-form-card {
  background-color: var(--emitra-white) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-radius: 20px !important;
  padding: 45px !important;
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.015) !important;
}

@media only screen and (max-width: 48em) {
  .emitra-contact-form-card {
    padding: 30px 20px !important;
  }
  .emitra-contact-form-col {
    margin-top: 30px !important;
  }
}

.emitra-contact-form-note {
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  color: var(--emitra-gray) !important;
  margin-top: 20px !important;
  text-align: center !important;
}

/* Contact Form 7 Form Fields Custom Styling */
.emitra-contact-form-card .emitra-cf7-field {
  margin-bottom: 20px !important;
}

.emitra-contact-form-card .emitra-cf7-field label {
  display: block !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--emitra-dark) !important;
  margin-bottom: 8px !important;
}

/* Style the text, email, and textarea inputs */
.emitra-contact-form-card .wpcf7-form-control-wrap {
  display: block !important;
  width: 100% !important;
}

.emitra-contact-form-card input[type="text"],
.emitra-contact-form-card input[type="email"],
.emitra-contact-form-card textarea {
  width: 100% !important;
  max-width: 100% !important;
  background-color: #f8f9fa !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  font-size: 14.5px !important;
  color: var(--emitra-dark) !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;
}

.emitra-contact-form-card input[type="text"]:focus,
.emitra-contact-form-card input[type="email"]:focus,
.emitra-contact-form-card textarea:focus {
  background-color: var(--emitra-white) !important;
  border-color: var(--emitra-green) !important;
  box-shadow: 0 0 0 3px rgba(3, 82, 32, 0.08) !important;
  outline: none !important;
}

.emitra-contact-form-card textarea {
  height: 120px !important;
  resize: vertical !important;
}

/* Style the CF7 submit button */
.emitra-contact-form-card input[type="submit"] {
  width: 100% !important;
  background-color: var(--emitra-green) !important;
  color: var(--emitra-white) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 16px !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0px 4px 12px rgba(3, 82, 32, 0.15) !important;
}

.emitra-contact-form-card input[type="submit"]:hover {
  background-color: var(--emitra-green) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0px 6px 18px rgba(3, 82, 32, 0.25) !important;
}

.emitra-contact-form-card input[type="submit"]:active {
  transform: translateY(0) !important;
}

/* Contact Form 7 Response Output & Validation Styling */
.wpcf7-response-output {
  margin: 20px 0 0 0 !important;
  padding: 15px 20px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  border: 1px solid transparent !important;
  text-align: center !important;
}

/* Success status (mail sent) */
.wpcf7-form.sent .wpcf7-response-output {
  background-color: rgba(3, 82, 32, 0.05) !important;
  border-color: rgba(3, 82, 32, 0.15) !important;
  color: var(--emitra-green) !important;
}

/* Error/validation statuses */
.wpcf7-form.failed .wpcf7-response-output,
.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.unspam .wpcf7-response-output {
  background-color: rgba(220, 53, 69, 0.05) !important;
  border-color: rgba(220, 53, 69, 0.15) !important;
  color: #dc3545 !important;
}

/* Field validation error tip */
.wpcf7-not-valid-tip {
  color: #dc3545 !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  margin-top: 6px !important;
  display: block !important;
}

/* --- Technology Page Custom Styling --- */
.emitra-tech-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 20px;
  font-family: var(--emitra-font-sans);
}

.emitra-tech-hero {
  text-align: left;
  margin-bottom: 50px;
}

.emitra-tech-subtitle {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--emitra-green) !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  display: block !important;
  margin-bottom: 12px !important;
}

.emitra-tech-title {
  font-size: 44px !important;
  font-weight: 700 !important;
  color: var(--emitra-dark) !important;
  line-height: 1.25 !important;
  letter-spacing: -0.8px !important;
  margin-bottom: 20px !important;
  max-width: 800px;
}

.emitra-tech-title .highlight-green-serif {
  color: var(--emitra-green) !important;
  font-family: Georgia, serif !important;
  font-style: italic !important;
  font-weight: normal !important;
}

.emitra-tech-desc {
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: var(--emitra-gray) !important;
  max-width: 650px;
  margin: 0 !important;
}

/* Tabs Bar */
.emitra-tech-tabs-bar-wrapper {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 40px;
}

.emitra-tech-tabs-bar {
  display: flex;
  gap: 40px;
  overflow-x: auto;
  scrollbar-width: none; /* Firefox */
}

.emitra-tech-tabs-bar::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

.emitra-tech-tab-btn {
  background: none !important;
  border: none !important;
  border-bottom: 3px solid transparent !important;
  padding: 15px 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--emitra-gray) !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.emitra-tech-tab-btn.active {
  color: var(--emitra-green) !important;
  border-bottom-color: var(--emitra-green) !important;
}

.emitra-tech-tab-btn:hover {
  color: var(--emitra-green) !important;
}

/* Tab Panels */
.emitra-tech-tab-panel {
  display: none;
}

.emitra-tech-tab-panel.active {
  display: block;
  animation: fadeIn 0.4s ease;
}

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

.emitra-tech-panel-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 60px;
  align-items: center;
  margin-bottom: 50px;
}

@media only screen and (max-width: 48em) {
  .emitra-tech-panel-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

.emitra-tech-panel-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.emitra-tech-panel-index {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--emitra-gray) !important;
  letter-spacing: 1px !important;
  margin-bottom: 15px !important;
  display: block !important;
}

.emitra-tech-panel-heading {
  font-size: 32px !important;
  font-weight: 700 !important;
  color: var(--emitra-dark) !important;
  line-height: 1.3 !important;
  letter-spacing: -0.5px !important;
  margin-bottom: 24px !important;
}

.emitra-tech-panel-heading .highlight-green-serif {
  color: var(--emitra-green) !important;
  font-family: Georgia, serif !important;
  font-style: italic !important;
  font-weight: normal !important;
}

.emitra-tech-panel-body p {
  font-size: 15.5px !important;
  line-height: 1.65 !important;
  color: var(--emitra-gray) !important;
  margin-bottom: 16px !important;
}

/* Image Card */
.emitra-tech-image-card {
  background-color: var(--emitra-white);
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.015);
}

.emitra-tech-image-card img {
  width: 100% !important;
  height: auto !important;
  border-radius: 16px !important;
  display: block !important;
}

/* Specifications Grid */
.emitra-tech-specs-section {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding-top: 40px;
}

.emitra-tech-specs-label {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--emitra-gray) !important;
  letter-spacing: 1.5px !important;
  display: block !important;
  margin-bottom: 25px !important;
  text-transform: uppercase !important;
}

.emitra-tech-specs-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  overflow: hidden;
  background-color: var(--emitra-white);
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.01);
}

@media only screen and (max-width: 48em) {
  .emitra-tech-specs-grid {
    grid-template-columns: 1fr;
  }
}

.emitra-tech-spec-cell {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding: 30px 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.emitra-tech-spec-title {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--emitra-gray) !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
  display: block !important;
}

.emitra-tech-spec-value {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--emitra-dark) !important;
  line-height: 1.4 !important;
  display: block !important;
}

.emitra-tech-spec-value.spec-highlight-green {
  color: var(--emitra-green) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}

/* --- Adapting Native Flatsome Tab Groups to Mockup Layout --- */
.emitra-technology-tabs-wrapper .tabbed-content ul.nav {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  margin-bottom: 45px !important;
  display: flex !important;
  justify-content: center !important;
  gap: 40px !important;
  padding: 0 !important;
  list-style: none !important;
}

.emitra-technology-tabs-wrapper .tabbed-content ul.nav > li {
  margin: 0 !important;
  padding: 0 !important;
}

.emitra-technology-tabs-wrapper .tabbed-content ul.nav > li > a {
  font-family: var(--emitra-font-sans) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--emitra-gray) !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  padding: 15px 0 !important;
  border-bottom: 3px solid transparent !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  transition: all 0.25s ease !important;
  display: inline-block !important;
}

.emitra-technology-tabs-wrapper .tabbed-content ul.nav > li.active > a,
.emitra-technology-tabs-wrapper .tabbed-content ul.nav > li > a:hover {
  color: var(--emitra-green) !important;
  border-bottom-color: var(--emitra-green) !important;
}

/* Ensure specifications row and cells are styled correctly in grid even with Flatsome wrapper classes */
.emitra-tech-specs-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  border-left: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background-color: var(--emitra-white) !important;
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.01) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

.emitra-tech-specs-grid::before,
.emitra-tech-specs-grid::after {
  display: none !important; /* Remove float clearfix divs from Flatsome row */
}

@media only screen and (max-width: 48em) {
  .emitra-tech-specs-grid {
    grid-template-columns: 1fr !important;
  }
}

.emitra-tech-spec-cell {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  border-right: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  padding: 30px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  margin: 0 !important;
}

/* Fix panel animation inside native tab panels */
.emitra-technology-tabs-wrapper .tab-panels .panel {
  animation: fadeIn 0.4s ease;
}

/* Remove default padding from native tab panel container */
.emitra-technology-tabs-wrapper .tab-panels {
  padding: 0 !important;
  margin: 0 !important;
}

/* Custom class for panels left/right columns spacing */
.emitra-tech-panel-row {
  margin-bottom: 40px !important;
}