.elementor-1176 .elementor-element.elementor-element-2fc7127{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1176 .elementor-element.elementor-element-7052877{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1176 .elementor-element.elementor-element-38314c0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1176 .elementor-element.elementor-element-e53b74b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1176 .elementor-element.elementor-element-4dd52cf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1176 .elementor-element.elementor-element-0ff7fa2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1176 .elementor-element.elementor-element-c131bd0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1176 .elementor-element.elementor-element-5e43a1a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1176 .elementor-element.elementor-element-38314c0{--content-width:1320px;}.elementor-1176 .elementor-element.elementor-element-4dd52cf{--content-width:1320px;}.elementor-1176 .elementor-element.elementor-element-c131bd0{--content-width:1400px;}}/* Start custom CSS for html, class: .elementor-element-4062126 *//* Section Base Container & Background Elements */
.industry-hero-section {
  width: 100%;
  position: relative;
  background-color: #ffffff;
  overflow: hidden;
  padding: 60px 0;
}

/* Creating the diagonal decorative corners natively using background blends */
.industry-hero-section::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  /* Bottom Left Red Accent Angle */
  background: linear-gradient(35deg, #d13a3a 12%, transparent 12.5%);
  z-index: 1;
}

.industry-hero-section::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  /* Bottom Right Navy/Red Combined Angle */
  background: linear-gradient(-35deg, #0c2340 10%, #d13a3a 10.5%, #d13a3a 12%, transparent 12.5%);
  z-index: 1;
}

/* Inner Layout Grid */
.hero-container {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr; /* Gives slightly more space to left typography text */
  align-items: center;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
  position: relative;
  z-index: 2; /* Sits above the background angles */
}

/* Content Column Styling */
.hero-content-col {
  padding-right: 40px;
}

/* Subtitle */
.hero-subheading {
  font-family: 'Inter', sans-serif;
  font-size: 0.85rem;
  font-weight: 800;
  color: #d13a3a;
  letter-spacing: 1.5px;
  display: block;
  margin-bottom: 16px;
}

/* Heading Typography: Sora */
.hero-heading {
  font-family: 'Sora', sans-serif;
  font-size: 2.8rem;
  font-weight: 800;
  color: #0c2340;
  line-height: 1.15;
  margin: 0 0 24px 0;
  letter-spacing: -0.5px;
}

.hero-heading .highlight-red {
  color: #d13a3a;
}

/* Description Typography: Inter */
.hero-description {
  font-family: 'Inter', sans-serif;
  font-size: 1.05rem;
  color: #556370;
  line-height: 1.6;
  margin: 0 0 44px 0;
  max-width: 520px;
}

/* Mini Features Row Setup */
.hero-mini-features {
  display: flex;
  gap: 36px;
  align-items: flex-start;
}

.mini-feature-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}

.mini-icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mini-icon {
  width: 32px;
  height: 32px;
  stroke: #0c2340; /* Minimal dark premium styling */
}

.mini-feature-text {
  font-family: 'Inter', sans-serif;
  font-size: 0.85rem;
  font-weight: 700;
  color: #0c2340;
  line-height: 1.4;
}

/* Right Side Image Placement */
.hero-image-col {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.hero-main-img {
  width: 100%;
  height: auto;
  max-height: 480px;
  object-fit: cover;
  border-radius: 4px;
}

/* Tablet & Responsive Media Queries */
@media (max-width: 1024px) {
  .hero-heading {
    font-size: 2.2rem;
  }
  .hero-mini-features {
    gap: 20px;
  }
}

@media (max-width: 768px) {
  .hero-container {
    grid-template-columns: 1fr; /* Stacks image below content on mobile devices */
    gap: 40px;
  }
  .hero-content-col {
    padding-right: 0;
  }
  .hero-mini-features {
    flex-wrap: wrap;
    gap: 24px;
  }
  .industry-hero-section {
    padding: 40px 0 80px 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd0e884 *//* Section Outer Frame & Controlled Main Container Constraint */
.industry-solutions-section {
  width: 100%;
  max-width: 1320px; /* Exact requested width specification */
  margin: 0 auto;
  padding: 60px 20px;
  box-sizing: border-box;
}

/* Header Component */
.solutions-header {
  text-align: center;
  margin-bottom: 40px;
}

.header-tagline {
  font-family: 'Inter', sans-serif;
  color: #d13a3a; /* Accent Red */
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 12px;
}

/* Primary Title: Sora */
.header-headline {
  font-family: 'Sora', sans-serif;
  color: #0c2340; /* Theme Premium Navy */
  font-size: 1.9rem;
  font-weight: 800;
  margin: 0 auto 16px auto;
  line-height: 1.25;
  max-width: 720px;
  letter-spacing: -0.5px;
}

/* Body Intro Text: Inter */
.header-intro {
  font-family: 'Inter', sans-serif;
  color: #556370;
  font-size: 0.95rem;
  line-height: 1.6;
  max-width: 780px;
  margin: 0 auto;
}

/* CSS Grid Config - Desktop: 4 Columns */
.solutions-cards-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px 24px; /* Row gap and Column gap space proportions */
}

/* Structural Card Build */
.solution-card-item {
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 22px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  border: 1px solid #f0f3f6;
  display: flex;
  flex-direction: column;
}

/* Top Media Box with Hanging Badge Positioning */
.card-media-box {
  position: relative;
  width: 100%;
  height: 150px;
}

.card-media-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.floating-badge {
  position: absolute;
  bottom: -84px;
  left: 20px;
  width: 44px;
  height: 44px;
  background-color: #0c2340; /* Navy Badge Fill */
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid #ffffff; /* Smooth, deep cut-out visual illusion */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  z-index: 2;
}

.badge-icon {
  width: 20px;
  height: 20px;
  stroke: #ffffff;
}

/* Internal Box Content Styling */
.card-body-box {
  padding: 84px 20px 24px 20px; /* Top padding accommodates the hanging circular icon */
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* Card Heading: Sora */
.card-heading-title {
  font-family: 'Sora', sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  color: #0c2340;
  margin: 0 0 10px 0;
  line-height: 1.3;
}

/* Card Body Paragraph: Inter */
.card-body-text {
  font-family: 'Inter', sans-serif;
  font-size: 0.88rem;
  color: #556370;
  line-height: 1.55;
  margin: 0 0 22px 0;
}

/* Anchor Text Elements: Inter */
.card-action-link {
  font-family: 'Inter', sans-serif;
  display: inline-flex;
  align-items: center;
  font-size: 0.88rem;
  font-weight: 700;
  color: #d13a3a; /* Action Red */
  text-decoration: none;
  margin-top: auto; /* Forces action items to align perfectly linear at bottom of card */
  transition: opacity 0.2s ease;
}

.card-action-link:hover {
  opacity: 0.8;
}

.link-arrow {
  margin-left: 6px;
  font-size: 1rem;
  transition: transform 0.2s ease;
}

.card-action-link:hover .link-arrow {
  transform: translateX(4px); /* Interactive movement physics */
}

/* Tablet Layout Configuration (2x4 Grid System) */
@media (max-width: 1024px) {
  .solutions-cards-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 24px;
  }
  .header-headline {
    font-size: 1.95rem;
  }
}

/* Mobile Screen Layout Configuration (Single Column Stack) */
@media (max-width: 640px) {
  .solutions-cards-grid {
    grid-template-columns: 1fr;
    gap: 28px 0;
  }
  .industry-solutions-section {
    padding: 40px 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e207303 *//* Outer Layout Container Base with Subtle Logistics Ship Overlay Graphic Hint */
.partner-benefits-banner {
  width: 100%;
  background-color: #f4f8fc; /* Extremely clean, soft premium blue-gray */
  background-image: linear-gradient(to right, rgba(244, 248, 252, 0.92) 60%, rgba(244, 248, 252, 0.75)), 
                    ;
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 44px 0;
  box-sizing: border-box;
  border-radius: 8px; /* Perfectly framed banner edges */
}

/* Centralizing Alignment Constrained to Requested 1320px */
.benefits-container {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}

/* Header Title Elements: Sora */
.benefits-header {
  margin-bottom: 24px;
}

.benefits-main-title {
  font-family: 'Sora', sans-serif;
  font-size: 0.95rem;
  font-weight: 800;
  color: #0c2340; /* Theme Premium Navy */
  letter-spacing: 0.5px;
  margin: 0;
  text-transform: uppercase;
}

/* Flex Grid Row Configuration */
.benefits-grid-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
}

/* Individual Feature Block Distribution Structure */
.benefit-item-col {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  flex: 1; /* Automatically balances columns evenly across the width */
  position: relative;
}

/* Clean Column Separator Border Lines for Large Displays */
.benefit-item-col:not(:last-child)::after {
  content: '';
  position: absolute;
  right: -12px;
  top: 10%;
  height: 80%;
  width: 1px;
  background-color: rgba(12, 35, 64, 0.1); /* Soft theme navy divider line */
}

/* Icon Design Frame Component */
.benefit-icon-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-top: 2px;
}

.benefit-svg {
  width: 26px;
  height: 26px;
  stroke: #d13a3a; /* Beautiful Premium Red Accent */
}

/* Inner Text Group Block */
.benefit-text-box {
  display: flex;
  flex-direction: column;
}

/* Feature Name: Sora */
.benefit-title {
  font-family: 'Sora', sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0c2340; /* Navy Blue */
  margin: 0 0 6px 0;
  line-height: 1.25;
}

/* Feature Details Paragraph: Inter */
.benefit-desc {
  font-family: 'Inter', sans-serif;
  font-size: 0.88rem;
  color: #556370; /* Balanced Slate Body Text */
  line-height: 1.45;
  margin: 0;
}

/* Responsive Structural Breakpoints - Tablet Modes */
@media (max-width: 1024px) {
  .benefits-grid-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Collapses elegantly into a solid 2x2 grid */
    gap: 32px 24px;
  }
  .benefit-item-col:not(:last-child)::after {
    display: none; /* Safely hides separator lines when columns grid-wrap */
  }
  .partner-benefits-banner {
    background-image: none; /* Clears image overlay background to maintain premium legibility */
    background-color: #f4f8fc;
    padding: 36px 0;
  }
}

/* Responsive Structural Breakpoints - Mobile Layouts */
@media (max-width: 640px) {
  .benefits-grid-row {
    grid-template-columns: 1fr; /* Stacks completely into a single vertical sequence */
    gap: 24px;
  }
  .benefits-main-title {
    text-align: center;
    font-size: 0.9rem;
  }
  .benefit-item-col {
    text-align: left;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a35593e *//* Section Base Background Layer featuring Multi-layered Shipping Container Overlay Visuals */
.cta-banner-section {
  width: 100%;
  max-width: 1450px; /* Constrains framework layout dimensions exactly */
  margin: 0 auto;
  padding: 0 0px;
  box-sizing: border-box;
}

/* Internal Curved Frame Box Styling */
.cta-banner-container {
  width: 100%;
  background-color: #051429; /* Ultra Deep Premium Navy */
  background-image: linear-gradient(to right, #051429 45%, rgba(5, 20, 41, 0.75) 70%, rgba(5, 20, 41, 0.4)), 
                    url('https://images.unsplash.com/photo-1578575437130-527eed3abbec?w=1200&auto=format&fit=crop&q=60');
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
  
  /* Precision Border Asymmetry Design Archetype */
  border-top-left-radius: 40px; 
  border-bottom-right-radius: 40px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
  
  padding: 56px 64px;
  box-sizing: border-box;
  overflow: hidden;
}

/* Master Structural Grid Flex Flow */
.cta-banner-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  width: 100%;
}

/* Left Text Container Alignment */
.cta-text-group {
  flex: 1;
  max-width: 650px;
}

/* Primary Headline Accent: Sora */
.cta-main-heading {
  font-family: 'Sora', sans-serif;
  color: #ffffff;
  font-size: 2.1rem;
  font-weight: 800;
  line-height: 1.25;
  margin: 0 0 14px 0;
  letter-spacing: -0.5px;
}

.cta-accent-text {
  color: #d13a3a; /* Core Accent Corporate Red */
}

/* Paragraph Sub-Information Node: Inter */
.cta-sub-description {
  font-family: 'Inter', sans-serif;
  color: #b0c0d0; /* Muted Soft Slate Blue Legibility Tint */
  font-size: 0.95rem;
  line-height: 1.55;
  margin: 0;
}

/* Right Interactive Segment Arrangement */
.cta-actions-group {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}

/* Universal Base Button Definitions: Inter */
.cta-btn {
  font-family: 'Inter', sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 52px;
  padding: 0 28px;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 800;
  text-decoration: none;
  letter-spacing: 0.5px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  box-sizing: border-box;
}

.btn-icon {
  width: 16px;
  height: 16px;
}

/* Button Variation Style: Secondary (White Minimalist Solid) */
.btn-secondary {
  background-color: #ffffff;
  color: #0c2340;
  border: 1px solid #ffffff;
}

.btn-secondary:hover {
  background-color: rgba(255, 255, 255, 0.9);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.btn-secondary .btn-icon {
  stroke: #0c2340;
}

/* Button Variation Style: Primary (Solid Corporate Accent Red) */
.btn-primary {
  background-color: #d13a3a;
  color: #ffffff;
  border: 1px solid #d13a3a;
}

.btn-primary:hover {
  background-color: #b82f2f;
  border-color: #b82f2f;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(209, 58, 58, 0.3);
}

.btn-primary .btn-icon {
  stroke: #ffffff;
}

/* Responsive Adaptive Architecture Configuration - Tablet Mode */
@media (max-width: 1024px) {
  .cta-banner-container {
    padding: 48px;
  }
  
  .cta-banner-content {
    flex-direction: column; /* Transitions cleanly into vertical alignments */
    align-items: flex-start;
    gap: 32px;
  }
  
  .cta-main-heading {
    font-size: 1.85rem;
  }
  
  .cta-actions-group {
    width: 100%;
    justify-content: flex-start;
  }
}

/* Responsive Adaptive Architecture Configuration - Mobile Mode */
@media (max-width: 640px) {
  .cta-banner-container {
    padding: 36px 24px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background-image: none; /* Disables image layer patterns on mobile to protect typography contrasts */
    background-color: #051429;
  }
  
  .cta-main-heading {
    font-size: 1.6rem;
  }
  
  .cta-actions-group {
    flex-direction: column; /* Uniform structural block stacks for screens under 640px wide */
    width: 100%;
    gap: 12px;
  }
  
  .cta-btn {
    width: 100%; /* Fully responsive full-width touch metrics */
  }
}/* End custom CSS */