*{
      font-family: "Poppins", sans-serif;
}

:root {
    --Switchology-violet: #754baf;
    --Switchology-blue: #54cad6;
    --Switchology-yellow: #ffdc5c;  
    --Switchology-pink: #e35697;
}

.bg-switch-pink {
background-color: var(--Switchology-pink);
}

.bg-switch-yellow {
    background-color: var(--Switchology-yellow);
}

.bg-switch-blue {
    background-color: var(--Switchology-blue);
}

.bg-switch-purple {
    background-color: var(--Switchology-violet);
} 

.bg-1{
    background-image:url("../img/bg1.svg");
    background-size:cover;
}

h1, h2, h3, h4, h4, h5,h6{
    font-style: normal;
    font-weight: 800;
} 

.hero-Internal-block{
    width: 800px;
    margin:auto;
}

.boxedBlock{
    max-width:300px;
    margin: auto;
}
#bg-canvas {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}

    #privacy-shadowbox {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0,0,0,0.85);
      color: white;
      padding: 1rem;
      z-index: 9999;
      font-size: 0.9rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
    }
    #privacy-shadowbox a {
      color: #ffc107;
      text-decoration: underline;
    }
    #privacy-shadowbox button {
      margin-top: 0.5rem;
    }

    .poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}




@media only screen and (max-width: 900px) {
    .hero-Internal-block{
        width: 100%;
        margin:auto;
    }
}