/* @import url("https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap"); */

@font-face {
  font-family: Onest;
  src: url("../fonts/Onest-VariableFont_wght.ttf");
}

* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
  list-style-type: none;
  text-decoration: none;
}

button {
  border: none;
  background-color: transparent;
  cursor: pointer;
}

html {
  scroll-behavior: smooth;
}

body.not-active {
  overflow: hidden;
}

:root {
  --EerieBlack: #1d1d1d;

  --OuterSpace: #444444;
  --DavysGrey: #55555d;
  --PhilippineSilver: #b3b3b3;
  --DarkJungleGreen: #27292e;
  --CharlestonGreen: #26282e;
  --DarkCharcol: #333333;
  --Jet: #333336;
  --black: #000;
  --black-01: rgba(0, 0, 0, 0.1);
  --black-02: rgba(0, 0, 0, 0.2);
  --black-03: rgba(0, 0, 0, 0.3);
  --black-04: rgba(0, 0, 0, 0.4);
  --black-05: rgba(0, 0, 0, 0.5);
  --black-06: rgba(0, 0, 0, 0.6);
  --black-07: rgba(0, 0, 0, 0.7);
  --black-08: rgba(0, 0, 0, 0.8);
  --black-b080: rgba(176, 176, 176, 0.1);
  --black-11: #111111;
  --black-133: rgba(17, 17, 17, 0.2);
  --black-dd9: rgba(29, 29, 29, 0.85);
  --black-12: #121212;
  --black-23: #1b1d23;
  --black-133: rgba(17, 17, 17, 0.2);
  --GeraniumLake: #e92827;
  --PalePink: #fbd4d4;

  --white: #ffffff;
  --white-f1: #f2f1f1;
  --white-f2: #f2f2f2;
  --white-02: rgba(255, 255, 255, 0.2);
  --white-05: rgba(255, 255, 255, 0.5);
  --white-07: rgba(255, 255, 255, 0.7);
  --white-08: rgba(255, 255, 255, 0.8);
  --white-09: rgba(255, 255, 255, 0.9);
  --white-f6: #f6f6f6;
  --white-f8: #f8f8f8;
  --GhostWhite: #f9f9fb;

  --PhilippineGray: #8a8a8a;
  --brown: #640101;
  --grey: #f7f7f7;
  --bgrey: #b0b0b0;
  --grey-31a: rgba(51, 51, 51, 0.1);
  --grey-380: rgba(51, 51, 51, 0.5);
  --grey-89: #8b8989;
  --green-2d: #19762d;
  --red-4b: #ea2f4b;
  --blue-480: rgba(6, 40, 68, 0.05);

  --fs10: clamp(5.1666666667px, 10vw * 100 / 1920, 10px);
  --fs11: clamp(5.6833333333px, 11vw * 100 / 1920, 11px);
  --fs12: clamp(6.2px, 12vw * 100 / 1920, 12px);
  --fs13: clamp(6.7166666667px, 13vw * 100 / 1920, 13px);
  --fs14: clamp(7.2333333333px, 14vw * 100 / 1920, 14px);
  --fs15: clamp(7.75px, 15vw * 100 / 1920, 15px);
  --fs16: clamp(8.2666666667px, 16vw * 100 / 1920, 16px);
  --fs17: clamp(8.7833333333px, 17vw * 100 / 1920, 17px);
  --fs17_6: clamp(9px, 17.6vw * 100 / 1920, 17.6px);
  --fs18: clamp(9.3px, 18vw * 100 / 1920, 18px);
  --fs19: clamp(9.8166666667px, 19vw * 100 / 1920, 19px);
  --fs20: clamp(10.3333333333px, 20vw * 100 / 1920, 20px);
  --fs21: clamp(10.85px, 21vw * 100 / 1920, 21px);
  --fs22: clamp(11.3666666667px, 22vw * 100 / 1920, 22px);
  --fs23: clamp(11.8833333333px, 23vw * 100 / 1920, 23px);
  --fs24: clamp(12.4px, 24vw * 100 / 1920, 24px);
  --fs25: clamp(12.9166666667px, 25vw * 100 / 1920, 25px);
  --fs26: clamp(13.4333333333px, 26vw * 100 / 1920, 26px);
  --fs27: clamp(13.95px, 27vw * 100 / 1920, 27px);
  --fs28: clamp(14.4666666667px, 28vw * 100 / 1920, 28px);
  --fs29: clamp(14.9833333333px, 29vw * 100 / 1920, 29px);
  --fs30: clamp(15.5px, 30vw * 100 / 1920, 30px);
  --fs31: clamp(16.0166666667px, 31vw * 100 / 1920, 31px);
  --fs32: clamp(16.5333333333px, 32vw * 100 / 1920, 32px);
  --fs33: clamp(17.05px, 33vw * 100 / 1920, 33px);
  --fs34: clamp(17.5666666667px, 34vw * 100 / 1920, 34px);
  --fs35: clamp(18.0833333333px, 35vw * 100 / 1920, 35px);
  --fs36: clamp(18.6px, 36vw * 100 / 1920, 36px);
  --fs37: clamp(19.1166666667px, 37vw * 100 / 1920, 37px);
  --fs38: clamp(19.6333333333px, 38vw * 100 / 1920, 38px);
  --fs39: clamp(20.15px, 39vw * 100 / 1920, 39px);
  --fs40: clamp(20.6666666667px, 40vw * 100 / 1920, 40px);
  --fs41: clamp(21.1833333333px, 41vw * 100 / 1920, 41px);
  --fs42: clamp(21.7px, 42vw * 100 / 1920, 42px);
  --fs43: clamp(22.2166666667px, 43vw * 100 / 1920, 43px);
  --fs44: clamp(22.7333333333px, 44vw * 100 / 1920, 44px);
  --fs45: clamp(23.25px, 45vw * 100 / 1920, 45px);
  --fs46: clamp(23.7666666667px, 46vw * 100 / 1920, 46px);
  --fs47: clamp(24.2833333333px, 47vw * 100 / 1920, 47px);
  --fs48: clamp(24.8px, 48vw * 100 / 1920, 48px);
  --fs49: clamp(25.3166666667px, 49vw * 100 / 1920, 49px);
  --fs50: clamp(25.8333333333px, 50vw * 100 / 1920, 50px);
  --fs51: clamp(26.35px, 51vw * 100 / 1920, 51px);
  --fs52: clamp(26.8666666667px, 52vw * 100 / 1920, 52px);
  --fs53: clamp(27.3833333333px, 53vw * 100 / 1920, 53px);
  --fs54: clamp(27.9px, 54vw * 100 / 1920, 54px);
  --fs55: clamp(28.4166666667px, 55vw * 100 / 1920, 55px);
  --fs56: clamp(28.9333333333px, 56vw * 100 / 1920, 56px);
  --fs57: clamp(29.45px, 57vw * 100 / 1920, 57px);
  --fs58: clamp(29.9666666667px, 58vw * 100 / 1920, 58px);
  --fs59: clamp(30.4833333333px, 59vw * 100 / 1920, 59px);
  --fs60: clamp(31px, 60vw * 100 / 1920, 60px);
  --fs61: clamp(31.5166666667px, 61vw * 100 / 1920, 61px);
  --fs62: clamp(32.0333333333px, 62vw * 100 / 1920, 62px);
  --fs63: clamp(32.55px, 63vw * 100 / 1920, 63px);
  --fs64: clamp(33.0666666667px, 64vw * 100 / 1920, 64px);
  --fs65: clamp(33.5833333333px, 65vw * 100 / 1920, 65px);
  --fs66: clamp(34.1px, 66vw * 100 / 1920, 66px);
  --fs67: clamp(34.6166666667px, 67vw * 100 / 1920, 67px);
  --fs68: clamp(35.1333333333px, 68vw * 100 / 1920, 68px);
  --fs69: clamp(35.65px, 69vw * 100 / 1920, 69px);
  --fs70: clamp(36.1666666667px, 70vw * 100 / 1920, 70px);
  --fs71: clamp(36.6833333333px, 71vw * 100 / 1920, 71px);
  --fs72: clamp(37.2px, 72vw * 100 / 1920, 72px);
  --fs73: clamp(37.7166666667px, 73vw * 100 / 1920, 73px);
  --fs74: clamp(38.2333333333px, 74vw * 100 / 1920, 74px);
  --fs75: clamp(38.75px, 75vw * 100 / 1920, 75px);
  --fs76: clamp(39.2666666667px, 76vw * 100 / 1920, 76px);
  --fs77: clamp(39.7833333333px, 77vw * 100 / 1920, 77px);
  --fs78: clamp(40.3px, 78vw * 100 / 1920, 78px);
  --fs79: clamp(40.8166666667px, 79vw * 100 / 1920, 79px);
  --fs80: clamp(41.3333333333px, 80vw * 100 / 1920, 80px);
  --fs82: clamp(42px, 82vw * 100 / 1920, 82px);
  --fs83: clamp(42px, 83vw * 100 / 1920, 83px);
  --fs85: clamp(43px, 85vw * 100 / 1920, 85px);
  --fs86: clamp(42px, 86vw * 100 / 1920, 86px);
  --fs89: clamp(42px, 89vw * 100 / 1920, 89px);
  --fs90: clamp(41.3333333333px, 90vw * 100 / 1920, 90px);
  --fs91: clamp(41.3333333333px, 91vw * 100 / 1920, 91px);
  --fs93: clamp(41.3333333333px, 93vw * 100 / 1920, 93px);
  --fs95: clamp(40px, 93vw * 100 / 1920, 95px);
  --fs96: clamp(45px, 96vw * 100 / 1920, 96px);
  --fs98: clamp(48px, 98vw * 100 / 1920, 98px);
  --fs100: clamp(50px, 100vw * 100 / 1920, 100px);
  --fs105: clamp(52px, 105vw * 100 / 1920, 105px);
  --fs107: clamp(50px, 107vw * 100 / 1920, 107px);
  --fs110: clamp(55px, 110vw * 100 / 1920, 110px);
  --fs116: clamp(58px, 116vw * 100 / 1920, 116px);
  --fs120: clamp(55px, 120vw * 100 / 1920, 120px);
  --fs123: clamp(55px, 123vw * 100 / 1920, 123px);
  --fs124: clamp(55px, 124vw * 100 / 1920, 124px);
  --fs130: clamp(68px, 130vw * 100 / 1920, 130px);
  --fs136: clamp(65px, 136vw * 100 / 1920, 136px);
  --fs139: clamp(68px, 139vw * 100 / 1920, 139px);
  --fs140: clamp(70px, 140vw * 100 / 1920, 140px);
  --fs150: clamp(75px, 150vw * 100 / 1920, 150px);
  --fs158: clamp(100px, 158vw * 100 / 1920, 158px);
  --fs164: clamp(80px, 164vw * 100 / 1920, 164px);
  --fs171: clamp(80px, 171vw * 100 / 1920, 171px);
  --fs175: clamp(100px, 175vw * 100 / 1920, 175px);
  --fs184: clamp(90px, 184vw * 100 / 1920, 184px);
  --fs189: clamp(50px, 189vw * 100 / 1920, 189px);
  --fs200: clamp(110px, 200vw * 100 / 1920, 200px);
  --fs236: clamp(190px, 236vw * 100 / 1920, 236px);
  --fs254: clamp(140px, 254vw * 100 / 1920, 254px);
  --fs258: clamp(130px, 258vw * 100 / 1920, 258px);
  --fs277: clamp(155px, 277vw * 100 / 1920, 277px);
  --fs301: clamp(170px, 301vw * 100 / 1920, 301px);
  --fs306: clamp(190px, 306vw * 100 / 1920, 306px);
  --fs354: clamp(200px, 354vw * 100 / 1920, 354px);
  --fs380: clamp(200px, 380vw * 100 / 1920, 380px);
  --fs390: clamp(200px, 390vw * 100 / 1920, 390px);
  --fs438: clamp(270px, 438vw * 100 / 1920, 438px);
   --fs482: clamp(270px, 482vw * 100 / 1920, 482px);
  --fs505: clamp(270px, 505vw * 100 / 1920, 505px);
  --fs612: clamp(190px, 612vw * 100 / 1920, 612px);
  --fs639: clamp(300px, 639vw * 100 / 1920, 639px);
  --fs694: clamp(350px, 694vw * 100 / 1920, 694px);
  --fs739: clamp(380px, 739vw * 100 / 1920, 739px);
  --fs830: clamp(410px, 830vw * 100 / 1920, 830px);
  --fs854: clamp(456px, 854vw * 100 / 1920, 854px);

  /* Small screens */
  --fs10-m: clamp(6px, calc(8px + 4 * ((100vw - 320px) / 672)), 10px);
  --fs11-m: clamp(7px, calc(8px + 4 * ((10vw - 320px) / 672)), 11px);
  --fs12-m: clamp(8px, calc(8px + 4 * ((100vw - 320px) / 672)), 12px);
  --fs13-m: clamp(8px, calc(8px + 5 * ((100vw - 320px) / 672)), 13px);
  --fs14-m: clamp(9px, calc(9px + 5 * ((100vw - 320px) / 672)), 14px);
  --fs15-m: clamp(9px, calc(9px + 6 * ((100vw - 320px) / 672)), 15px);
  --fs16-m: clamp(10px, calc(10px + 6 * ((100vw - 320px) / 672)), 16px);
  --fs17-m: clamp(10px, calc(10px + 7 * ((100vw - 320px) / 672)), 17px);
  --fs18-m: clamp(11px, calc(11px + 7 * ((100vw - 320px) / 672)), 18px);
  --fs19-m: clamp(11px, calc(11px + 8 * ((100vw - 320px) / 672)), 19px);
  --fs20-m: clamp(12px, calc(12px + 8 * ((100vw - 320px) / 672)), 20px);

  --fs21-m: clamp(12px, calc(12px + 9 * ((100vw - 320px) / 672)), 21px);
  --fs22-m: clamp(13px, calc(13px + 9 * ((100vw - 320px) / 672)), 22px);
  --fs23-m: clamp(13px, calc(13px + 10 * ((100vw - 320px) / 672)), 23px);
  --fs24-m: clamp(14px, calc(14px + 10 * ((100vw - 320px) / 672)), 24px);
  --fs25-m: clamp(14px, calc(14px + 11 * ((100vw - 320px) / 672)), 25px);

  --fs26-m: clamp(15px, calc(15px + 11 * ((100vw - 320px) / 672)), 26px);
  --fs27-m: clamp(15px, calc(15px + 12 * ((100vw - 320px) / 672)), 27px);
  --fs28-m: clamp(16px, calc(16px + 12 * ((100vw - 320px) / 672)), 28px);
  --fs29-m: clamp(16px, calc(16px + 13 * ((100vw - 320px) / 672)), 29px);
  --fs30-m: clamp(17px, calc(17px + 13 * ((100vw - 320px) / 672)), 30px);

  --fs31-m: clamp(17px, calc(17px + 14 * ((100vw - 320px) / 672)), 31px);
  --fs32-m: clamp(18px, calc(18px + 14 * ((100vw - 320px) / 672)), 32px);
  --fs33-m: clamp(18px, calc(18px + 15 * ((100vw - 320px) / 672)), 33px);
  --fs34-m: clamp(19px, calc(19px + 15 * ((100vw - 320px) / 672)), 34px);
  --fs35-m: clamp(19px, calc(19px + 16 * ((100vw - 320px) / 672)), 35px);

  --fs36-m: clamp(20px, calc(20px + 16 * ((100vw - 320px) / 672)), 36px);
  --fs37-m: clamp(20px, calc(20px + 17 * ((100vw - 320px) / 672)), 37px);
  --fs38-m: clamp(21px, calc(21px + 17 * ((100vw - 320px) / 672)), 38px);
  --fs39-m: clamp(21px, calc(21px + 18 * ((100vw - 320px) / 672)), 39px);
  --fs40-m: clamp(22px, calc(22px + 18 * ((100vw - 320px) / 672)), 40px);

  --fs41-m: clamp(22px, calc(22px + 19 * ((100vw - 320px) / 672)), 41px);
  --fs42-m: clamp(23px, calc(23px + 19 * ((100vw - 320px) / 672)), 42px);
  --fs43-m: clamp(23px, calc(23px + 20 * ((100vw - 320px) / 672)), 43px);
  --fs44-m: clamp(24px, calc(24px + 20 * ((100vw - 320px) / 672)), 44px);
  --fs45-m: clamp(24px, calc(24px + 21 * ((100vw - 320px) / 672)), 45px);

  --fs46-m: clamp(25px, calc(25px + 21 * ((100vw - 320px) / 672)), 46px);
  --fs47-m: clamp(25px, calc(25px + 22 * ((100vw - 320px) / 672)), 47px);
  --fs48-m: clamp(26px, calc(26px + 22 * ((100vw - 320px) / 672)), 48px);
  --fs49-m: clamp(26px, calc(26px + 23 * ((100vw - 320px) / 672)), 49px);
  --fs50-m: clamp(27px, calc(27px + 23 * ((100vw - 320px) / 672)), 50px);
  --fs55-m: clamp(27px, calc(27px + 23 * ((100vw - 320px) / 672)), 55px);

  --fs60-m: clamp(30px, calc(30px + 30 * ((100vw - 320px) / 672)), 60px);
  --fs70-m: clamp(34px, calc(34px + 36 * ((100vw - 320px) / 672)), 70px);
  --fs80-m: clamp(38px, calc(38px + 42 * ((100vw - 320px) / 672)), 80px);
  --fs90-m: clamp(40px, calc(40px + 50 * ((100vw - 320px) / 672)), 90px);
  --fs96-m: clamp(42px, calc(42px + 54 * ((100vw - 320px) / 672)), 96px);
  --fs100-m: clamp(44px, calc(44px + 56 * ((100vw - 320px) / 672)), 100px);
  --fs120-m: clamp(48px, calc(48px + 72 * ((100vw - 320px) / 672)), 120px);
  --fs158-m: clamp(68px, calc(48px + 72 * ((100vw - 320px) / 672)), 158px);
  --fs160-m: clamp(78px, calc(48px + 72 * ((100vw - 320px) / 672)), 160px);

  --fs438-m: clamp(270px, calc(270px + 72 * ((100vw - 320px) / 672)), 438px);
  --fs505-m: clamp(290px, calc(290px + 72 * ((100vw - 320px) / 672)), 505px);
}