.elementor-334 .elementor-element.elementor-element-82b4078{--display:flex;--min-height:0px;--overlay-opacity:0.5;}.elementor-334 .elementor-element.elementor-element-82b4078::before, .elementor-334 .elementor-element.elementor-element-82b4078 > .elementor-background-video-container::before, .elementor-334 .elementor-element.elementor-element-82b4078 > .e-con-inner > .elementor-background-video-container::before, .elementor-334 .elementor-element.elementor-element-82b4078 > .elementor-background-slideshow::before, .elementor-334 .elementor-element.elementor-element-82b4078 > .e-con-inner > .elementor-background-slideshow::before, .elementor-334 .elementor-element.elementor-element-82b4078 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-334 .elementor-element.elementor-element-82b4078.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-334 .elementor-element.elementor-element-463675d{width:var( --container-widget-width, 104.39% );max-width:104.39%;--container-widget-width:104.39%;--container-widget-flex-grow:0;}.elementor-334 .elementor-element.elementor-element-463675d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-334 .elementor-element.elementor-element-f8507ca{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-334 .elementor-element.elementor-element-82b4078{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-463675d *//* ========================================
   PROFICE ABOUT SECTION - ENHANCED CSS
   ======================================== */

.about-section {
  background: linear-gradient(135deg, #f8fafb 0%, #ffffff 100%);
  padding: 1rem 0;
  position: relative;
  overflow: hidden;
}



/* Background pattern */
.about-section::after {
  content: '';
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(255, 107, 74, 0.03) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}

.about-section .container {
  position: relative;
  z-index: 1;
}

/* ========== Section Header ========== */
.section-header {
  text-align: center;

}

.section-subtitle {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: #FF6B4A;
  font-weight: 600;
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  background: rgba(255, 107, 74, 0.08);
  border-radius: 30px;
  border: 1px solid rgba(255, 107, 74, 0.15);
}


.section-title {
  font-size: 2.5rem;
  font-weight: 800;
  color: #2B5F6F;
  margin-bottom: 1rem;
  line-height: 1.2;
  position: relative;
  display: inline-block;
  padding-bottom: 1rem;
}

.section-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, #FF6B4A 0%, #2B5F6F 100%);
  border-radius: 2px;
  animation: expandLine 1.2s ease forwards;
}

@keyframes expandLine {
  to {
    width: 100%;
  }
}

.section-description {
  color: #5a6c75;
  font-size: 1.1rem;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.6;
}



/* ========== Responsive Design ========== */
@media (max-width: 968px) {
  
  .section-title {
    font-size: 2rem;
  }
}

@media (max-width: 768px) {

  .section-title {
    font-size: 1.75rem;
  }
}

@media (max-width: 480px) {
  .stats-grid {
    grid-template-columns: 1fr;
  }
  
  .section-title {
    font-size: 1.5rem;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7723739 *//* ========================================
   PROFICE PANEL 2: FULL-BLEED IMAGES
   No Borders, Edge-to-Edge Design
   ======================================== */

/*:root {*/
/*  --profice-teal: #2B5F6F;*/
/*  --profice-teal-dark: #1a4a57;*/
/*  --profice-orange: #FF6B4A;*/
/*  --profice-bg-light: #f8fafb;*/
/*  --profice-bg-white: #ffffff;*/
/*  --profice-text-primary: #2B5F6F;*/
/*  --profice-text-secondary: #5a6c75;*/
/*  --shadow-sm: 0 2px 8px rgba(43, 95, 111, 0.06);*/
/*  --shadow-md: 0 4px 20px rgba(43, 95, 111, 0.08);*/
/*  --shadow-lg: 0 12px 35px rgba(43, 95, 111, 0.15);*/
/*  --transition-smooth: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);*/
/*}*/

/* ===== MAIN DETAILS PANEL ===== */
/*.about-details-panel {*/
/*  background: white;*/
/*  padding: 2rem 0;*/
/*  position: relative;*/
/*}*/

/*.details-container {*/
/*  max-width: 1280px;*/
/*  margin: 0 auto;*/
/*  padding: 0 2rem;*/
/*}*/

/* ===== TABS NAVIGATION ===== */
/*.tabs-wrapper {*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  flex-wrap: wrap;*/
/*  gap: 1rem;*/
/*  margin-bottom: 2rem;*/
/*  padding: 0.75rem;*/
/*  background: rgba(43, 95, 111, 0.04);*/
/*  border-radius: 60px;*/
/*  animation: fadeIn 0.8s ease-out;*/
/*}*/

/*@keyframes fadeIn {*/
/*  from { opacity: 0; transform: translateY(20px); }*/
/*  to { opacity: 1; transform: translateY(0); }*/
/*}*/

/* Tab Button Styling */
/*.tab-btn {*/
/*  display: inline-flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  padding: 0.9rem 2rem;*/
/*  background: white;*/
/*  border: 2.5px solid transparent;*/
/*  border-radius: 50px;*/
/*  color: var(--profice-text-primary);*/
/*  font-weight: 700;*/
/*  font-size: 0.95rem;*/
/*  cursor: pointer;*/
/*  transition: var(--transition-smooth);*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*  min-width: 140px;*/
/*}*/

/* Ripple effect on hover */
/*.tab-btn::before {*/
/*  content: '';*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  left: 50%;*/
/*  width: 0;*/
/*  height: 0;*/
/*  border-radius: 50%;*/
/*  background: radial-gradient(circle, rgba(43, 95, 111, 0.1) 0%, transparent 70%);*/
/*  transform: translate(-50%, -50%);*/
/*  transition: width 0.5s ease, height 0.5s ease;*/
/*  z-index: 0;*/
/*}*/

/*.tab-btn:hover::before {*/
/*  width: 300px;*/
/*  height: 300px;*/
/*}*/

/* Tab text */
/*.tab-text {*/
/*  position: relative;*/
/*  z-index: 1;*/
/*}*/

/* Hover state */
/*.tab-btn:hover {*/
/*  border-color: var(--profice-teal);*/
/*  background: rgba(43, 95, 111, 0.05);*/
/*  transform: translateY(-2px);*/
/*  box-shadow: 0 4px 12px rgba(43, 95, 111, 0.15);*/
/*}*/

/* Active state */
/*.tab-btn.active {*/
/*  background: linear-gradient(135deg, var(--profice-teal) 0%, var(--profice-teal-dark) 100%);*/
/*  color: white;*/
/*  border-color: var(--profice-teal-dark);*/
/*  box-shadow: 0 4px 15px rgba(43, 95, 111, 0.35);*/
/*  transform: translateY(-2px);*/
/*}*/

/* ===== TAB CONTENT ===== */
/*.tabs-content {*/
/*  position: relative;*/
/*  margin-bottom: 4rem;*/
/*}*/

/*.tab-panel {*/
/*  display: none;*/
/*  animation: slideInFade 0.6s cubic-bezier(0.4, 0, 0.2, 1);*/
/*}*/

/*.tab-panel.active {*/
/*  display: block;*/
/*}*/

/*@keyframes slideInFade {*/
/*  from {*/
/*    opacity: 0;*/
/*    transform: translateY(30px);*/
/*  }*/
/*  to {*/
/*    opacity: 1;*/
/*    transform: translateY(0);*/
/*  }*/
/*}*/

/* ===== CONTENT CARD - NO BORDER ===== */
/*.content-card {*/
/*  background: white;*/
  border-radius: 50px; /* Remove rounded corners */
  padding: 0; /* Remove all padding */
  box-shadow: none; /* Remove shadow */
  border: none; /* Remove all borders */
/*  transition: var(--transition-smooth);*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*}*/

/* Remove left accent bar */
/*.content-card::before {*/
/*  display: none;*/
/*}*/

/*.content-card:hover {*/
  box-shadow: none; /* No shadow on hover */
  transform: none; /* No lift effect */
/*}*/

/* ===== CONTENT GRID - FULL BLEED IMAGE ===== */
/*.content-grid {*/
/*  display: grid;*/
/*  grid-template-columns: 1.3fr 1fr;*/
  gap: 0; /* No gap between text and image */
/*  align-items: stretch;*/
/*  min-height: 500px;*/
/*}*/

/* Text Content */
/*.content-text {*/
/*  padding: 3.5rem;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  justify-content: center;*/
/*  background: var(--profice-bg-light);*/
/*}*/

/*.content-text h3 {*/
/*  font-size: 2.1rem;*/
/*  color: var(--profice-teal);*/
/*  margin-bottom: 1.75rem;*/
/*  font-weight: 900;*/
/*  position: relative;*/
/*  padding-bottom: 1rem;*/
/*  letter-spacing: -0.3px;*/
/*}*/

/* Gradient underline for h3 */
/*.content-text h3::after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  bottom: 0;*/
/*  left: 0;*/
/*  width: 100px;*/
/*  height: 4px;*/
/*  background: linear-gradient(90deg, var(--profice-orange) 0%, var(--profice-teal) 100%);*/
/*  border-radius: 3px;*/
/*  box-shadow: 0 2px 6px rgba(255, 107, 74, 0.3);*/
/*}*/

/*.content-text p {*/
/*  font-size: 1.1rem;*/
/*  color: var(--profice-text-secondary);*/
/*  line-height: 1.85;*/
/*  margin-bottom: 1.4rem;*/
/*}*/

/*.content-text strong {*/
/*  color: var(--profice-orange);*/
/*  font-weight: 800;*/
/*}*/

/* ===== ACTIVITY LIST ===== */
/*.activity-list {*/
/*  list-style: none;*/
/*  padding: 0;*/
/*  margin: 1.75rem 0 0;*/
/*}*/

/*.activity-list li {*/
/*  position: relative;*/
/*  padding-left: 2.8rem;*/
/*  margin-bottom: 1.4rem;*/
/*  font-size: 1.08rem;*/
/*  color: var(--profice-text-secondary);*/
/*  line-height: 1.8;*/
/*  transition: var(--transition-smooth);*/
/*}*/

/* Checkmark bullet */
/*.activity-list li::before {*/
/*  content: '✓';*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 0;*/
/*  width: 26px;*/
/*  height: 26px;*/
/*  background: linear-gradient(135deg, var(--profice-orange) 0%, var(--profice-teal) 100%);*/
/*  border-radius: 50%;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  color: white;*/
/*  font-size: 0.8rem;*/
/*  font-weight: bold;*/
/*  transition: var(--transition-smooth);*/
/*  box-shadow: 0 2px 8px rgba(43, 95, 111, 0.2);*/
/*}*/

/*.activity-list li:hover {*/
/*  padding-left: 3.3rem;*/
/*  color: var(--profice-teal);*/
/*  transform: translateX(5px);*/
/*}*/

/*.activity-list li:hover::before {*/
/*  transform: rotate(360deg) scale(1.15);*/
/*  box-shadow: 0 4px 12px rgba(255, 107, 74, 0.4);*/
/*}*/

/* ===== CONTENT IMAGE - FULL HEIGHT, NO BORDER ===== */
/*.content-image {*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*  height: 100%;*/
/*  min-height: 500px;*/
  border-radius: 0; /* Remove rounded corners */
  box-shadow: none; /* Remove shadow */
/*}*/

/*.content-image img {*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  object-fit: cover;*/
/*  display: block;*/
/*  transition: transform 0.6s ease;*/
/*}*/

/*.content-card:hover .content-image img {*/
  transform: scale(1.05); /* Subtle zoom on hover */
/*}*/

/* Image overlay on hover */
/*.content-image::before {*/
/*  content: '';*/
/*  position: absolute;*/
/*  inset: 0;*/
/*  background: linear-gradient(135deg, rgba(43, 95, 111, 0.08) 0%, rgba(255, 107, 74, 0.04) 100%);*/
/*  opacity: 0;*/
/*  transition: opacity 0.4s ease;*/
/*  z-index: 1;*/
/*}*/

/*.content-card:hover .content-image::before {*/
/*  opacity: 1;*/
/*}*/

/* ===== STATS SECTION ===== */
/*.hero-stats {*/
/*  display: grid;*/
/*  grid-template-columns: repeat(4, 1fr);*/
/*  gap: 3rem;*/
/*  max-width: 1000px;*/
/*  margin: 4rem auto 0;*/
/*  padding: 3rem 1rem 0;*/
/*  border-top: 3px solid rgba(43, 95, 111, 0.08);*/
/*}*/

/* Individual Stat Item - Clean, No Boxes */
/*.stat-item {*/
/*  text-align: center;*/
/*  transition: var(--transition-smooth);*/
/*  padding: 1rem 0;*/
/*}*/

/*.stat-item:hover {*/
/*  transform: scale(1.08);*/
/*}*/

/* Stat Number - Gradient Text */
/*.stat-number {*/
/*  font-size: 3.5rem;*/
/*  font-weight: 900;*/
/*  background: linear-gradient(135deg, var(--profice-orange) 0%, var(--profice-teal) 100%);*/
/*  -webkit-background-clip: text;*/
/*  -webkit-text-fill-color: transparent;*/
/*  background-clip: text;*/
/*  margin-bottom: 0.5rem;*/
/*  letter-spacing: -2px;*/
/*  line-height: 1;*/
/*  transition: var(--transition-smooth);*/
/*}*/

/*.stat-item:hover .stat-number {*/
/*  transform: scale(1.1);*/
/*}*/

/* Stat Label */
/*.stat-label {*/
/*  font-size: 1rem;*/
/*  color: var(--profice-text-secondary);*/
/*  font-weight: 600;*/
/*  margin: 0;*/
/*  letter-spacing: 0.3px;*/
/*}*/

/* ===== RESPONSIVE DESIGN ===== */

/* Large Desktop */
/*@media (max-width: 1400px) {*/
/*  .content-grid {*/
/*    min-height: 480px;*/
/*  }*/
  
/*  .content-image {*/
/*    min-height: 480px;*/
/*  }*/
  
/*  .stat-number {*/
/*    font-size: 3.25rem;*/
/*  }*/
/*}*/

/* Desktop/Tablet */
/*@media (max-width: 1200px) {*/
/*  .content-text {*/
/*    padding: 3rem;*/
/*  }*/
  
/*  .content-grid {*/
/*    min-height: 450px;*/
/*  }*/
  
/*  .content-image {*/
/*    min-height: 450px;*/
/*  }*/
  
/*  .hero-stats {*/
/*    gap: 2.5rem;*/
/*  }*/
  
/*  .stat-number {*/
/*    font-size: 3rem;*/
/*  }*/
/*}*/

/* Tablet */
/*@media (max-width: 968px) {*/
/*  .about-details-panel {*/
/*    padding: 3rem 0;*/
/*  }*/
  
/*  .tabs-wrapper {*/
/*    flex-direction: column;*/
/*    padding: 0.5rem;*/
/*    border-radius: 20px;*/
/*  }*/
  
/*  .tab-btn {*/
/*    width: 100%;*/
/*    justify-content: center;*/
/*  }*/
  
/*  .content-grid {*/
/*    grid-template-columns: 1fr;*/
/*    min-height: auto;*/
/*  }*/
  
/*  .content-image {*/
/*    min-height: 350px;*/
/*    max-height: 350px;*/
    order: -1; /* Put image first on mobile */
/*  }*/
  
/*  .hero-stats {*/
/*    grid-template-columns: repeat(2, 1fr);*/
/*    gap: 2rem;*/
/*  }*/
  
/*  .stat-number {*/
/*    font-size: 2.75rem;*/
/*  }*/
/*}*/

/* Mobile */
/*@media (max-width: 768px) {*/
/*  .about-details-panel {*/
/*    padding: 2.5rem 0;*/
/*  }*/
  
/*  .details-container {*/
/*    padding: 0 1rem;*/
/*  }*/
  
/*  .tabs-wrapper {*/
/*    margin-bottom: 2rem;*/
/*  }*/
  
/*  .tab-btn {*/
/*    padding: 0.8rem 1.5rem;*/
/*    font-size: 0.9rem;*/
/*  }*/
  
/*  .content-text {*/
/*    padding: 2.5rem 1.5rem;*/
/*  }*/
  
/*  .content-text h3 {*/
/*    font-size: 1.85rem;*/
/*  }*/
  
/*  .content-text p,*/
/*  .activity-list li {*/
/*    font-size: 1.05rem;*/
/*  }*/
  
/*  .content-image {*/
/*    min-height: 300px;*/
/*    max-height: 300px;*/
/*  }*/
  
/*  .hero-stats {*/
/*    gap: 1.75rem;*/
/*    padding-top: 2.5rem;*/
/*  }*/
  
/*  .stat-number {*/
/*    font-size: 2.5rem;*/
/*  }*/
  
/*  .stat-label {*/
/*    font-size: 0.95rem;*/
/*  }*/
/*}*/

/* Small Mobile */
/*@media (max-width: 480px) {*/
/*  .about-details-panel {*/
/*    padding: 2rem 0;*/
/*  }*/
  
/*  .tabs-wrapper {*/
/*    gap: 0.5rem;*/
/*  }*/
  
/*  .tab-btn {*/
/*    padding: 0.75rem 1.25rem;*/
/*    font-size: 0.85rem;*/
/*  }*/
  
/*  .content-text {*/
/*    padding: 2rem 1.25rem;*/
/*  }*/
  
/*  .content-text h3 {*/
/*    font-size: 1.65rem;*/
/*  }*/
  
/*  .content-text p,*/
/*  .activity-list li {*/
/*    font-size: 1rem;*/
/*  }*/
  
/*  .activity-list li {*/
/*    padding-left: 2.5rem;*/
/*  }*/
  
/*  .activity-list li::before {*/
/*    width: 24px;*/
/*    height: 24px;*/
/*  }*/
  
/*  .content-image {*/
/*    min-height: 250px;*/
/*    max-height: 250px;*/
/*  }*/
  
/*  .hero-stats {*/
/*    grid-template-columns: 1fr;*/
/*    gap: 1.5rem;*/
/*  }*/
  
/*  .stat-number {*/
/*    font-size: 2.25rem;*/
/*  }*/
/*}*/

/* Extra Small */
/*@media (max-width: 360px) {*/
/*  .content-text {*/
/*    padding: 1.75rem 1rem;*/
/*  }*/
  
/*  .content-text h3 {*/
/*    font-size: 1.5rem;*/
/*  }*/
  
/*  .content-image {*/
/*    min-height: 220px;*/
/*    max-height: 220px;*/
/*  }*/
  
/*  .stat-number {*/
/*    font-size: 2rem;*/
/*  }*/
/*}*/

/* ===== UTILITIES ===== */

/*html {*/
/*  scroll-behavior: smooth;*/
/*}*/

/*::selection {*/
/*  background: var(--profice-orange);*/
/*  color: white;*/
/*}*/

/*::-moz-selection {*/
/*  background: var(--profice-orange);*/
/*  color: white;*/
/*}*//* End custom CSS */