@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');


html,
body {
  position: relative;
  height: 100%;
  font-family: 'IBM Plex Sans', sans-serif;
}




body {

  font-size: 14px;
  color: #fff;
  margin: 0;
  padding: 0;
}

.custom-swiper-pagination .swiper-pagination {
  margin-top: 8px; /* Adjust as needed */
  position: relative; /* Or absolute if you need fine control */
}

.swiper {
  width: 100%;
  height: 100%;

  
}


.slanted-edge-about-image {
  width: 100%;
  height: 100%;
  position: relative;
  background: #ffffff;
  clip-path: path("M 120,180 A 250,250 0 0 1 360,0 L 10000,0 L 10000,650 L 0,720 Z");
  z-index: 1;
}

.slanted-edge-about-image::before {
  content: '';
  position: absolute;
  inset: 0;
  clip-path: path("M 130,180 A 250,250 0 0 1 370,10 L 10000,10 L 10000,650 L 10,720 Z");
  z-index: -1;
  top: 0;
  
}

/* Tablet (<=1024px) */
@media (max-width: 1024px) {
  .slanted-edge-about-image {
    height: 600px;
    clip-path: path("M 80,120 A 180,180 0 0 1 260,0 L 900,0 L 900,500 L 0,500 Z");
  }

  .slanted-edge-about-image::before {
    clip-path: path("M 90,120 A 180,180 0 0 1 270,10 L 900,10 L 900,500 L 10,500 Z");
  }
}

/* Mobile (<=767px) */
@media (max-width: 767px) {
  .slanted-edge-about-image {
    height: 400px;
    clip-path: path("M 40,90 A 120,120 0 0 1 160,0 L 480,0 L 480,350 L 0,350 Z");
  }

  .slanted-edge-about-image::before {
    clip-path: path("M 50,90 A 120,120 0 0 1 170,10 L 480,10 L 480,350 L 10,350 Z");
  }
}


.slanted-edge-about {

  width: 100%;
  height: 80px;
clip-path: path("M 100,50 L 350,50 L 400,35 L 430,10 L 450,0 L 790,0 L 1920,0 L 1920,384 L 0,384 L 0,50 Z");
    background: #064D6C;
  overflow: hidden;
}




.custom-shadow {
  @apply shadow-[0_4px_20px_rgba(0,0,0,0.09)];
}
.custom-shadow-strong {
  @apply shadow-[0_8px_30px_rgba(0,0,0,0.2)];
}



.curve-line {

    width: 100%;
    height: 80px;
    /* clip-path: path("M 100,50 L 340,50 A 40,40 0 0 0 375,25 A 40,40 0 0 1 410,0 L 790,0 L 1920,0 L 1920,384 L 0,384 L 0,50 Z"); */
    clip-path: path("M 100,50 L 250,50 A 40,40 0 0 0 285,25 A 40,40 0 0 1 320,0 L 790,0 L 10000,0 L 10000,384 L 0,384 L 0,50 Z");
    transform-origin: bottom;
      background: #0399DB;
    overflow: hidden;
  } 

   .curve-line-border {

    width: 100%;
    height: 70px;
    clip-path: path("M 100,50 L 255,50 A 40,40 0 0 0 290,25 A 40,40 0 0 1 325,0 L 790,0 L 10000,0 L 10000,384 L 0,384 L 0,50 Z");
    transform-origin: bottom;
      background: #064D6C;
    overflow: hidden;
  }

@media (max-width: 767px) {
  .curve-line {
     width: 100%;
    height: 30px;
clip-path: path("M 20,20 L 100,20 A 20,20 0 0 0 120,10 A 20,20 0 0 1 140,0 L 100,0 L 10000,0 L 10000,384 L 0,384 L 0,20 Z");

    transform-origin: bottom;
      background: #0399DB;
    overflow: hidden;
  }

  .curve-line-border {
     width: 100%;
    height: 30px;
clip-path: path("M 19,25 L 104,25 A 20,20 0 0 0 124,15 A 20,20 0 0 1 144,5 L 99,5 L 10000,5 L 10000,389 L -1,389 L -1,25 Z");

    transform-origin: bottom;
      background: #064D6C;
    overflow: hidden;
  }
}





  
  .curve-line-product,
.curve-line-product-inside {
  height: 100%;
  width: 100%;
  transform-origin: bottom;
  /* overflow: hidden; */
  z-index: 0;
}

/* Default (Mobile) */
.curve-line-product {
  clip-path: path("M 20,20 L 300,20 A 20,20 0 0 0 320,10 A 20,20 0 0 1 340,0 L 200,0 L 10000,0 L 10000,384 L 0,384 L 0,20 Z");
  background: linear-gradient(to top, white, #B5E9FF);
}


.curve-line-product-inside {
  clip-path: path("M 20,25 L 300,25 A 23,15 0 0 0 322,15 A 15,15 0 0 1 335,5 L 200,5 L 10000,5 L 10000,384 L 0,384 L 0,25 Z");
  
  background: #ffffff;
  z-index: -1;
}


/* Medium (Tablet ≥768px) */
@media (min-width: 768px) {
  .curve-line-product {
    
    clip-path: path("M 50,40 L 700,40 A 30,30 0 0 0 730,20 A 30,30 0 0 1 760,0 L 400,0 L 960,0 L 960,384 L 0,384 L 0,40 Z");
  }

  .curve-line-product-inside {
    clip-path: path("M 50,50 L 700,50 A 30,30 0 0 0 735,30 A 30,30 0 0 1 770,10 L 400,10 L 970,10 L 960,384 L 0,384 L 0,50 Z");
  }
}

/* Large (Desktop ≥1024px) */
@media (min-width: 1024px) {
  .curve-line-product {
clip-path: path("M 100,50 L 1050,50 A 40,40 0 0 0 1085,25 A 40,40 0 0 1 1120,0 L 640,0 L 1920,0 L 1920,400 L 0,400 L 0,50 Z");
  }

  .curve-line-product-inside {
clip-path: path("M 100,60 L 1050,60 A 40,40 0 0 0 1090,35 A 40,40 0 0 1 1130,10 L 640,10 L 1780,10 L 1920,384 L 0,384 L 0,60 Z");
  }
}

@media (min-width: 1440px) {
  .curve-line-product {
clip-path: path("M 250,60 L 1450,60 A 50,50 0 0 0 1495,30 A 50,50 0 0 1 1540,0 L 1000,0 L 10000,0 L 10000,384 L 0,384 L 0,60 Z");
;
  }

  .curve-line-product-inside {
clip-path: path("M 250,70 L 1450,70 A 50,50 0 0 0 1500,40 A 50,50 0 0 1 1550,10 L 1000,10 L 10000,10 L 10000,720 L 0,1000 L 0,70 Z");

  }
}