* {
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Poppins';
}
.header {
  background-color: #060d12;
  padding: 30px 50px;
  @media screen and (max-width: 550px) {
    padding: 30px 16px;
  }
}

.header-logo {
  height: 60px;
  cursor: pointer;
  @media screen and (max-width: 550px) {
    height: 40px;
  }
}

.fs12 {
  font-size: 12px;
}

.dash-content {
  text-align: center;
 
} 
.gradient-ttl-1 {
  background-image: linear-gradient(137deg, rgb(13, 101, 214) 26%, rgb(212, 218, 219) 66%, rgb(133, 227, 216));
  
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-ttl-1 h1{
  -webkit-text-fill-color: transparent;
  font-size: 64px;
  width: 75%;
  margin: auto;
  max-width: 600px;
  @media screen and (max-width: 550px) {
    font-size: 32px;
  }
}



.dash-content .top-panel {
  background-image: url(res/images/bgHome.png);
  background-size: cover;
  padding: 90px 70px;
  background-repeat: no-repeat;
  @media screen and (max-width: 980px) {
   background-size: unset;
    padding: 50px 16px;
    background-position: top;
    background-repeat: no-repeat;
  }
}

.top-panel p {
  color: white;
  width: 75%;
  max-width: 800px;
  margin: auto;
  font-size: 16px;
  padding-top: 40px;
  @media screen and (max-width: 550px) {
    width: 90%;
  }
}

.central-panel{
  padding: 120px;
  @media screen and (max-width: 550px) {
    padding: 120px 32px;
  }
}


.central-panel p {
  max-width: 70%;
  width: 800px;
  text-align: center;
  margin: 35px auto;
  @media screen and (max-width: 550px) {
    max-width: 100%;
  }
}

button {
  padding: 12px 25px;
  border-radius: 8px;
  background-color: #141a3c;
  transition-property: background-color, opacity, color;
  transition-duration: 400ms, 400ms, 400ms;
  transition-timing-function: ease, ease, ease;
  font-family: Poppins;
  color: white;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  font-weight: bold;
}

button:hover {
  background-color: #060d12;
  color: white;
}

.contacts {
  display: flex;
  justify-content: center;
  gap: 10%;
  padding-bottom: 100px;
  @media screen and (max-width: 550px) {
    flex-direction: column;
    text-align: center;
    gap: 20px;
  }
}

p.link {
  text-decoration: underline;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

.disclaimer {
  padding: 40px;
  opacity: 0.6;
  max-width: 800px;
  margin: auto;
}

.footer .link {
  padding-bottom: 8px;
}

.disclaimer .sub1 {
  padding: 12px 0;
}


.text-wrapper {
  padding: 40px;
  max-width: 1000px;
  margin: auto;
}

.text-wrapper h5, .text-wrapper p {
  padding-bottom: 16px;
  font-size: 16px;
}

.footer .separator {
  height: 1px;
  background-color: lightgray;
  width: 50%;
  margin: auto;
  margin-bottom: 100px;
}