* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
  
  body {
    font-family: 'Inter', sans-serif;
    line-height: 1;
    font-weight: 300;
    color: #373737;
    overflow-x: hidden;
  }
  
  html {
    font-size: 62.5%;
    overflow-x: hidden;
  }

  .container{
    margin: 0 auto;
    width: 120rem;
  }

  .sec{
    padding: 7.2rem 0;
  }

  .center{
    text-align: center;
  }


  .h1{
    font-family: 'Bebas Neue', sans-serif;
    color: white;
    font-size: 9.6rem;
    font-weight: 400;
    line-height: 115px;
    margin-top: 2rem;
  }

  .h2{
    font-family: 'Bebas Neue', sans-serif;
    font-size: 4.8rem;
    font-weight: 400;
    line-height: 58px;
    text-align: center;
  }

  .h3{
    font-size: 2.4rem;
    font-weight: 800;
    line-height: 29px;
  }

  .h3White{
    color: var(--White, #FFF);
  }

  .h4{
    color: var(--Orange-3, #F3764A);
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 19px;
  }

  .h4Black{
    color: var(--grey-5-text, #373737);
  }

  .h4White{
    color: var(--White, #FFF);
  }

  .p{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 24px;
  }

  .pWhite{
    color: white;
  }

  .pGrey{
    color: #808080;
  }

  .pLarge{
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 27px;
  }

  .pSmall{
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 21px;
  }

  .headlineSpecial{
    font-size: 4.8rem;
    font-weight: 800;
    line-height: 58px;
    color: var(--Orange-3, #F3764A);
  } 

  .btn,
  .btn:link,
  .btn:visited {
    background: var(--Orange-3, #F3764A);
    padding: 1.2rem 2.4rem;
    border: none;
    border-radius: 100px;
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.10);
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .btn:active,
  .btn:hover{
    background-color: #cf6c4b;
  }

  .dots{
    display: none;
    justify-content: center;
    margin-top: 2rem;
    gap: 1.2rem;
  }

  .dot,
  .dot:link,
  .dot:visited {
    height: 1.2rem;
    width: 1.2rem;
    background-color: #F9BBA6;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .dot:active,
  .dot:hover {
    background-color: #F3764A;
  }