/* ================ HERO SECTION ================== */
#new-home {
	overflow: hidden;
}

#new-home .hero-slider {
  height: 600px;
  position: relative;	
}

#new-home .hero-slide {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 30px;
}

#new-home .hero-slide.slide-1 {
  background: url("/wp-content/uploads/2025/03/web-development.jpg") no-repeat center / cover;
}

#new-home .hero-slide .main-heading {
  text-align: left;
  margin-bottom: 20px;
  max-width: 100%;`		
}

#new-home .letters-show {
  display: inline-block;	
  opacity: 0;
  --rotation-start: -180deg; /* Rotation variable for letters-show */
  animation: moveUpLetters 0.3s ease forwards;
}

@keyframes moveUpLetters {
  from {
    transform: translateY(160%) rotate(var(--rotation-start));
    opacity: 0;
  }
  to {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
}

@media only screen and (max-width: 767px) {
  #new-home .hero-slider {
    height: 500px;
  }
}

.performance-section {
/*   background-color: #211f3b;  */
}

.performance-section .section-header {
	height: 160px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #211f3b;
	margin-bottom: 80px;
	padding: 0 5%;
}

.performance-section .section-header h2 {
/*   text-align: center; */
  font-size: 2.5rem;
  font-weight: 400;
  color: #fff;
  margin-bottom: 0;
}

.performance-section .content-row {
  display: flex;
/*   align-items: center; */
  justify-content: space-between;
  margin-bottom: 40px;
  gap: 30px;
/*   color: #fff;	 */
/*   background: url('/wp-content/uploads/2025/01/bg-art-5.png') no-repeat -8%;		 */
/*   padding: 0 10%;	 */	
}

.performance-section .content-row.reverse {
  flex-direction: row-reverse;
/*   background: url('/wp-content/uploads/2025/01/bg-art-6.png') no-repeat right;		 */
}

.performance-section .text {
  flex: 1;
  font-size: 1rem;
/*   color: #555; */
  line-height: 1.6;
/*   padding: 10px; */
  padding: 30px 4%;
  border-radius: 8px;
  background-color: #f7f7f7;	
}

.performance-section .text h3 {
/* 	color: #fff; */
	font-size: 2rem;
    margin-bottom: 15px;
    color: #333;
}

.performance-section .text p {
	font-size: 1rem;
    line-height: 1.6;
    color: #555;
}

.performance-section .image {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 350px;
  width: 200px;	
}

.performance-section .image img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;	
}

@media screen and (max-width: 991px) {
  .performance-section .content-row {
    flex-direction: column;
    text-align: center;
  }	
  .performance-section .content-row.reverse {
    flex-direction: column;
  }	
  .performance-section .image {
	flex: none;
	height: 400px;
	width: 100%;
  }	
}

@media screen and (max-width: 767px) {
  .performance-section .image {
	height: 280px;
  }	
  .performance-section .section-header h2 {
/* 	margin-bottom: 30px; */
  }
  .performance-section .content-row,
  .performance-section .content-row.reverse {
	background: none;
  }	
}