/**
 * Theme Name:     Tekprof Child
 * Author:         WebTend
 * Template:       tekprof
 * Text Domain:	   tekprof-child
 * Description:    Webtend team presents absolutely fresh and powerful WordPress theme. It combines new technologies and functional design that helps to showcase your content in better way. This WordPress theme is developed with attention to details, so you can create effective presentation of a website easily. Enjoy building web pages with our product!
 */

/* Fix header text color on scroll - ensure black text on white background */
.main-header.header-three.white-menu.fixed-header .header-upper {
  background: #ffffff !important;
}

/* Homepage header icons - white when not scrolled (scroll = 0) */
/* This ensures icons are visible on dark background before scroll */
.home .main-header.header-three.white-menu.menu-absolute:not(.fixed-header) .nav-search>button {
  color: #ffffff !important;
}

.home .main-header.header-three.white-menu.menu-absolute:not(.fixed-header) .main-menu .navbar-header .navbar-toggle .icon-bar {
  background: #ffffff !important;
}

/* Homepage mobile - override black icons on mobile */
@media only screen and (max-width: 991px) {
  .home .main-header.header-three.white-menu.menu-absolute:not(.fixed-header) .nav-search>button {
    color: #ffffff !important;
  }

  .home .main-header.header-three.white-menu.menu-absolute:not(.fixed-header) .navbar-toggle .icon-bar {
    background: #ffffff !important;
  }
}


/* Navigation links - force black color on scroll */
@media only screen and (min-width: 992px) {
  .main-header.white-menu .navbar-collapse>ul>li>a,
  .main-header.white-menu .navbar-collapse>ul>li>.dropdown-btn {
    color: #ffffff !important;
  }

  .main-header.white-menu.fixed-header .navbar-collapse>ul>li>a,
  .main-header.white-menu.fixed-header .navbar-collapse>ul>li>.dropdown-btn {
    color: #0B0C0C !important;
  }

  .main-header.white-menu.fixed-header .navbar-collapse>ul>li>a:hover,
  .main-header.white-menu.fixed-header .navbar-collapse>ul>li>.dropdown-btn:hover {
    color: var(--tekprof-primary-color) !important;
  }
}

/* Search icon - black on scroll */
.main-header.white-menu.fixed-header .nav-search>button {
  color: #0B0C0C !important;
}

/* Menu sidebar button - black on scroll */
.main-header.white-menu.fixed-header .menu-sidebar>button {
  --c: conic-gradient(from -90deg, #0B0C0C 90deg, #0000 0) !important;
}

/* Mobile menu toggle - black on scroll */
.main-header.white-menu.fixed-header .main-menu .navbar-header .navbar-toggle .icon-bar {
  background: #0B0C0C !important;
}

/* CTA Button - ensure visibility on scroll */
.main-header.white-menu.fixed-header .theme-btn {
  opacity: 1;
}


/* ============================================
   Modern IT Solutions Area V2 - New Design
   ============================================ */

.modern-it-solutions-area-v2 {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
}

/* Background Decorative Shapes */
.solutions-bg-shapes {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}

.solutions-bg-shapes .shape {
  position: absolute;
  opacity: 0.03;
  border-radius: 50%;
  background: var(--tekprof-primary-color, #007bff);
}

.solutions-bg-shapes .shape-1 {
  width: 400px;
  height: 400px;
  top: -100px;
  right: -100px;
  animation: float 20s ease-in-out infinite;
}

.solutions-bg-shapes .shape-2 {
  width: 300px;
  height: 300px;
  bottom: -80px;
  left: -80px;
  animation: float 15s ease-in-out infinite reverse;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-30px) rotate(5deg);
  }
}

/* Image Card */
.solutions-image-card {
  height: 100%;
  min-height: 500px;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.solutions-image-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25);
}

.solutions-image-card .image-wrapper {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.solutions-image-card .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

.solutions-image-card:hover .image-wrapper img {
  transform: scale(1.08);
}

.solutions-image-card .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(0, 123, 255, 0.15) 0%, rgba(0, 0, 0, 0.3) 100%);
  opacity: 0.7;
  transition: opacity 0.5s ease;
  pointer-events: none;
}

.solutions-image-card:hover .image-overlay {
  opacity: 0.5;
}

/* Content Card */
.solutions-content-card {
  padding: 40px;
  height: 100%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 249, 250, 0.98) 100%);
  border-radius: 24px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(10px);
  position: relative;
  z-index: 1;
  transition: all 0.4s ease;
}

.solutions-content-card:hover {
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.12);
}

/* Content Header Section */
.content-header-section {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Subtitle Badge */
.subtitle-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, var(--tekprof-primary-color, #007bff) 0%, #0056b3 100%);
  padding: 8px 20px;
  border-radius: 50px;
  margin-bottom: 24px;
  box-shadow: 0 4px 15px rgba(0, 123, 255, 0.25);
  animation: pulse-subtle 3s ease-in-out infinite;
}

@keyframes pulse-subtle {
  0%, 100% {
    box-shadow: 0 4px 15px rgba(0, 123, 255, 0.25);
  }
  50% {
    box-shadow: 0 6px 20px rgba(0, 123, 255, 0.35);
  }
}

.subtitle-badge .badge-dot {
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 50%;
  animation: blink 2s ease-in-out infinite;
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.subtitle-badge .badge-text {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* Main Title */
.content-main-title {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  color: #0B0C0C;
  margin-bottom: 20px;
  background: linear-gradient(135deg, #0B0C0C 0%, #333333 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Description */
.content-description {
  font-size: 16px;
  line-height: 1.7;
  color: #555555;
  margin-bottom: 30px;
  font-weight: 400;
}

/* Action Button */
.content-action {
  margin-top: auto;
}

.modern-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 16px 32px;
  background: linear-gradient(135deg, var(--tekprof-primary-color, #007bff) 0%, #0056b3 100%);
  color: #ffffff;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 8px 20px rgba(0, 123, 255, 0.3);
  position: relative;
  overflow: hidden;
}

.modern-action-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.6s ease;
}

.modern-action-btn:hover::before {
  left: 100%;
}

.modern-action-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 123, 255, 0.4);
  color: #ffffff;
}

.modern-action-btn .btn-icon {
  display: flex;
  align-items: center;
  transition: transform 0.4s ease;
}

.modern-action-btn:hover .btn-icon {
  transform: translateX(5px);
}

/* Features Grid */
.features-grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
  justify-content: center;
}

/* Feature Card Modern */
.feature-card-modern {
  position: relative;
  padding: 24px;
  background: #ffffff;
  border-radius: 16px;
  border-left: 4px solid transparent;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
  display: flex;
  gap: 16px;
  align-items: flex-start;
  overflow: hidden;
}

.feature-card-modern::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 0;
  background: linear-gradient(135deg, var(--tekprof-primary-color, #007bff) 0%, #0056b3 100%);
  transition: height 0.4s ease;
}

.feature-card-modern:hover::before {
  height: 100%;
}

.feature-card-modern:hover {
  transform: translateX(8px);
  box-shadow: 0 8px 25px rgba(0, 123, 255, 0.15);
  border-left-color: var(--tekprof-primary-color, #007bff);
}

/* Feature Number */
.feature-number {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(0, 123, 255, 0.1) 0%, rgba(0, 123, 255, 0.05) 100%);
  border-radius: 12px;
  position: relative;
  transition: all 0.4s ease;
}

.feature-number span {
  font-size: 18px;
  font-weight: 700;
  background: linear-gradient(135deg, var(--tekprof-primary-color, #007bff) 0%, #0056b3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.feature-card-modern:hover .feature-number {
  background: linear-gradient(135deg, var(--tekprof-primary-color, #007bff) 0%, #0056b3 100%);
  transform: scale(1.1) rotate(5deg);
}

.feature-card-modern:hover .feature-number span {
  -webkit-text-fill-color: #ffffff;
}

/* Feature Content */
.feature-content {
  flex: 1;
}

.feature-title {
  font-size: 18px;
  font-weight: 600;
  color: #0B0C0C;
  margin-bottom: 8px;
  transition: color 0.3s ease;
}

.feature-card-modern:hover .feature-title {
  color: var(--tekprof-primary-color, #007bff);
}

.feature-text {
  font-size: 14px;
  line-height: 1.6;
  color: #666666;
  margin: 0;
}

/* Feature Accent */
.feature-accent {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, var(--tekprof-primary-color, #007bff) 0%, #0056b3 100%);
  opacity: 0.05;
  border-radius: 50%;
  transition: all 0.4s ease;
  pointer-events: none;
}

.feature-card-modern:hover .feature-accent {
  width: 80px;
  height: 80px;
  opacity: 0.08;
}

/* ============================================
   Responsive Design
   ============================================ */

@media only screen and (max-width: 1199px) {
  .modern-it-solutions-area-v2 {
    padding: 80px 0;
  }

  .solutions-image-card {
    min-height: 400px;
    margin-bottom: 30px;
  }

  .content-main-title {
    font-size: 36px;
  }
}

@media only screen and (max-width: 991px) {
  .modern-it-solutions-area-v2 {
    padding: 60px 0;
  }

  .solutions-content-card {
    padding: 30px;
  }

  .content-main-title {
    font-size: 32px;
  }

  .content-header-section {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .modern-it-solutions-area-v2 {
    padding: 50px 0;
  }

  .solutions-image-card {
    min-height: 350px;
    border-radius: 16px;
  }

  .solutions-content-card {
    padding: 24px;
    border-radius: 16px;
  }

  .content-main-title {
    font-size: 28px;
  }

  .subtitle-badge {
    font-size: 12px;
    padding: 6px 16px;
  }

  .modern-action-btn {
    padding: 14px 28px;
    font-size: 15px;
  }

  .feature-card-modern {
    padding: 20px;
    border-radius: 12px;
  }

  .feature-number {
    width: 45px;
    height: 45px;
  }

  .feature-number span {
    font-size: 16px;
  }

  .feature-title {
    font-size: 16px;
  }
}

@media only screen and (max-width: 575px) {
  .modern-it-solutions-area-v2 {
    padding: 40px 0;
  }

  .solutions-content-card {
    padding: 20px;
  }

  .content-main-title {
    font-size: 24px;
  }

  .content-description {
    font-size: 15px;
  }

  .feature-card-modern {
    padding: 16px;
    gap: 12px;
  }

  .feature-number {
    width: 40px;
    height: 40px;
  }

  .feature-number span {
    font-size: 14px;
  }

  .feature-title {
    font-size: 15px;
  }

  .feature-text {
    font-size: 13px;
  }
}

/* Dark Mode Support (optional) */
@media (prefers-color-scheme: dark) {
  .solutions-content-card {
    background: linear-gradient(135deg, rgba(18, 18, 18, 0.95) 0%, rgba(30, 30, 30, 0.98) 100%);
  }

  .content-main-title {
    background: linear-gradient(135deg, #ffffff 0%, #e0e0e0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .content-description {
    color: #b0b0b0;
  }

  .feature-card-modern {
    background: rgba(30, 30, 30, 0.8);
  }

  .feature-title {
    color: #ffffff;
  }

  .feature-text {
    color: #b0b0b0;
  }
}


/* ============================================
   About Company Enhanced - Modern & Responsive
   ============================================ */

.about-company-enhanced {
  position: relative;
  overflow: hidden;
}

/* Background Decorations */
.about-bg-decoration {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
}

.decoration-circle {
  position: absolute;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--tekprof-primary-color, #007bff) 0%, rgba(0, 123, 255, 0.1) 100%);
  opacity: 0.04;
}

.decoration-circle.circle-1 {
  width: 500px;
  height: 500px;
  top: -150px;
  left: -150px;
  animation: float-slow 25s ease-in-out infinite;
}

.decoration-circle.circle-2 {
  width: 350px;
  height: 350px;
  bottom: -100px;
  right: -100px;
  animation: float-slow 20s ease-in-out infinite reverse;
}

@keyframes float-slow {
  0%, 100% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(20px, -20px) scale(1.05);
  }
}

/* Section Title Enhanced */
.section-title-enhanced .sub-title-modern {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  font-weight: 600;
  letter-spacing: 1px;
}

.section-title-enhanced .sub-title-modern::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 2px;
  background: var(--tekprof-primary-color, #007bff);
  transition: width 0.4s ease;
}

.section-title-enhanced:hover .sub-title-modern::before {
  width: 16px;
}

.section-title-enhanced .title-enhanced {
  position: relative;
  line-height: 1.3;
  margin-top: 15px;
  transition: color 0.3s ease;
}

/* About Images Enhanced */
.about-images-enhanced {
  position: relative;
  display: flex;
  gap: 20px;
}

.about-images-enhanced .image-card-left,
.about-images-enhanced .image-card-right {
  position: relative;
  flex: 1;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.about-images-enhanced .image-card-left {
  margin-top: 40px;
}

.about-images-enhanced .image-card-right {
  margin-top: 90px;
}

.about-images-enhanced .image-wrapper {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.about-images-enhanced .image-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, transparent 0%, rgba(0, 0, 0, 0.05) 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.about-images-enhanced .image-wrapper:hover::before {
  opacity: 1;
}

.about-images-enhanced .image-wrapper:hover {
  transform: translateY(-10px);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.18);
}

.about-images-enhanced .image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.about-images-enhanced .image-wrapper:hover img {
  transform: scale(1.05);
}

.about-images-enhanced .image-overlay-gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
  z-index: 1;
}

.about-images-enhanced .image-wrapper:hover .image-overlay-gradient {
  opacity: 1;
}

/* Floating Decoration */
.floating-decoration {
  position: absolute;
  bottom: 50px;
  right: -20px;
  width: 100px;
  height: 100px;
  background: linear-gradient(135deg, var(--tekprof-primary-color, #007bff) 0%, rgba(0, 123, 255, 0.6) 100%);
  border-radius: 20px;
  opacity: 0.15;
  transform: rotate(15deg);
  animation: float-decoration 6s ease-in-out infinite;
  z-index: -1;
}

@keyframes float-decoration {
  0%, 100% {
    transform: rotate(15deg) translateY(0);
  }
  50% {
    transform: rotate(20deg) translateY(-15px);
  }
}

/* About Content Enhanced */
.about-content-enhanced {
  position: relative;
}

.about-content-enhanced .summary-text-modern {
  font-size: 18px;
  line-height: 1.8;
  color: #555555;
  font-weight: 400;
  position: relative;
  padding-left: 20px;
  border-left: 3px solid var(--tekprof-primary-color, #007bff);
  transition: all 0.3s ease;
}

.about-content-enhanced:hover .summary-text-modern {
  border-left-color: #0056b3;
  padding-left: 24px;
}

/* List Modern */
.list-modern.list-style-one {
  list-style: none;
  padding: 0;
  margin: 0;
}

.list-modern .list-item-enhanced {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 16px 20px;
  margin-bottom: 12px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.8) 0%, rgba(248, 249, 250, 0.9) 100%);
  border-radius: 12px;
  border-left: 3px solid transparent;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
  position: relative;
  overflow: hidden;
}

.list-modern .list-item-enhanced::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 0;
  background: linear-gradient(135deg, var(--tekprof-primary-color, #007bff) 0%, #0056b3 100%);
  transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.list-modern .list-item-enhanced:hover::before {
  height: 100%;
}

.list-modern .list-item-enhanced:hover {
  transform: translateX(8px);
  box-shadow: 0 6px 20px rgba(0, 123, 255, 0.12);
  background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(248, 249, 250, 1) 100%);
}

.list-modern .list-item-enhanced .icon-wrapper {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(0, 123, 255, 0.1) 0%, rgba(0, 123, 255, 0.05) 100%);
  border-radius: 10px;
  color: var(--tekprof-primary-color, #007bff);
  font-size: 18px;
  transition: all 0.4s ease;
}

.list-modern .list-item-enhanced:hover .icon-wrapper {
  background: linear-gradient(135deg, var(--tekprof-primary-color, #007bff) 0%, #0056b3 100%);
  color: #ffffff;
  transform: scale(1.1) rotate(5deg);
}

.list-modern .list-item-enhanced .text-wrapper {
  flex: 1;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  transition: color 0.3s ease;
}

.list-modern .list-item-enhanced:hover .text-wrapper {
  color: var(--tekprof-primary-color, #007bff);
}

/* Button Enhanced */
.button-wrapper-modern .btn-enhanced {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.button-wrapper-modern .btn-enhanced::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  transform: translate(-50%, -50%);
  transition: width 0.6s ease, height 0.6s ease;
}

.button-wrapper-modern .btn-enhanced:hover::before {
  width: 300px;
  height: 300px;
}

.button-wrapper-modern .btn-enhanced .btn-text {
  position: relative;
  z-index: 1;
}

.button-wrapper-modern .btn-enhanced .btn-arrow {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  transition: transform 0.4s ease;
}

.button-wrapper-modern .btn-enhanced:hover .btn-arrow {
  transform: translateX(6px);
}

.button-wrapper-modern .btn-enhanced:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 123, 255, 0.3);
}

/* ============================================
   Responsive Enhancements
   ============================================ */

@media only screen and (max-width: 1199px) {
  .about-images-enhanced .image-card-right {
    margin-top: 60px;
  }

  .decoration-circle.circle-1 {
    width: 400px;
    height: 400px;
  }

  .decoration-circle.circle-2 {
    width: 300px;
    height: 300px;
  }
}

@media only screen and (max-width: 991px) {
  .about-images-enhanced {
    margin-bottom: 40px;
  }

  .about-images-enhanced .image-card-left {
    margin-top: 30px;
  }

  .about-images-enhanced .image-card-right {
    margin-top: 50px;
  }

  .about-content-enhanced {
    max-width: 100%;
  }

  .floating-decoration {
    display: none;
  }

  .list-modern .list-item-enhanced {
    padding: 14px 16px;
  }
}

@media only screen and (max-width: 767px) {
  .about-company-enhanced {
    padding-top: 80px !important;
  }

  .about-images-enhanced {
    flex-direction: column;
    gap: 15px;
  }

  .about-images-enhanced .image-card-left,
  .about-images-enhanced .image-card-right {
    margin-top: 0 !important;
  }

  .about-images-enhanced .image-wrapper {
    border-radius: 16px;
  }

  .about-content-enhanced .summary-text-modern {
    font-size: 16px;
    padding-left: 16px;
  }

  .list-modern .list-item-enhanced {
    padding: 12px 14px;
    gap: 12px;
    border-radius: 10px;
  }

  .list-modern .list-item-enhanced .icon-wrapper {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }

  .list-modern .list-item-enhanced .text-wrapper {
    font-size: 15px;
  }

  .decoration-circle {
    display: none;
  }
}

@media only screen and (max-width: 575px) {
  .about-company-enhanced {
    padding-top: 60px !important;
  }

  .section-title-enhanced .sub-title-modern {
    font-size: 13px;
    padding-left: 16px;
  }

  .about-images-enhanced .image-wrapper {
    border-radius: 12px;
  }

  .about-content-enhanced .summary-text-modern {
    font-size: 15px;
    line-height: 1.7;
  }

  .list-modern .list-item-enhanced {
    padding: 10px 12px;
    gap: 10px;
    margin-bottom: 10px;
  }

  .list-modern .list-item-enhanced .icon-wrapper {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }

  .list-modern .list-item-enhanced .text-wrapper {
    font-size: 14px;
  }

  .button-wrapper-modern .btn-enhanced {
    padding: 14px 28px;
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .about-images-enhanced {
    gap: 10px;
  }

  .list-modern .list-item-enhanced {
    padding: 8px 10px;
  }
}