.font-general {
  font-family: Khula, serif;
}

.font-titles {
  font-family: Kanit, sans-serif;
}
.main-title {
  font-family: Kanit, sans-serif;
  color: #030c10;
  font-weight: 700;
  text-transform: capitalize;
  font-size: clamp(1.875rem, 1.5741rem + 1.2346vw, 2.5rem);
}

/* Main Hero */

@media (min-width: 1280px) {
  .main-ai-hero-section::before {
    content: "Insurance";
    position: absolute;
    top: 0;
    right: 0;
    font-size: 160px;
    line-height: 1;
    font-weight: bold;
    color: #F9FAFF;
    white-space: nowrap;
    z-index: 10;
    pointer-events: none; 
  }
}
.main-ai-hero-section::after {
  content: "";
  position: absolute;
  height: 200px; 
  width: 1px; 
  background-color: #030C10;
  right: 0;
  bottom: 0;
  transform: translateY(50%);
  z-index: 15; 
}
.main-ai-hero {
  filter: url('#goo');
  overflow: hidden;
}
@media (min-width: 1024px) {
  .main-ai-hero_auto-wrapper,
  .main-ai-hero_home-wrapper {
    background-size: auto 100%;
  }
  .main-ai-hero_auto-wrapper:hover,
  .main-ai-hero_home-wrapper:hover {
    background-size: auto 110%;
  }
  .main-ai-hero-box {
    max-height: 650px;
    /* clip-path: polygon(25% 0%, 85% 0%, 100% 0%, 100% 70%, 75% 100%, 15% 100%, 0% 100%, 0% 30%); */ /* Initial Bevel */
    clip-path: polygon(25% 0%, 100% 0%, 100% 65%, 75% 100%, 0% 100%, 0% 35%);
  }
}
@media (max-width: 1023px) {
  .main-ai-hero_auto-wrapper,
  .main-ai-hero_home-wrapper {
    background-size: 120% auto;
  }
  .main-ai-hero_auto-wrapper:hover,
  .main-ai-hero_home-wrapper:hover {
    background-size: 130% auto;
  }
  .main-ai-hero-box {
    /* clip-path: polygon(40% 0%, 100% 0%, 100% 0%, 100% 85%, 60% 100%, 0% 100%, 0% 100%, 0% 15%); */ /* Initial Bevel */
    clip-path: polygon(40% 0%, 100% 0%, 100% 85%, 60% 100%, 0% 100%, 0% 15%);
  }
}
.main-ai-hero_auto-wrapper {
  background-image: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%),
      url("../../assets/images/hero-auto.webp");
  background-blend-mode: overlay;
  background-position: center;
  background-repeat: no-repeat;
  
  transition: background-size 2s ease; 
}

.main-ai-hero_home-wrapper {
  background-image: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%),
      url("../../assets/images/hero-home.webp");
  background-blend-mode: overlay;
  background-position: center;
  background-repeat: no-repeat;

  transition: background-size 2s ease; 
}

.main-ai-hero_title {
  font-size: clamp(1.5rem, 0.7642rem + 3.0189vw, 3.5rem);
}
.main-ai-hero_subtitle {
  font-size: clamp(1rem, 0.5173rem + 1.9802vw, 2.25rem);
}