/* Unique About Us Section */
.unique-about-section {
  background-color: white; /* White background */
  padding: 40px 0; /* Padding around the section */
  width: 100%; /* Full width */
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0; /* Remove any margin to prevent gaps */
}

.unique-about-section .elementor-container {
  display: flex;
  max-width: 1200px; /* Maximum width for the container */
  width: 100%;
  gap: 30px; /* Space between columns */
  justify-content: space-between;
}

.unique-about-section .elementor-column {
  flex: 1; /* Columns take equal space */
  display: flex;
  flex-direction: column; /* Stack content vertically */
}

.unique-about-section .unique-heading-title {
  text-align: center; /* Center-align the text */
  font-weight: bold; /* Make the text bold */
  font-size: 3rem; /* Increase font size */
  margin-bottom: 15px; /* Space below the heading */
}

/* Style for "Who" text */
.who-text {
  color: gold !important; /* Change "Who" text to gold */
}

/* Style for "We Are?" text */
.we-are-text {
  color: green !important; /* Keep "We Are?" text green */
}

.unique-about-section .unique-about-text {
  font-size: 1rem; /* Standard font size for paragraphs */
  color: #555; /* Medium gray color */
  line-height: 1.6; /* Increased line spacing */
}

.unique-about-section {
  display: flex !important;
  justify-content: center !important; /* Centers the button horizontally */
  align-items: center !important; /* Centers the button vertically (optional) */
}

.unique-about-section .unique-button {
  display: inline-block !important;
  padding: 10px 25px; /* Button padding */
  font-size: 1.2rem; /* Button font size */
  color: white; /* White text color */
  background-color: green; /* Green background */
  text-decoration: none; /* Removes underline */
  border-radius: 50px; /* Fully rounded corners */
  margin-top: 10px; /* Space above the button */
  text-align: center !important;
  cursor: pointer !important;
}

.unique-about-section .unique-button:hover {
  background-color: gold; /* Yellow on hover */
  color: green; /* Green text on hover */
}

/* Unique Swiper Carousel Styling */
.unique-about-section .unique-image-carousel {
  width: 100%;
  max-width: 600px;
  overflow: hidden;
}

.unique-about-section .swiper-wrapper {
  display: flex; /* Flexbox layout for slides */
}

.unique-about-section .swiper-slide {
  flex: 0 0 auto; /* Prevents shrinking or growing */
  width: 100%; /* Full width of each slide */
}

.unique-about-section .swiper-slide img {
  width: 100%; /* Responsive image width */
  height: 350px; /* Fixed height for images */
  object-fit: cover; /* Ensures the image fits the container */
  border-radius: 15%; /* Rounded corners */
}

/* Animation for Unique Image Carousel */
.unique-about-section .unique-image-carousel {
  opacity: 0; /* Initially hidden */
  transform: translateX(-100%); /* Start from the left edge */
  transition: all 1s ease-in-out; /* Smooth transition */
}

.unique-about-section .unique-image-carousel.animate {
  opacity: 1; /* Fully visible */
  transform: translateX(0); /* Slide to the right */
}

/* Animation for Unique Text Content */
.unique-about-section .elementor-column:first-child {
  opacity: 0; /* Initially hidden */
  transform: translateX(-100%); /* Start from the left edge */
  transition: all 3s ease-in-out; /* Reduced transition duration */
}

.unique-about-section .elementor-column:first-child.animate {
  opacity: 1; /* Fully visible */
  transform: translateX(0); /* Slide to the right */
}