* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --font-lit: "Literata", serif;
  --font-pp: "PP Editorial Old", serif;
  --font-sch: "Schibsted Grotesk", serif;
  --bg-primary-color: #fffbf4;
  --bg-secondary-color: #f9f4ed;
  --bg-pink: #e40571;
  --linkcolor: #3c1053 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
}

h1,
h2 {
    font-family: var(--font-lit);
}

body {
  font-family: var(--font-sch);
  overflow-x: hidden !important;
  background-color: var(--bg-primary-color);
}

a {
  color: #000 !important;
  text-decoration: none !important;
}

.vh-60 {
  height: 60vh !important;
}

.font-lit {
  font-family: var(--font-lit);
}

.font-pp {
  font-family: var(--font-pp);
}

.font-sch {
  font-family: var(--font-sch);
}

.font-play {
  font-family: var(--font-play);
}

.bg-primary-color {
  background: var(--bg-primary-color);
}

.bg-secondary-color {
  background: var(--bg-secondary-color);
}

/* Base classes for all devices */

.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-50 {
  padding-bottom: 50px;
}

/* Margin Top */
.mt-0 {
  margin-top: 0px !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-35 {
  margin-top: 35px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-45 {
  margin-top: 45px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mt-55 {
  margin-top: 55px !important;
}
.mt-60 {
  margin-top: 60px !important;
}
.mt-65 {
  margin-top: 65px !important;
}
.mt-70 {
  margin-top: 70px !important;
}
.mt-75 {
  margin-top: 75px !important;
}
.mt-80 {
  margin-top: 80px !important;
}
.mt-85 {
  margin-top: 85px !important;
}
.mt-90 {
  margin-top: 90px !important;
}
.mt-95 {
  margin-top: 95px !important;
}
.mt-100 {
  margin-top: 100px !important;
}

/* Margin Bottom */
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-25 {
  margin-bottom: 25px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-35 {
  margin-bottom: 35px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-45 {
  margin-bottom: 45px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.mb-55 {
  margin-bottom: 55px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.mb-65 {
  margin-bottom: 65px !important;
}
.mb-70 {
  margin-bottom: 70px !important;
}
.mb-75 {
  margin-bottom: 75px !important;
}
.mb-80 {
  margin-bottom: 80px !important;
}
.mb-85 {
  margin-bottom: 85px !important;
}
.mb-90 {
  margin-bottom: 90px !important;
}
.mb-95 {
  margin-bottom: 95px !important;
}
.mb-100 {
  margin-bottom: 100px !important;
}

/* Padding Top */
.pt-0 {
  padding-top: 0px !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pt-25 {
  padding-top: 25px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pt-35 {
  padding-top: 35px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pt-45 {
  padding-top: 45px !important;
}
.pt-50 {
  padding-top: 50px !important;
}
.pt-55 {
  padding-top: 55px !important;
}
.pt-60 {
  padding-top: 60px !important;
}
.pt-65 {
  padding-top: 65px !important;
}
.pt-70 {
  padding-top: 70px !important;
}
.pt-75 {
  padding-top: 75px !important;
}
.pt-80 {
  padding-top: 80px !important;
}
.pt-85 {
  padding-top: 85px !important;
}
.pt-90 {
  padding-top: 90px !important;
}
.pt-95 {
  padding-top: 95px !important;
}
.pt-100 {
  padding-top: 100px !important;
}
.pt-150 {
  padding-top: 150px !important;
}
.pt-200 {
  padding-top: 200px !important;
}
.pt-250 {
  padding-top: 250px !important;
}

/* Padding Bottom */
.pb-0 {
  padding-bottom: 0px !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-25 {
  padding-bottom: 25px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pb-35 {
  padding-bottom: 35px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pb-45 {
  padding-bottom: 45px !important;
}
.pb-50 {
  padding-bottom: 50px !important;
}
.pb-55 {
  padding-bottom: 55px !important;
}
.pb-60 {
  padding-bottom: 60px !important;
}
.pb-65 {
  padding-bottom: 65px !important;
}
.pb-70 {
  padding-bottom: 70px !important;
}
.pb-75 {
  padding-bottom: 75px !important;
}
.pb-80 {
  padding-bottom: 80px !important;
}
.pb-85 {
  padding-bottom: 85px !important;
}
.pb-90 {
  padding-bottom: 90px !important;
}
.pb-95 {
  padding-bottom: 95px !important;
}
.pb-100 {
  padding-bottom: 100px !important;
}
.pb-150 {
  padding-bottom: 150px !important;
}
.pb-200 {
  padding-bottom: 200px !important;
}
.pb-250 {
  padding-bottom: 250px !important;
}

/* Small devices (< 912px) */
@media (max-width: 767.98px) {
  /* Margin Top - Small */
  .mt-sm-0 {
    margin-top: 0px !important;
  }
  .mt-sm-5 {
    margin-top: 5px !important;
  }
  .mt-sm-10 {
    margin-top: 10px !important;
  }
  .mt-sm-15 {
    margin-top: 15px !important;
  }
  .mt-sm-20 {
    margin-top: 20px !important;
  }
  .mt-sm-25 {
    margin-top: 25px !important;
  }
  .mt-sm-30 {
    margin-top: 30px !important;
  }
  .mt-sm-35 {
    margin-top: 35px !important;
  }
  .mt-sm-40 {
    margin-top: 40px !important;
  }
  .mt-sm-45 {
    margin-top: 45px !important;
  }
  .mt-sm-50 {
    margin-top: 50px !important;
  }
  .mt-sm-55 {
    margin-top: 55px !important;
  }
  .mt-sm-60 {
    margin-top: 60px !important;
  }
  .mt-sm-65 {
    margin-top: 65px !important;
  }
  .mt-sm-70 {
    margin-top: 70px !important;
  }
  .mt-sm-75 {
    margin-top: 75px !important;
  }
  .mt-sm-80 {
    margin-top: 80px !important;
  }
  .mt-sm-85 {
    margin-top: 85px !important;
  }
  .mt-sm-90 {
    margin-top: 90px !important;
  }
  .mt-sm-95 {
    margin-top: 95px !important;
  }
  .mt-sm-100 {
    margin-top: 100px !important;
  }
  .mt-sm-150 {
    margin-top: 150px !important;
  }
  .mt-sm-200 {
    margin-top: 200px !important;
  }
  .mt-sm-250 {
    margin-top: 250px !important;
  }

  /* Margin Bottom - Small */
  .mb-sm-0 {
    margin-bottom: 0px !important;
  }
  .mb-sm-5 {
    margin-bottom: 5px !important;
  }
  .mb-sm-10 {
    margin-bottom: 10px !important;
  }
  .mb-sm-15 {
    margin-bottom: 15px !important;
  }
  .mb-sm-20 {
    margin-bottom: 20px !important;
  }
  .mb-sm-25 {
    margin-bottom: 25px !important;
  }
  .mb-sm-30 {
    margin-bottom: 30px !important;
  }
  .mb-sm-35 {
    margin-bottom: 35px !important;
  }
  .mb-sm-40 {
    margin-bottom: 40px !important;
  }
  .mb-sm-45 {
    margin-bottom: 45px !important;
  }
  .mb-sm-50 {
    margin-bottom: 50px !important;
  }
  .mb-sm-55 {
    margin-bottom: 55px !important;
  }
  .mb-sm-60 {
    margin-bottom: 60px !important;
  }
  .mb-sm-65 {
    margin-bottom: 65px !important;
  }
  .mb-sm-70 {
    margin-bottom: 70px !important;
  }
  .mb-sm-75 {
    margin-bottom: 75px !important;
  }
  .mb-sm-80 {
    margin-bottom: 80px !important;
  }
  .mb-sm-85 {
    margin-bottom: 85px !important;
  }
  .mb-sm-90 {
    margin-bottom: 90px !important;
  }
  .mb-sm-95 {
    margin-bottom: 95px !important;
  }
  .mb-sm-100 {
    margin-bottom: 100px !important;
  }
  .mb-sm-150 {
    margin-bottom: 150px !important;
  }
  .mb-sm-200 {
    margin-bottom: 200px !important;
  }
  .mb-sm-250 {
    margin-bottom: 250px !important;
  }

  /* Padding Top - Small */
  .pt-sm-0 {
    padding-top: 0px !important;
  }
  .pt-sm-5 {
    padding-top: 5px !important;
  }
  .pt-sm-10 {
    padding-top: 10px !important;
  }
  .pt-sm-15 {
    padding-top: 15px !important;
  }
  .pt-sm-20 {
    padding-top: 20px !important;
  }
  .pt-sm-25 {
    padding-top: 25px !important;
  }
  .pt-sm-30 {
    padding-top: 30px !important;
  }
  .pt-sm-35 {
    padding-top: 35px !important;
  }
  .pt-sm-40 {
    padding-top: 40px !important;
  }
  .pt-sm-45 {
    padding-top: 45px !important;
  }
  .pt-sm-50 {
    padding-top: 50px !important;
  }
  .pt-sm-55 {
    padding-top: 55px !important;
  }
  .pt-sm-60 {
    padding-top: 60px !important;
  }
  .pt-sm-65 {
    padding-top: 65px !important;
  }
  .pt-sm-70 {
    padding-top: 70px !important;
  }
  .pt-sm-75 {
    padding-top: 75px !important;
  }
  .pt-sm-80 {
    padding-top: 80px !important;
  }
  .pt-sm-85 {
    padding-top: 85px !important;
  }
  .pt-sm-90 {
    padding-top: 90px !important;
  }
  .pt-sm-95 {
    padding-top: 95px !important;
  }
  .pt-sm-100 {
    padding-top: 100px !important;
  }
  .pt-sm-150 {
    padding-top: 150px !important;
  }
  .pt-sm-200 {
    padding-top: 200px !important;
  }
  .pt-sm-250 {
    padding-top: 250px !important;
  }

  /* Padding Bottom - Small */
  .pb-sm-0 {
    padding-bottom: 0px !important;
  }
  .pb-sm-5 {
    padding-bottom: 5px !important;
  }
  .pb-sm-10 {
    padding-bottom: 10px !important;
  }
  .pb-sm-15 {
    padding-bottom: 15px !important;
  }
  .pb-sm-20 {
    padding-bottom: 20px !important;
  }
  .pb-sm-25 {
    padding-bottom: 25px !important;
  }
  .pb-sm-30 {
    padding-bottom: 30px !important;
  }
  .pb-sm-35 {
    padding-bottom: 35px !important;
  }
  .pb-sm-40 {
    padding-bottom: 40px !important;
  }
  .pb-sm-45 {
    padding-bottom: 45px !important;
  }
  .pb-sm-50 {
    padding-bottom: 50px !important;
  }
  .pb-sm-55 {
    padding-bottom: 55px !important;
  }
  .pb-sm-60 {
    padding-bottom: 60px !important;
  }
  .pb-sm-65 {
    padding-bottom: 65px !important;
  }
  .pb-sm-70 {
    padding-bottom: 70px !important;
  }
  .pb-sm-75 {
    padding-bottom: 75px !important;
  }
  .pb-sm-80 {
    padding-bottom: 80px !important;
  }
  .pb-sm-85 {
    padding-bottom: 85px !important;
  }
  .pb-sm-90 {
    padding-bottom: 90px !important;
  }
  .pb-sm-95 {
    padding-bottom: 95px !important;
  }
  .pb-sm-100 {
    padding-bottom: 100px !important;
  }
  .pb-sm-150 {
    padding-bottom: 150px !important;
  }
  .pb-sm-200 {
    padding-bottom: 200px !important;
  }
  .pb-sm-250 {
    padding-bottom: 250px !important;
  }
}

/* Medium devices (>= 912px) */
@media (min-width: 912px) {
  /* Margin Top - Medium */
  .mt-md-0 {
    margin-top: 0px !important;
  }
  .mt-md-5 {
    margin-top: 5px !important;
  }
  .mt-md-10 {
    margin-top: 10px !important;
  }
  .mt-md-15 {
    margin-top: 15px !important;
  }
  .mt-md-20 {
    margin-top: 20px !important;
  }
  .mt-md-25 {
    margin-top: 25px !important;
  }
  .mt-md-30 {
    margin-top: 30px !important;
  }
  .mt-md-35 {
    margin-top: 35px !important;
  }
  .mt-md-40 {
    margin-top: 40px !important;
  }
  .mt-md-45 {
    margin-top: 45px !important;
  }
  .mt-md-50 {
    margin-top: 50px !important;
  }
  .mt-md-55 {
    margin-top: 55px !important;
  }
  .mt-md-60 {
    margin-top: 60px !important;
  }
  .mt-md-65 {
    margin-top: 65px !important;
  }
  .mt-md-70 {
    margin-top: 70px !important;
  }
  .mt-md-75 {
    margin-top: 75px !important;
  }
  .mt-md-80 {
    margin-top: 80px !important;
  }
  .mt-md-85 {
    margin-top: 85px !important;
  }
  .mt-md-90 {
    margin-top: 90px !important;
  }
  .mt-md-95 {
    margin-top: 95px !important;
  }
  .mt-md-100 {
    margin-top: 100px !important;
  }
  .mt-md-150 {
    margin-bottom: 150px !important;
  }
  .mt-md-200 {
    margin-bottom: 200px !important;
  }
  .mt-md-250 {
    margin-bottom: 250px !important;
  }

  /* Margin Bottom - Medium */
  .mb-md-0 {
    margin-bottom: 0px !important;
  }
  .mb-md-5 {
    margin-bottom: 5px !important;
  }
  .mb-md-10 {
    margin-bottom: 10px !important;
  }
  .mb-md-15 {
    margin-bottom: 15px !important;
  }
  .mb-md-20 {
    margin-bottom: 20px !important;
  }
  .mb-md-25 {
    margin-bottom: 25px !important;
  }
  .mb-md-30 {
    margin-bottom: 30px !important;
  }
  .mb-md-35 {
    margin-bottom: 35px !important;
  }
  .mb-md-40 {
    margin-bottom: 40px !important;
  }
  .mb-md-45 {
    margin-bottom: 45px !important;
  }
  .mb-md-50 {
    margin-bottom: 50px !important;
  }
  .mb-md-55 {
    margin-bottom: 55px !important;
  }
  .mb-md-60 {
    margin-bottom: 60px !important;
  }
  .mb-md-65 {
    margin-bottom: 65px !important;
  }
  .mb-md-70 {
    margin-bottom: 70px !important;
  }
  .mb-md-75 {
    margin-bottom: 75px !important;
  }
  .mb-md-80 {
    margin-bottom: 80px !important;
  }
  .mb-md-85 {
    margin-bottom: 85px !important;
  }
  .mb-md-90 {
    margin-bottom: 90px !important;
  }
  .mb-md-95 {
    margin-bottom: 95px !important;
  }
  .mb-md-100 {
    margin-bottom: 100px !important;
  }
  .mb-md-150 {
    margin-bottom: 150px !important;
  }
  .mb-md-200 {
    margin-bottom: 200px !important;
  }
  .mb-md-250 {
    margin-bottom: 250px !important;
  }

  /* Padding Top - Medium */
  .pt-md-0 {
    padding-top: 0px !important;
  }
  .pt-md-5 {
    padding-top: 5px !important;
  }
  .pt-md-10 {
    padding-top: 10px !important;
  }
  .pt-md-15 {
    padding-top: 15px !important;
  }
  .pt-md-20 {
    padding-top: 20px !important;
  }
  .pt-md-25 {
    padding-top: 25px !important;
  }
  .pt-md-30 {
    padding-top: 30px !important;
  }
  .pt-md-35 {
    padding-top: 35px !important;
  }
  .pt-md-40 {
    padding-top: 40px !important;
  }
  .pt-md-45 {
    padding-top: 45px !important;
  }
  .pt-md-50 {
    padding-top: 50px !important;
  }
  .pt-md-55 {
    padding-top: 55px !important;
  }
  .pt-md-60 {
    padding-top: 60px !important;
  }
  .pt-md-65 {
    padding-top: 65px !important;
  }
  .pt-md-70 {
    padding-top: 70px !important;
  }
  .pt-md-75 {
    padding-top: 75px !important;
  }
  .pt-md-80 {
    padding-top: 80px !important;
  }
  .pt-md-85 {
    padding-top: 85px !important;
  }
  .pt-md-90 {
    padding-top: 90px !important;
  }
  .pt-md-95 {
    padding-top: 95px !important;
  }
  .pt-md-100 {
    padding-top: 100px !important;
  }
  .pt-md-150 {
    padding-top: 150px !important;
  }
  .pt-md-200 {
    padding-top: 200px !important;
  }
  .pt-md-250 {
    padding-top: 250px !important;
  }

  /* Padding Bottom - Medium */
  .pb-md-0 {
    padding-bottom: 0px !important;
  }
  .pb-md-5 {
    padding-bottom: 5px !important;
  }
  .pb-md-10 {
    padding-bottom: 10px !important;
  }
  .pb-md-15 {
    padding-bottom: 15px !important;
  }
  .pb-md-20 {
    padding-bottom: 20px !important;
  }
  .pb-md-25 {
    padding-bottom: 25px !important;
  }
  .pb-md-30 {
    padding-bottom: 30px !important;
  }
  .pb-md-35 {
    padding-bottom: 35px !important;
  }
  .pb-md-40 {
    padding-bottom: 40px !important;
  }
  .pb-md-45 {
    padding-bottom: 45px !important;
  }
  .pb-md-50 {
    padding-bottom: 50px !important;
  }
  .pb-md-55 {
    padding-bottom: 55px !important;
  }
  .pb-md-60 {
    padding-bottom: 60px !important;
  }
  .pb-md-65 {
    padding-bottom: 65px !important;
  }
  .pb-md-70 {
    padding-bottom: 70px !important;
  }
  .pb-md-75 {
    padding-bottom: 75px !important;
  }
  .pb-md-80 {
    padding-bottom: 80px !important;
  }
  .pb-md-85 {
    padding-bottom: 85px !important;
  }
  .pb-md-90 {
    padding-bottom: 90px !important;
  }
  .pb-md-95 {
    padding-bottom: 95px !important;
  }
  .pb-md-100 {
    padding-bottom: 100px !important;
  }
  .pb-md-150 {
    padding-bottom: 150px !important;
  }
  .pb-md-200 {
    padding-bottom: 200px !important;
  }
  .pb-md-250 {
    padding-bottom: 250px !important;
  }
}

/* Large devices (>= 992px) */
@media (min-width: 992px) {
  /* Margin Top - Large */
  .mt-lg-0 {
    margin-top: 0px !important;
  }
  .mt-lg-5 {
    margin-top: 5px !important;
  }
  .mt-lg-10 {
    margin-top: 10px !important;
  }
  .mt-lg-15 {
    margin-top: 15px !important;
  }
  .mt-lg-20 {
    margin-top: 20px !important;
  }
  .mt-lg-25 {
    margin-top: 25px !important;
  }
  .mt-lg-30 {
    margin-top: 30px !important;
  }
  .mt-lg-35 {
    margin-top: 35px !important;
  }
  .mt-lg-40 {
    margin-top: 40px !important;
  }
  .mt-lg-45 {
    margin-top: 45px !important;
  }
  .mt-lg-50 {
    margin-top: 50px !important;
  }
  .mt-lg-55 {
    margin-top: 55px !important;
  }
  .mt-lg-60 {
    margin-top: 60px !important;
  }
  .mt-lg-65 {
    margin-top: 65px !important;
  }
  .mt-lg-70 {
    margin-top: 70px !important;
  }
  .mt-lg-75 {
    margin-top: 75px !important;
  }
  .mt-lg-80 {
    margin-top: 80px !important;
  }
  .mt-lg-85 {
    margin-top: 85px !important;
  }
  .mt-lg-90 {
    margin-top: 90px !important;
  }
  .mt-lg-95 {
    margin-top: 95px !important;
  }
  .mt-lg-100 {
    margin-top: 100px !important;
  }
  .mt-lg-150 {
    margin-top: 150px !important;
  }
  .mt-lg-200 {
    margin-top: 200px !important;
  }
  .mt-lg-250 {
    margin-top: 250px !important;
  }

  /* Margin Bottom - Large */
  .mb-lg-0 {
    margin-bottom: 0px !important;
  }
  .mb-lg-5 {
    margin-bottom: 5px !important;
  }
  .mb-lg-10 {
    margin-bottom: 10px !important;
  }
  .mb-lg-15 {
    margin-bottom: 15px !important;
  }
  .mb-lg-20 {
    margin-bottom: 20px !important;
  }
  .mb-lg-25 {
    margin-bottom: 25px !important;
  }
  .mb-lg-30 {
    margin-bottom: 30px !important;
  }
  .mb-lg-35 {
    margin-bottom: 35px !important;
  }
  .mb-lg-40 {
    margin-bottom: 40px !important;
  }
  .mb-lg-45 {
    margin-bottom: 45px !important;
  }
  .mb-lg-50 {
    margin-bottom: 50px !important;
  }
  .mb-lg-55 {
    margin-bottom: 55px !important;
  }
  .mb-lg-60 {
    margin-bottom: 60px !important;
  }
  .mb-lg-65 {
    margin-bottom: 65px !important;
  }
  .mb-lg-70 {
    margin-bottom: 70px !important;
  }
  .mb-lg-75 {
    margin-bottom: 75px !important;
  }
  .mb-lg-80 {
    margin-bottom: 80px !important;
  }
  .mb-lg-85 {
    margin-bottom: 85px !important;
  }
  .mb-lg-90 {
    margin-bottom: 90px !important;
  }
  .mb-lg-95 {
    margin-bottom: 95px !important;
  }
  .mb-lg-100 {
    margin-bottom: 100px !important;
  }
  .mb-lg-150 {
    margin-bottom: 150px !important;
  }
  .mb-lg-200 {
    margin-bottom: 200px !important;
  }
  .mb-lg-250 {
    margin-bottom: 250px !important;
  }

  /* Padding Top - Large */
  .pt-lg-0 {
    padding-top: 0px !important;
  }
  .pt-lg-5 {
    padding-top: 5px !important;
  }
  .pt-lg-10 {
    padding-top: 10px !important;
  }
  .pt-lg-15 {
    padding-top: 15px !important;
  }
  .pt-lg-20 {
    padding-top: 20px !important;
  }
  .pt-lg-25 {
    padding-top: 25px !important;
  }
  .pt-lg-30 {
    padding-top: 30px !important;
  }
  .pt-lg-35 {
    padding-top: 35px !important;
  }
  .pt-lg-40 {
    padding-top: 40px !important;
  }
  .pt-lg-45 {
    padding-top: 45px !important;
  }
  .pt-lg-50 {
    padding-top: 50px !important;
  }
  .pt-lg-55 {
    padding-top: 55px !important;
  }
  .pt-lg-60 {
    padding-top: 60px !important;
  }
  .pt-lg-65 {
    padding-top: 65px !important;
  }
  .pt-lg-70 {
    padding-top: 70px !important;
  }
  .pt-lg-75 {
    padding-top: 75px !important;
  }
  .pt-lg-80 {
    padding-top: 80px !important;
  }
  .pt-lg-85 {
    padding-top: 85px !important;
  }
  .pt-lg-90 {
    padding-top: 90px !important;
  }
  .pt-lg-95 {
    padding-top: 95px !important;
  }
  .pt-lg-100 {
    padding-top: 100px !important;
  }
  .pt-lg-150 {
    padding-top: 150px !important;
  }
  .pt-lg-200 {
    padding-top: 200px !important;
  }
  .pt-lg-250 {
    padding-top: 250px !important;
  }

  /* Padding Bottom - Large */
  .pb-lg-0 {
    padding-bottom: 0px !important;
  }
  .pb-lg-5 {
    padding-bottom: 5px !important;
  }
  .pb-lg-10 {
    padding-bottom: 10px !important;
  }
  .pb-lg-15 {
    padding-bottom: 15px !important;
  }
  .pb-lg-20 {
    padding-bottom: 20px !important;
  }
  .pb-lg-25 {
    padding-bottom: 25px !important;
  }
  .pb-lg-30 {
    padding-bottom: 30px !important;
  }
  .pb-lg-35 {
    padding-bottom: 35px !important;
  }
  .pb-lg-40 {
    padding-bottom: 40px !important;
  }
  .pb-lg-45 {
    padding-bottom: 45px !important;
  }
  .pb-lg-50 {
    padding-bottom: 50px !important;
  }
  .pb-lg-55 {
    padding-bottom: 55px !important;
  }
  .pb-lg-60 {
    padding-bottom: 60px !important;
  }
  .pb-lg-65 {
    padding-bottom: 65px !important;
  }
  .pb-lg-70 {
    padding-bottom: 70px !important;
  }
  .pb-lg-75 {
    padding-bottom: 75px !important;
  }
  .pb-lg-80 {
    padding-bottom: 80px !important;
  }
  .pb-lg-85 {
    padding-bottom: 85px !important;
  }
  .pb-lg-90 {
    padding-bottom: 90px !important;
  }
  .pb-lg-95 {
    padding-bottom: 95px !important;
  }
  .pb-lg-100 {
    padding-bottom: 100px !important;
  }
  .pb-lg-150 {
    padding-bottom: 150px !important;
  }
  .pb-lg-200 {
    padding-bottom: 200px !important;
  }
  .pb-lg-250 {
    padding-bottom: 250px !important;
  }
}

/* Header */

#page-header {
  transition: all 0.3s ease;
}

/* Desktop - only header-menu sticky */
@media (min-width: 913px) {
  .header-menu {
    position: relative;
  }
  
  .header-menu.sticky {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
}

/* Mobile - full header sticky */
@media (max-width: 912px) {
  #page-header.sticky {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    padding: 1.5rem 3rem 1.5rem 1.5rem !important;
    background: var(--bg-primary-color);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }

  #page-header.sticky .header-section {
    padding: 0.5rem 0;
  }

  #page-header.sticky .header-logo {
    padding-top: 0.5rem !important;
  }
}

.contact-style a {
  position: relative;
  color: var(--linkcolor);
  font-size: 16px;
}

.contact-style a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 2px;
  width: 100%;
  background: var(--linkcolor);
  display: block;
}

.nav-menus {
  position: absolute;
  top: 100%;
  padding: 20px;
  background: var(--bg-primary-color);
  width: 500px;
  right: 0;
  /* Add smooth slide animation for the whole menu */
  transform: translateY(-20px);
  opacity: 0;
  transition: all 0.3s ease;

  /* Auto-scroll functionality */
  max-height: calc(100vh - 120px); /* Leave space for header and some margin */
  overflow-y: auto;

  /* Custom scrollbar styling (optional) */
  scrollbar-width: thin;
  scrollbar-color: #e40571 #f1f1f1;
}

/* Webkit scrollbar styling (for Chrome, Safari, Edge) */
.nav-menus::-webkit-scrollbar {
  width: 6px;
}

.nav-menus::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

.nav-menus::-webkit-scrollbar-thumb {
  background: #e40571;
  border-radius: 3px;
}

.nav-menus::-webkit-scrollbar-thumb:hover {
  background: #c7044a;
}

/* When menu is open */
.nav-menus.show {
  transform: translateY(0);
  opacity: 1;
}

/* Mobile responsive adjustments for scroll */
@media (max-width: 768px) {
  .nav-menus {
    width: calc(100vw - 40px);
    /* max-width: 500px; */
    max-height: calc(100vh - 100px); /* Adjust for mobile */
    right: 20px;
  }
}

@media (max-width: 480px) {
  .nav-menus {
    width: calc(100vw - 20px);
    right: 10px;
    max-height: calc(100vh - 80px);
  }
}

/* For very short screens (landscape mobile) */
@media (max-height: 600px) {
  .nav-menus {
    max-height: calc(100vh - 80px);
  }
}

.location-color li a {
  font-size: 16px;
  color: var(--linkcolor) !important;
}

.header-hr {
  width: 70%;
  background: #000000;
  height: 2px;
}

/* Menu item hover effects */
.navbar-nav li a:hover {
  color: #e40571 !important;
  transition: color 0.3s ease;
}

/* Menu item active/focus state */
.navbar-nav li a:focus,
.navbar-nav li a:active {
  color: #e40571 !important;
}

/* Contact link hover effect */
.contact-style a:hover {
  color: #e40571 !important;
  transition: color 0.3s ease;
}

.contact-style a:hover::after {
  background: #e40571 !important;
}

/* DEFAULT STATE - Always black */
.navbar-toggler svg path {
  fill: black;
  transition: fill 0.3s ease;
}

.navbar-toggler[aria-expanded="true"] svg path {
  fill: #e40571;
}

.navbar-toggler:focus {
  box-shadow: none;
}

/* Footer */

.footer-style {
  background: var(--bg-primary-color);
}

.footer-padding {
  padding-top: 50px;
  padding-bottom: 50px;
}

.footer-logo img {
  width: 200px;
}

.footer-title h5 {
  font-size: 16px;
}

.logo-footer-extra{
    width : 10%;
}

.logo-footer-extra img {
  margin : auto;
}

.logo-footer-extra label {
  font-size: 12px;
  line-height: 14px;
  margin-left : 5px;
}

.footer-hr {
  width: 50%;
  background: #000000;
  height: 2px;
  margin: 10px 0;
}

.navbar-nav ul li {
  list-style: none;
}

.navbar-nav ul li a {
  display: block;
  padding: 0.5rem 0;
  font-weight: 600;
  text-transform: uppercase;
}

#menu-footer-menu {
  margin-bottom: 0;
}

@media (min-width: 912px) {
  /* footer */
  .footer-style {
    background: linear-gradient(
      90deg,
      var(--bg-primary-color) 65%,
      var(--bg-secondary-color) 65%
    );
  }
}

button {
  background: transparent;
  border: none;
  color: var(--linkcolor);
}

.header-logo a img {
  width: 200px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}



@media (max-width: 912px) {
  span[style*="font-size: 16px"] {
    font-size: 16px !important;
  }

  span[style*="font-size: 65px"] {
    font-size: 60px !important;
  }

  span[style*="font-size: 60px"] {
    font-size: 40px !important;
  }

  span[style*="font-size: 80px"] {
    font-size: 40px !important;
  }

  span[style*="font-size: 85px"] {
    font-size: 60px !important;
  }

  .font-lit {
    font-family: var(--font-lit);
  }

  .font-pp {
    font-family: var(--font-pp);
  }

  .font-sch {
    font-family: var(--font-sch);
  }

  span {
    white-space: break-spaces;
  }

  .header-menu.sticky {
    padding: 1.5rem 1rem !important;
  }
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1220px;
  }
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1300px;
  }
}

b,
strong {
  font-weight: 700 !important;
}
.animate {
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
}
@media (max-width: 768px) {
    .animate {
        animation: none !important;
        transform: none !important;
        opacity: 1 !important;
    }
}
p a{
  color : var(--linkcolor);
}
pre {
 overflow: visible!important;
}

p {
  font-size: 18px;
}

@media (max-width: 1024px) {
  .wp-container-core-group-is-layout-baef362d {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}

/* Text */
p, h2, h3 {
	text-wrap:pretty;
}

.logo-grid span {
	font-size:65px;
}

/* Form Styling */
form input, textarea, select {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #000;
    width: 100%;
}

.mb-5 {
	margin-bottom:0!important;
}

.text-column {
	width:40%!important;
}

.whatif-video {
	justify-content:center!important;
}

.owl-stage {
	--animate-delay:15s!important;
	--animate-duration:15s!important;
	transition:2s!important;
}


input:focus {
  border-bottom-color: #E40571 !important;
}