/* Responsive Styles */

/* Extra large devices (large desktops) */
@media (max-width: 1399.98px) {
  .hero-title {
    font-size: 2.5rem;
  }
}

/* Large devices (desktops) */
@media (max-width: 1199.98px) {
  :root {
    --fs-xxl: 2.5rem;
    --space-lg: 3rem;
  }
  
  .team-image {
    width: 180px;
    height: 180px;
  }
}

/* Medium devices (tablets) */
@media (max-width: 991.98px) {
  :root {
    --fs-xxl: 2.25rem;
    --fs-xl: 1.75rem;
    --fs-lg: 1.25rem;
    --space-lg: 2.5rem;
  }
  
  .hero-section,
  .hero-slide {
    min-height: 500px;
    height: auto;
  }
  
  .hero-overlay {
    padding: 100px 0;
  }
  
  .section-padding {
    padding: 3rem 0;
  }
  
  .about-image {
    margin-bottom: 2rem;
  }
  
  .team-image {
    width: 160px;
    height: 160px;
  }
}

/* Small devices (landscape phones) */
@media (max-width: 767.98px) {
  :root {
    --fs-xxl: 2rem;
    --fs-xl: 1.5rem;
    --fs-lg: 1.25rem;
    --fs-md: 1rem;
    --space-lg: 2rem;
  }
  
  .hero-section,
  .hero-slide {
    min-height: 450px;
  }

  .hero-title {
    font-size: 2rem;
  }
  
  .hero-subtitle {
    font-size: 1.25rem;
  }
  
  .hero-desc {
    font-size: 1rem;
  }
  
  .section-padding {
    padding: 2.5rem 0;
  }
  
  /* Disable animations on mobile */
  @media (prefers-reduced-motion: reduce) {
    * {
      animation: none !important;
      transition: none !important;
    }
  }
  
  .service-card,
  .about-feature,
  .coreinfo-item,
  .feature-item,
  .blog-card,
  .team-member,
  .price-card,
  .section-element {
    margin-bottom: 1.5rem;
  }
  
  .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }
}

/* Extra small devices (portrait phones) */
@media (max-width: 575.98px) {
  :root {
    --fs-xxl: 1.75rem;
    --fs-xl: 1.5rem;
    --fs-lg: 1.25rem;
    --fs-md: 1rem;
    --fs-base: 0.9rem;
    --space-lg: 1.5rem;
    --space-md: 1.25rem;
  }
  
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .hero-section,
  .hero-slide {
    min-height: 400px;
  }
  
  .hero-title {
    font-size: 1.75rem;
    margin-bottom: 0.5rem;
  }
  
  .hero-subtitle {
    font-size: 1.1rem;
    margin-bottom: 1rem;
  }
  
  .hero-desc {
    font-size: 0.9rem;
    margin-bottom: 1.5rem;
  }
  
  .section-title {
    font-size: 1rem;
  }
  
  .section-subtitle {
    font-size: 1rem;
  }
  
  .section-padding {
    padding: 2rem 0;
  }
  
  .btn {
    padding: 0.6rem 1.2rem;
    font-size: 0.9rem;
  }
  
  .footer {
    padding: 2rem 0 1rem;
  }
  
  .team-image {
    width: 140px;
    height: 140px;
  }
}

/* Make sure Swiper elements are visible */
.hero-section { 
  z-index: 1 !important; 
  position: relative !important; 
  margin-top: 76px !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  overflow: visible !important;
}

.swiper-container, 
.swiper, 
.swiper-wrapper, 
.hero-swiper {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 10 !important;
}

.swiper-slide {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 20 !important;
}

.hero-overlay {
  display: flex !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 30 !important;
}

.hero-content {
  z-index: 40 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-title,
.hero-subtitle,
.hero-desc {
  color: white !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.swiper-pagination,
.swiper-button-next,
.swiper-button-prev {
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 50 !important;
  color: white !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make sure Swiper navigation elements are visible */
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.8;
  visibility: visible !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-pagination-bullet-active {
  background: #85a3b2 !important;
}

/* Media Queries */
@media (max-width: 1200px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-subtitle {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero-section {
    min-height: 500px;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-content {
    max-width: 600px;
  }
  .service-card, .team-member, .coreinfo-item, .about-feature {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 450px;
  }
  .hero-title {
    font-size: 1.75rem;
  }
  .hero-subtitle {
    font-size: 1.1rem;
  }
  .hero-desc {
    font-size: 0.9rem;
  }
  .section-title {
    font-size: 1.75rem;
  }
  .section-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-section {
    min-height: 400px;
  }
  .hero-content {
    padding: 0 15px;
  }
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    font-size: 1rem;
  }
  .contact-info {
    margin-bottom: 30px;
  }
}

.hero-section {
  z-index: 1 !important;
}

.hero-slide {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 700px;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make