body#index #custom-text {
  padding-inline: 20px !important;
  padding-top: 150px !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}
body#index #custom-text h3 {
  max-width: 1920px;
  margin: 0 auto;
  font-family: "Poppins", sans-serif;
  color: black;
  /* font-size: 36px; */

  --max-fs: 36;
  --min-fs: 24;
  --maxtrans-fs: 1920;
  --mintrans-fs: 430;
  font-size: clamp(
    var(--min-fs) * 1px,
    calc(
      (var(--max-fs) - var(--min-fs)) *
        (
          (100vw - var(--mintrans-fs) * 1px) /
            (var(--maxtrans-fs) - var(--mintrans-fs))
        ) + var(--min-fs) * 1px
    ),
    var(--max-fs) * 1px
  );

  font-weight: 900;
  text-transform: uppercase;
  /* padding-inline: 600px; */
  --max: 600;
  --min: 20;
  --maxtrans: 1920;
  --mintrans: 430;
  /* padding-inline: clamp(
    var(--min) * 1px,
    calc(
      (var(--max) - var(--min)) *
        ((100vw - var(--mintrans) * 1px) / (var(--maxtrans) - var(--mintrans))) +
        var(--min) * 1px
    ),
    var(--max) * 1px
  );*/
  margin-bottom: 20px !important;
}

body#index #custom-text h4 {
  margin-top: 30px !important;
  max-width: 1920px;
  margin: 0 auto;
  font-family: "Poppins", sans-serif;
  color: black;
  /* font-size: 36px; */

  --max-fs: 18;
  --min-fs: 18;
  --maxtrans-fs: 1920;
  --mintrans-fs: 430;
  font-size: clamp(
    var(--min-fs) * 1px,
    calc(
      (var(--max-fs) - var(--min-fs)) *
        (
          (100vw - var(--mintrans-fs) * 1px) /
            (var(--maxtrans-fs) - var(--mintrans-fs))
        ) + var(--min-fs) * 1px
    ),
    var(--max-fs) * 1px
  );

  font-weight: 900;
  text-transform: uppercase;
  padding-inline: 600px;
  --max: 600;
  --min: 20;
  --maxtrans: 1920;
  --mintrans: 430;
  padding-inline: clamp(
    var(--min) * 1px,
    calc(
      (var(--max) - var(--min)) *
        ((100vw - var(--mintrans) * 1px) / (var(--maxtrans) - var(--mintrans))) +
        var(--min) * 1px
    ),
    var(--max) * 1px
  );
  margin-bottom: 20px !important;
}
body#index #custom-text p {
  max-width: 1920px;
  margin: 0 auto;
  font-family: "Poppins", sans-serif;
  color: black;
  line-height: 2em !important;
  padding-bottom: 1em !important;
  --max-fs: 14;
  --min-fs: 12;
  --maxtrans-fs: 1920;
  --mintrans-fs: 430;
  font-size: clamp(
    var(--min-fs) * 1px,
    calc(
      (var(--max-fs) - var(--min-fs)) *
        (
          (100vw - var(--mintrans-fs) * 1px) /
            (var(--maxtrans-fs) - var(--mintrans-fs))
        ) + var(--min-fs) * 1px
    ),
    var(--max-fs) * 1px
  );
  font-weight: 400;
  --max: 500;
  --min: 20;
  --maxtrans: 1920;
  --mintrans: 430;
  padding-inline: clamp(
    var(--min) * 1px,
    calc(
      (var(--max) - var(--min)) *
        ((100vw - var(--mintrans) * 1px) / (var(--maxtrans) - var(--mintrans))) +
        var(--min) * 1px
    ),
    var(--max) * 1px
  );
}

body#index #custom-text video {
  padding-top: 140px !important;
  top: 10px;
  position: relative;
  width: 100vw !important;
  object-fit: cover;
  /* height: 1080px; */
  --max: 1080;
  --min: 400;
  --maxtrans: 1920;
  --mintrans: 430;
  height: clamp(
    var(--min) * 1px,
    calc(
      (var(--max) - var(--min)) *
        ((100vw - var(--mintrans) * 1px) / (var(--maxtrans) - var(--mintrans))) +
        var(--min) * 1px
    ),
    var(--max) * 1px
  ) !important;
  scale: 1.1;
}
