:root {
  --purple: rgba(217, 109, 245, 1);
  --blue: rgba(4, 36, 96, 1);
  --light-blue: rgba(124, 198, 215, 1);
  --text: rgba(41, 41, 41, 1);
}

/*
  1. Use a more-intuitive box-sizing model.
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

/*
  2. Remove default margin
*/
* {
  margin: 0;
}

/*
  3. Allow percentage-based heights in the application
*/
html,
body {
  height: 100%;
}

/*
  Typographic tweaks!
  4. Add accessible line-height
  5. Improve text rendering
*/
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/*
  6. Improve media defaults
*/
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/*
  7. Remove built-in form typography styles
*/
input,
button,
textarea,
select {
  font: inherit;
}

/*
  8. Avoid text overflows
*/
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
  margin: 0;
}

/*
  9. Improve link defaults
*/
a {
  text-decoration: none;
  display: inline-block;
}

.container {
  width: min(1420px, 95%);
  margin-inline: auto;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.grid {
  display: grid;
  height: 100%;
  width: 100%;
}

.flex {
  display: flex;
}

.wrap {
  flex-wrap: wrap;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-center {
  justify-content: center;
}

.justify-evenly {
  justify-content: space-evenly;
}

.align-center {
  align-items: center;
}

.align-end {
  align-items: flex-end;
}

.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

html {
  scroll-behavior: smooth;
}
html body {
  font-family: Helius;
  color: var(--text);
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding-inline: min(48px, 4vw);
  display: flex;
  justify-content: flex-end;
  z-index: 2;
}
header .logo-wrapper {
  padding-block: min(15px, 2vw);
  z-index: 1;
}
header .scrolled-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding-block: min(15px, 2vw);
  row-gap: min(8px, 3vw);
  background: #f5f5f5;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding-inline: 20px;
}
@media only screen and (max-width: 768px) {
  header .scrolled-header {
    align-items: unset;
  }
}
header .scrolled-header.show {
  visibility: visible;
  opacity: 1;
}
header .scrolled-header p {
  font-weight: 700;
  font-size: clamp(20px, 3vw, 32px);
  letter-spacing: 0.4px;
  color: var(--blue);
}
@media only screen and (max-width: 570px) {
  header .scrolled-header p {
    display: none;
  }
}
header .scrolled-header .buttons {
  position: relative;
  z-index: 1;
  gap: min(8px, 3vw);
}
@media only screen and (max-width: 768px) {
  header .scrolled-header .buttons {
    justify-content: unset;
  }
}
@media only screen and (max-width: 570px) {
  header .scrolled-header .buttons {
    flex-direction: column;
    width: 130px;
  }
}
header .scrolled-header .buttons a {
  position: relative;
  padding: min(8px, 2vw) min(15px, 2vw);
  font-weight: 500;
  font-size: clamp(16px, 2vw, 22px);
  line-height: 1.5;
  letter-spacing: 0.5px;
  border-radius: 15px;
  border: 2px black solid;
  color: black;
  text-align: center;
}
@media only screen and (max-width: 500px) {
  header .scrolled-header .buttons a {
    width: min(270px, 95%);
  }
}
header .scrolled-header .buttons a:first-child {
  background-color: var(--light-blue);
}
header .scrolled-header .buttons a:last-child {
  background-color: var(--purple);
}

footer {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
footer .top-footer {
  position: relative;
  padding-block: min(77px, 6vw) min(54px, 4vw);
}
footer .top-footer::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.85);
}
footer .top-footer h2 {
  position: relative;
  font-weight: 700;
  font-size: clamp(18px, 3vw, 42px);
  letter-spacing: 0.7px;
  text-align: center;
  color: var(--blue);
  z-index: 1;
}
footer .top-footer p {
  position: relative;
  font-family: Rubik;
  font-weight: 300;
  font-size: clamp(16px, 1.8vw, 17.6px);
  color: var(--blue);
  line-height: 1.5;
  letter-spacing: 1.1px;
  text-align: center;
  z-index: 1;
  margin-bottom: min(40px, 4vw);
}
footer .top-footer .form-wrapper {
  position: relative;
  width: min(619px, 95%);
  margin-inline: auto;
  z-index: 1;
}
footer .top-footer .form-wrapper .fluentform form .ff-t-container {
  gap: min(18px, 3vw);
}
footer .top-footer .form-wrapper .fluentform form .ff-el-group {
  position: relative;
  margin-bottom: 12px;
  background: linear-gradient(90deg, #882e9f 0%, #4b90a0 100%);
  border-radius: 15px;
  padding: 1px;
}
footer .top-footer .form-wrapper .fluentform form .ff-el-group input,
footer .top-footer .form-wrapper .fluentform form .ff-el-group select,
footer .top-footer .form-wrapper .fluentform form .ff-el-group textarea {
  padding: 12px 15px;
  border-radius: 13px;
  background-color: rgb(244, 248, 255);
  color: var(--blue);
  resize: none;
  outline: none;
}
footer .top-footer .form-wrapper .fluentform form .ff-el-group input::placeholder,
footer .top-footer .form-wrapper .fluentform form .ff-el-group select::placeholder,
footer .top-footer .form-wrapper .fluentform form .ff-el-group textarea::placeholder {
  color: var(--blue);
}
footer .top-footer .form-wrapper .fluentform form .ff-el-group.ff_submit_btn_wrapper {
  width: fit-content;
  margin-inline: auto;
  background: rgb(244, 248, 255);
  margin-bottom: min(50px, 4vw);
}
footer .top-footer .form-wrapper .fluentform form .ff-el-group.ff_submit_btn_wrapper::after {
  position: absolute;
  width: 227px;
  height: 50px;
  border-radius: 15px;
  top: -1px;
  left: -1px;
  background: linear-gradient(90deg, #882e9f 0%, #4b90a0 100%);
  z-index: -1;
}
footer .top-footer .form-wrapper .fluentform form .ff-el-group.ff_submit_btn_wrapper button {
  border-radius: 15px;
  font-family: Rubik;
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  width: fit-content;
  background: linear-gradient(90deg, #882e9f 0%, #4b90a0 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 13px 74px;
  cursor: poRubik;
}
footer .top-footer .social-wrapper {
  position: relative;
  z-index: 1;
  column-gap: 14px;
}
footer .top-footer .social-wrapper .facebook,
footer .top-footer .social-wrapper .youtube,
footer .top-footer .social-wrapper .instagram,
footer .top-footer .social-wrapper .gmail {
  width: 40px;
  height: 40px;
  background-color: rgb(75, 144, 160);
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s ease;
}
footer .top-footer .social-wrapper .facebook:hover,
footer .top-footer .social-wrapper .youtube:hover,
footer .top-footer .social-wrapper .instagram:hover,
footer .top-footer .social-wrapper .gmail:hover {
  background-color: var(--purple);
}
footer .top-footer .deco-wrapper {
  position: absolute;
  right: 68%;
  bottom: -10%;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  footer .top-footer .deco-wrapper {
    display: none;
  }
}
footer .bottom-footer {
  position: relative;
  background-color: white;
  z-index: 1;
  column-gap: min(115px, 3vw);
  padding-block: min(50px, 4vw);
  padding-inline: min(32px, 4vw);
}
@media only screen and (max-width: 920px) {
  footer .bottom-footer {
    align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  footer .bottom-footer {
    flex-direction: column;
    align-items: center;
    row-gap: 8px;
  }
}
footer .bottom-footer .rights-links {
  gap: min(38px, 2vw);
}
@media only screen and (max-width: 920px) {
  footer .bottom-footer .rights-links {
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  footer .bottom-footer .rights-links {
    order: 2;
    align-items: center;
    row-gap: 8px;
  }
}
footer .bottom-footer .rights-links p {
  font-family: Rubik;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.5;
  color: black;
}
footer .bottom-footer .rights-links .links {
  font-family: Rubik;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.5;
  column-gap: 4px;
}
footer .bottom-footer .rights-links .links a {
  text-decoration: underline;
  color: black;
}
footer .bottom-footer .contact-data {
  gap: min(38px, 2vw);
}
@media only screen and (max-width: 920px) {
  footer .bottom-footer .contact-data {
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  footer .bottom-footer .contact-data {
    order: 3;
  }
}
footer .bottom-footer .contact-data a {
  font-family: Rubik;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.5;
  color: black;
}/*# sourceMappingURL=theme.min.css.map */