:root {
  --white: white;
  --dim-grey: #6e6e6f;
  --black: #040b1b;
  --aquamarine: #60ffd2;
  --royal-blue: #1d6cef;
  --light-cyan: #dffff6;
  --alice-blue: #f3f8fe;
  --violet: #c397fd;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  background-color: var(--white);
  color: var(--dim-grey);
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6em;
}

h1 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Barlow, sans-serif;
  font-size: 70px;
  font-weight: 700;
  line-height: 1.2em;
}

h2 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Barlow, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.2em;
}

h3 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Barlow, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.2em;
}

h4 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Barlow, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2em;
}

h5 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Barlow, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2em;
}

h6 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Barlow, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2em;
}

p {
  margin-bottom: 10px;
}

a {
  color: var(--dim-grey);
  text-decoration: underline;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 20px;
}

li {
  margin-bottom: 10px;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  color: var(--black);
  margin-bottom: 5px;
  font-weight: 500;
  display: block;
}

blockquote {
  border-left: 5px solid var(--black);
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 1.5em;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

.more-templates {
  z-index: 1000;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 30px;
  padding: 1px 10px 1px 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: fixed;
  inset: auto 30px 30px auto;
}

.hero-inner {
  padding-top: 150px;
  padding-bottom: 90px;
}

.inner-container {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.checkbox-label {
  padding-left: 6px;
}

.heading-h1 {
  color: var(--black);
  margin-bottom: 10px;
  font-family: Barlow, sans-serif;
  font-size: 70px;
  font-weight: 700;
  line-height: 1.2em;
}

.style-guide-wrapper {
  margin-bottom: 60px;
}

.color-box {
  border: 1px solid var(--black);
  border-radius: 6px;
  width: 150px;
  height: 150px;
}

.heading-h4 {
  color: var(--black);
  margin-bottom: 10px;
  font-family: Barlow, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2em;
}

.text-delete {
  text-decoration: line-through;
}

.margin-bottom-24 {
  margin-bottom: 24px;
}

.heading-h5 {
  color: var(--black);
  margin-bottom: 10px;
  font-family: Barlow, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2em;
}

.text-italic {
  font-style: italic;
}

.margin-bottom-48 {
  margin-bottom: 48px;
}

.benefits-description {
  margin-bottom: 40px;
}

.text-small {
  font-size: 13px;
  line-height: 1.4em;
}

.input-group {
  align-items: center;
  margin-bottom: 20px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.checkbox-field {
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.style-guide-box {
  border: 1px solid var(--dim-grey);
  border-radius: 10px;
  padding: 10px 10px 20px;
}

.style-guide-box.no-padding {
  padding-bottom: 0;
}

.style-guide-spacing-box {
  text-align: center;
  background-color: #6e6e6f33;
  border-radius: 10px;
}

.margin-bottom-28 {
  margin-bottom: 28px;
}

.style-guide-section {
  padding-top: 90px;
  padding-bottom: 90px;
}

.styled-guide-heading-badge {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.styled-guide-heading-badge.center {
  justify-content: center;
}

.styled-guide-heading-badge.right {
  justify-content: flex-end;
}

.margin-bottom-44 {
  margin-bottom: 44px;
}

.margin-bottom-54 {
  margin-bottom: 54px;
}

.heading-h6 {
  color: var(--black);
  margin-bottom: 10px;
  font-family: Barlow, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2em;
}

.radio-button-field {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.error-message {
  color: #fff;
  text-align: center;
  background-color: #e92222;
  border-radius: 15px;
  padding: 15px 20px;
}

.radio-button {
  border-color: var(--black);
  width: auto;
  min-width: 20px;
  height: auto;
  min-height: 20px;
  transition: border .3s ease-in-out;
}

.radio-button.w--redirected-checked {
  border-width: 5px;
  border-color: var(--black);
  background-color: #fff;
}

.radio-button.w--redirected-focus {
  border-color: var(--black);
  box-shadow: none;
}

.margin-bottom-8 {
  margin-bottom: 8px;
}

.heading-badge {
  color: #fff;
  background-color: #be4aa5;
  border-radius: 3px;
  padding: 0 6px;
  font-size: 12px;
}

.margin-bottom-80 {
  margin-bottom: 80px;
}

.container-box {
  text-align: center;
  background-color: #6e6e6f33;
  border-radius: 15px;
  padding: 15px 20px;
}

.container-box.inner-container.left {
  margin-left: 0;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.styled-guide-heading {
  border-bottom: 1px solid #0000001a;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.styled-guide-heading.last {
  border-bottom-width: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

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

.margin-bottom-60 {
  margin-bottom: 60px;
}

.margin-bottom-12 {
  margin-bottom: 12px;
}

.color-box-name {
  margin-top: 10px;
  margin-bottom: 0;
}

.heading-class-badge {
  color: #fff;
  background-color: #0073e6;
  border-radius: 3px;
  padding: 0 6px;
  font-size: 12px;
}

.heading-h2 {
  color: var(--black);
  margin-bottom: 10px;
  font-family: Barlow, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.2em;
}

.style-guide-alignment {
  width: 100%;
}

.style-guide-content {
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.style-guide-content.form {
  display: block;
}

.style-guide-content.list-style {
  flex-direction: column;
}

.text-lead {
  font-size: 20px;
  line-height: 1.6em;
}

.style-guide-header {
  background-color: #6e6e6f1a;
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 20px;
}

.margin-class-box {
  background-color: #6e6e6f33;
  border-radius: 10px;
  width: 100%;
  display: flex;
}

.container-medium {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.guide-item {
  text-align: center;
  padding-bottom: 20px;
  padding-right: 16px;
}

.heading-h3 {
  color: var(--black);
  margin-bottom: 10px;
  font-family: Barlow, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.2em;
}

.margin-bottom-70 {
  margin-bottom: 70px;
}

.margin-bottom-4 {
  margin-bottom: 4px;
}

.success-message {
  color: #fff;
  text-align: center;
  background-color: #03cd69;
  border-radius: 15px;
  padding: 15px;
}

.form-input {
  border: 1px solid var(--aquamarine);
  color: var(--royal-blue);
  background-color: #0000;
  border-radius: 15px;
  height: 56px;
  margin-bottom: 15px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6em;
  transition: all .3s ease-in-out;
}

.form-input:focus {
  border-width: 1px;
  border-color: var(--aquamarine);
  background-color: var(--light-cyan);
}

.form-input.form-textarea {
  height: 212px;
}

.form-input.form-textarea:focus {
  color: #000;
}

.checkbox {
  border-color: var(--black);
  width: auto;
  min-width: 20px;
  height: auto;
  min-height: 20px;
}

.checkbox.w--redirected-checked {
  border-width: 0;
  border-color: var(--black);
  background-color: var(--black);
  background-image: url('../images/check-white.svg');
  background-position: 50%;
  background-size: auto;
  border-radius: 3px;
}

.checkbox.w--redirected-focus {
  border-color: var(--black);
  box-shadow: none;
  transition: background-color .3s ease-in-out;
}

.no-margin {
  margin-bottom: 0;
}

.margin-bottom-36 {
  margin-bottom: 36px;
}

.margin-bottom-32 {
  margin-bottom: 32px;
}

.text-underline {
  text-decoration: underline;
}

.margin-bottom-16 {
  margin-bottom: 16px;
}

.styled-guide-heading-wrap {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.text-mark {
  background-color: var(--royal-blue);
  color: var(--white);
  padding-left: 3px;
  padding-right: 3px;
}

.text-bold {
  font-weight: 600;
}

.form-select {
  border: 1px solid var(--aquamarine);
  background-color: #0000;
  border-radius: 15px;
  width: 100%;
  height: 56px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  transition: border-color .3s ease-in-out;
}

.form-select:focus {
  border-color: var(--light-cyan);
  background-color: var(--light-cyan);
  color: #000;
}

.radio-button-label {
  padding-left: 6px;
}

.margin-bottom-81 {
  margin-bottom: 60px;
}

.footer-social-wrap {
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  display: flex;
}

.link-in-bio-social-icon {
  margin-top: 60px;
}

.link-in-bio-item {
  color: #fff;
  text-align: center;
  border-radius: 30px;
  flex-direction: column;
  width: 600px;
  padding: 50px;
  display: flex;
}

.link-in-bio-title {
  color: #fff;
  font-size: 30px;
}

.link-in-bio-button-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  display: flex;
}

.link-in-bio-icon-wrap {
  background-color: var(--alice-blue);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
}

.link-in-bio-wrap {
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.link-in-bio-social-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  margin-top: 20px;
  display: flex;
}

.social-icon-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.coming-soon-social {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.subscribe-form {
  align-items: flex-start;
  max-width: 80%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding: 40px 20px;
  display: flex;
}

.coming-soon-icon {
  height: 150px;
}

.social-title {
  font-size: 14px;
}

.utility-page-wrapper {
  color: var(--white);
  text-align: center;
  border-radius: 15px;
  flex-direction: column;
  width: 800px;
  padding: 50px;
  display: flex;
}

.section-spacing {
  padding-top: 90px;
  padding-bottom: 90px;
}

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

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

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

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

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

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

.button-primary {
  background-color: var(--royal-blue);
  color: var(--white);
  border-radius: 7px;
  padding: 15px 20px;
  font-size: 16px;
  line-height: 1.3em;
  transition: all .3s ease-in-out;
}

.button-primary:hover {
  background-color: var(--violet);
  color: var(--black);
}

.button-primary.case-button {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: auto;
}

.button-primary.button-full {
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-primary.button-top-margin {
  margin-top: 30px;
}

.button-secondary {
  background-color: var(--aquamarine);
  color: var(--black);
  border-radius: 7px;
  padding: 15px 20px;
  font-size: 16px;
  line-height: 1.3em;
  transition: all .3s ease-in-out;
}

.button-secondary:hover {
  background-color: var(--black);
  color: var(--aquamarine);
}

.button-secondary.button-full {
  text-align: center;
  width: 100%;
}

.rich-text p, .rich-text ul, .rich-text blockquote, .rich-text figure {
  margin-bottom: 40px;
}

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

.section-spacing-top {
  padding-top: 90px;
}

.section-spacing-bottom {
  padding-bottom: 90px;
}

.gradient-primary-1 {
  background-image: linear-gradient(to bottom, var(--royal-blue), var(--aquamarine) 99%, white);
}

.gradient-primary-2 {
  background-image: linear-gradient(to right, var(--royal-blue), #d7b8ff 50%, var(--aquamarine));
}

.gradient-primary-3 {
  background-image: linear-gradient(#042a69, #000 90%);
}

.container-small {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.inner-container-small {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.text-light {
  color: var(--white);
}

.dark-navbar {
  background-color: #0000;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  position: absolute;
}

.grid-navbar {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 5fr 2fr;
  align-items: center;
}

.dark-nav-link {
  color: var(--black);
  margin: 15px;
  padding: 0;
}

.dark-nav-link:hover, .dark-nav-link.w--current {
  color: var(--royal-blue);
}

.dropdown-toggle {
  color: var(--white);
  padding: 0 20px 0 0;
}

.dropdown-icon {
  margin-right: 0;
}

.dropdown-list {
  z-index: 1;
  border: 1px solid var(--aquamarine);
  background-color: var(--light-cyan);
  flex-direction: column;
  width: 200px;
  margin-top: 15px;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.dropdown-list.w--open {
  border: 1px solid var(--aquamarine);
  background-color: var(--light-cyan);
  border-radius: 15px;
}

.dropdown-link {
  color: var(--black);
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
  transition: color .3s ease-in-out;
}

.dropdown-link:hover, .dropdown-link.w--current {
  color: var(--royal-blue);
}

.dark-button-link {
  color: var(--black);
  text-decoration: none;
  transition: color .3s ease-in-out;
}

.dark-button-link:hover {
  color: var(--royal-blue);
}

.dark-button-link.desktop-hide {
  display: none;
}

.light-button-link {
  color: var(--white);
  text-decoration: none;
  transition: color .3s ease-in-out;
}

.light-button-link:hover {
  color: var(--royal-blue);
}

.light-button-link.desktop-hide {
  display: none;
}

.right-side-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.navbar {
  background-color: #0000;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  position: absolute;
}

.nav-link {
  color: var(--white);
  margin: 15px;
  padding: 0;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--aquamarine);
}

.hero-section {
  height: 700px;
  padding-top: 164px;
  position: relative;
}

.footer {
  background-color: var(--black);
  padding-top: 40px;
  padding-bottom: 30px;
}

.grid-footer {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-bottom: 1px solid #6e6e6f99;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1.5fr;
  padding-bottom: 40px;
}

.grid-footer-item {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.grid-footer-link {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.footer-link {
  color: var(--white);
  margin-top: 15px;
  text-decoration: none;
  transition: color .3s ease-in-out;
  display: block;
}

.footer-link:hover, .footer-link.w--current {
  color: var(--aquamarine);
}

.footer-subscribe-item {
  background-color: var(--royal-blue);
  border-radius: 15px;
  padding: 20px 30px;
}

.footer-form-input {
  background-color: #0000;
  border: 1px solid #ffffff4d;
  border-radius: 7px;
  height: 49px;
  margin-bottom: 0;
  padding: 10px;
}

.footer-form-input:focus {
  border-color: var(--aquamarine);
  color: var(--white);
}

.footer-form-input::placeholder {
  color: #fff9;
}

.footer-form {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.grid-footer-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-bottom: 10px;
  display: grid;
}

.footer-list-item-title {
  color: var(--white);
}

.footer-list-item-content {
  color: #ffffff80;
}

.footer-copyright {
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  display: flex;
}

.copyright-text {
  color: #6e6e6c;
  margin-bottom: 0;
  font-size: 15px;
}

.text-white {
  color: #fff;
}

.simple-footer-social {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.footer-social-link {
  text-decoration: none;
}

.grid-hero-item {
  z-index: 1;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  color: var(--white);
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  position: relative;
}

.hero-right-content {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.virus-image {
  z-index: 0;
  height: 450px;
}

.virus-image-wrap {
  position: absolute;
  inset: auto auto -39% 6%;
}

.decoration-one {
  z-index: 1;
  width: 250px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.grid-counter {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 228px;
}

.counter-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: flex-start;
  display: flex;
}

.counter-title {
  color: var(--white);
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
}

.counter-content {
  font-size: 16px;
}

.decoration-two {
  opacity: .1;
  width: 950px;
  height: 750px;
  position: absolute;
  inset: 13% auto 0% 0%;
}

.about-section {
  z-index: 1;
  padding-top: 88px;
  padding-bottom: 176px;
  position: relative;
}

.grid-about {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.pre-title-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.text-primary-1 {
  color: var(--royal-blue);
}

.horizontal-line {
  background-color: #6e6e6f33;
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.grid-about-item {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  margin-bottom: 40px;
}

.about-item-image {
  margin-bottom: 12px;
}

.about-image-wrap {
  margin-top: -80px;
  position: relative;
}

.about-image-one {
  border-radius: 15px;
  width: 500px;
}

.about-image-two {
  z-index: -1;
  border-radius: 15px;
  position: absolute;
  inset: auto -119px -126px auto;
}

.shape-one {
  z-index: -2;
  background-color: var(--aquamarine);
  filter: blur(145.19px);
  border-radius: 100%;
  width: 290px;
  height: 260px;
  position: absolute;
  inset: auto auto -21% -4%;
}

.shape-two {
  z-index: -2;
  filter: blur(100px);
  background-color: #1d6cef99;
  border-radius: 100%;
  width: 290px;
  height: 260px;
  position: absolute;
  inset: auto auto 127px 358px;
}

.result-notification-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--royal-blue);
  color: var(--white);
  text-align: center;
  border-radius: 7px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 200px;
  padding: 12px;
  font-size: 20px;
  display: flex;
  position: absolute;
  inset: auto auto 60% -26px;
}

.simple-research-section {
  position: relative;
  overflow: hidden;
}

.section-title-center {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
  display: flex;
}

.section-title-center.z-index-one {
  z-index: 1;
  position: relative;
}

.grid-research-wrap {
  z-index: 1;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  position: relative;
}

.research-icon-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  display: flex;
}

.research-title {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
}

.research-item {
  border-bottom: 1px solid #6e6e6f33;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 50px;
  padding-top: 25px;
  padding-bottom: 25px;
  text-decoration: none;
  position: relative;
}

.research-hover-image {
  opacity: 0;
  background-image: linear-gradient(#0003, #0003);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.research-hover-image.one {
  background-image: linear-gradient(#0003, #0003), url('../images/research-01_1research-01.webp');
  background-position: 0 0, 50%;
}

.research-hover-image.two {
  background-image: linear-gradient(#0003, #0003), url('../images/research-02.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.research-hover-image.three {
  background-image: linear-gradient(#0003, #0003), url('../images/research-03.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.research-hover-image.five {
  background-image: linear-gradient(#0003, #0003), url('../images/research-05_1research-05.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.research-hover-image.four {
  background-image: linear-gradient(#0003, #0003), url('../images/research-04.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.research-arrow {
  background-color: var(--royal-blue);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  position: absolute;
  inset: 21% -3px 0% auto;
}

.research-hover-title {
  color: var(--white);
  font-size: 60px;
}

.shape-three {
  opacity: .05;
  position: absolute;
  inset: 10% auto auto -172px;
}

.shape-image-wrap {
  z-index: -1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% -19%;
}

.shape-four {
  opacity: .3;
  height: 450px;
}

.feature-section {
  position: relative;
}

.grid-features {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  border-radius: 15px;
  grid-template-rows: auto;
  padding: 50px;
}

.feature-title {
  color: var(--white);
  font-size: 48px;
  font-weight: 600;
}

.feature-description {
  color: var(--white);
  margin-top: 21px;
  margin-bottom: 40px;
}

.feature-list {
  margin-bottom: 50px;
}

.feature-list-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.feature-list-title {
  color: var(--white);
  font-family: Barlow, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.shape-five {
  opacity: .1;
  position: absolute;
  inset: 26% 0% 0% 35%;
  transform: rotate(14.23deg);
}

.feature-details {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.feature-image {
  border-radius: 15px;
}

.grid-client {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.feature-image-wrap {
  margin-top: -115px;
}

.case-section {
  position: relative;
}

.section-title-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 70px;
  display: flex;
}

.case-item {
  width: 100%;
  text-decoration: none;
}

.case-item.margin-bottom {
  margin-bottom: 70px;
}

.grid-case-item-one {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
}

.case-image-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: row;
  display: flex;
}

.case-image {
  object-fit: cover;
  border-radius: 15px;
  width: 420px;
  height: 400px;
}

.case-category-badge {
  background-color: var(--white);
  border-radius: 53px;
  padding: 2px 8px;
  font-size: 13px;
  line-height: 1.4em;
  display: inline-block;
}

.case-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.case-item-title {
  font-size: 36px;
  font-weight: 600;
}

.empty-state {
  background-color: var(--royal-blue);
  color: var(--white);
  text-align: center;
  border-radius: 15px;
  padding: 10px 30px;
}

.grid-case-item-two {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

.case-overflow-hidden {
  border-radius: 15px;
  overflow: hidden;
}

.marquee-section {
  overflow: hidden;
}

.marquee-list-wrap {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.marquee-item {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--white);
  flex: none;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.marquee-icon-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  display: flex;
}

.marquee-title {
  line-height: 1.1em;
}

.marquee-list {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex: none;
  align-items: center;
  display: flex;
}

.shape-six {
  z-index: -1;
  opacity: .5;
  filter: blur(150px);
  border-radius: 50%;
  width: 940px;
  height: 920px;
  position: absolute;
  inset: 0% auto auto -191px;
}

.shape-seven {
  z-index: -1;
  filter: blur(150px);
  background-color: #1d6cef66;
  border-radius: 50%;
  width: 380px;
  height: 470px;
  position: absolute;
  inset: auto 26% 31% auto;
}

.shape-eight {
  z-index: -1;
  background-color: var(--aquamarine);
  filter: blur(300px);
  border-radius: 50%;
  width: 380px;
  height: 470px;
  position: absolute;
  inset: auto 37% 43% auto;
}

.team-section {
  position: relative;
}

.grid-team {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.team-item {
  background-color: var(--royal-blue);
  text-align: center;
  border-radius: 15px;
  width: 100%;
  padding: 20px;
  text-decoration: none;
}

.team-item.team-margin-top {
  margin-top: 30px;
}

.team-image-wrap {
  border-radius: 15px;
  margin-bottom: 20px;
  overflow: hidden;
}

.team-title {
  color: var(--white);
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 600;
}

.team-image {
  border-radius: 15px;
}

.team-job-title {
  color: var(--white);
}

.shape-nine {
  z-index: -1;
  filter: blur(120px);
  border-radius: 50%;
  width: 340px;
  height: 340px;
  position: absolute;
  inset: auto auto 15% 41%;
}

.testimonial-section {
  background-image: url('../images/testimonial-01_1testimonial-01.webp');
  background-position: 50%;
  background-size: cover;
  height: 550px;
  margin-top: 100px;
  position: relative;
}

.shape-ten {
  opacity: .1;
  height: 450px;
  position: absolute;
  inset: auto 39% 10% auto;
  transform: rotate(45.77deg);
}

.testimonial-mask {
  height: 100%;
}

.testimonial-slider {
  background-color: #0000;
  border-radius: 15px;
  max-width: 70%;
  height: 100%;
  padding: 90px 70px;
}

.hide {
  display: none;
}

.testimonial-item {
  color: var(--white);
  text-align: center;
}

.testimonial-image {
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.testimonial-name {
  margin-top: 15px;
  margin-bottom: 30px;
}

.right-arrow {
  border: 1px solid var(--royal-blue);
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
  inset: auto 40% 11% auto;
}

.left-arrow {
  border: 1px solid var(--royal-blue);
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
  inset: auto auto 11% 40%;
}

.testimonial-description {
  margin-bottom: 60px;
  font-family: Barlow, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6em;
}

.testimonial-position {
  justify-content: flex-end;
  margin-top: -100px;
  display: flex;
}

.blog-section {
  position: relative;
  overflow: hidden;
}

.section-title {
  margin-bottom: 70px;
}

.blog-item {
  border-bottom: 1px solid #6e6e6f33;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 40px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.blog-title {
  font-size: 24px;
  font-weight: 600;
}

.blog-image {
  border-radius: 15px;
  width: 240px;
  margin: auto;
  position: absolute;
  inset: 0%;
}

.blog-date-wrap {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  align-items: center;
  display: flex;
}

.blog-item-wrap {
  width: 100%;
  margin-bottom: 40px;
  text-decoration: none;
}

.blog-virus-image {
  height: 130px;
  position: absolute;
  inset: -3% -22px auto auto;
}

.simple-hero-section {
  padding-top: 120px;
  padding-bottom: 29px;
  position: relative;
}

.shape-eleven {
  z-index: -2;
  opacity: .8;
  filter: blur(250px);
  border-radius: 50%;
  width: 1050px;
  height: 800px;
  position: absolute;
  inset: -70px auto auto -77px;
}

.top-side-hero-item {
  padding-bottom: 130px;
  position: relative;
}

.hero-title {
  z-index: auto;
  color: var(--white);
  font-size: 150px;
  position: relative;
}

.hero-virus-image {
  height: 500px;
  position: absolute;
  inset: 43px 0% -8% 30%;
}

.hero-text-span {
  z-index: 1;
  position: relative;
}

.right-side-hero-item {
  text-align: left;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.hero-simple-description {
  color: var(--black);
  margin-bottom: 30px;
}

.shape-twelve {
  z-index: -2;
  opacity: .7;
  filter: blur(200px);
  border-radius: 50%;
  width: 700px;
  height: 600px;
  position: absolute;
  inset: auto 100px -100px auto;
  transform: rotate(21.4deg);
}

.dark-dropdown-toggle {
  color: var(--black);
  padding: 0 20px 0 0;
}

.hero-pattern-image {
  z-index: -1;
  opacity: .15;
  width: 100%;
  position: absolute;
  inset: 138px 0% 0%;
}

.top-to-bottom {
  background-color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  text-decoration: none;
  display: flex;
}

.simple-hero-description-wrap {
  max-width: 30%;
  margin-left: auto;
}

.grid-counter-item {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.simple-counter {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--alice-blue);
  color: var(--black);
  border-radius: 15px;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
  display: flex;
}

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

.simple-counter-title {
  font-size: 19px;
  font-weight: 600;
}

.simple-about-section {
  position: relative;
}

.grid-simple-about {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.simple-about-image-wrap {
  perspective: 1010px;
  perspective-origin: 20vw 25vh;
  position: relative;
  transform: none;
}

.simple-about-image {
  transform-style: preserve-3d;
  border-radius: 15px;
  height: 400px;
  transform: rotateX(0)rotateY(-21deg)rotateZ(0);
}

.microscope-image {
  position: absolute;
  inset: auto auto -35px 10px;
}

.grid-about-feature {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-top: 40px;
  margin-bottom: 50px;
}

.about-feature-title {
  font-weight: 600;
  line-height: 1.1em;
}

.about-feature-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: flex-start;
  display: flex;
}

.shape-thirteen {
  z-index: -1;
  filter: blur(130px);
  border-radius: 50%;
  width: 480px;
  height: 420px;
  position: absolute;
  inset: 12% auto auto 19%;
}

.about-brain-image {
  position: absolute;
  inset: 0% 11px auto auto;
  transform: rotate(16.68deg);
}

.grid-benefits {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1.5fr;
  position: relative;
}

.benefits-content {
  color: var(--black);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.award-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  display: flex;
}

.award-icon-wrap {
  background-image: url('../images/award.svg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 70px;
  display: flex;
}

.benefits-image-wrap {
  z-index: -1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: -17% 0% 0% -14%;
}

.benefits-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  margin-bottom: 60px;
  display: flex;
}

.benefits-item-title {
  font-size: 28px;
  font-weight: 600;
}

.list-icon {
  height: 12px;
  margin-top: 12px;
}

.benefits-image {
  height: 550px;
}

.grid-split-research {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  overflow: hidden;
}

.split-research-item {
  text-align: center;
  border-right: 1px solid #040b1b12;
  justify-content: center;
  align-items: flex-end;
  height: 400px;
  padding: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.split-research-item.desktop-hide {
  display: none;
}

.research-icon {
  height: 35px;
}

.gradient-primary-4 {
  background-image: linear-gradient(#1d6cef1a, #60ffd21a);
}

.split-research-icon {
  margin-bottom: 25px;
}

.split-research-hover-item {
  opacity: 0;
  background-image: none;
  justify-content: center;
  align-items: flex-end;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.split-research-hover-item.one {
  background-image: linear-gradient(#0006, #0006), url('../images/big-research-01_1big-research-01.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.split-research-hover-item.two {
  background-image: linear-gradient(#0006, #0006), url('../images/big-research-02.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.split-research-hover-item.three {
  background-image: linear-gradient(#0006, #0006), url('../images/big-research-03_1big-research-03.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.split-research-hover-item.four {
  background-image: linear-gradient(#0006, #0006), url('../images/big-research-04.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.split-research-hover-item.five {
  background-image: linear-gradient(#0006, #0006), url('../images/big-research-05_1big-research-05.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.split-research-hover-item.six {
  background-image: linear-gradient(#0006, #0006), url('../images/big-research-06_1big-research-06.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.split-research-hover-title {
  color: var(--white);
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
}

.split-research-content {
  z-index: 1;
  width: 100%;
}

.faqs-section {
  position: relative;
}

.accordion-icon {
  width: 14px;
}

.accordion-heading {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.faq-wrap {
  margin-bottom: 40px;
}

.faq-wrap.position-relative {
  z-index: 7;
  position: relative;
}

.accordion-description {
  border-top: 1px solid #040b1b1a;
  margin-bottom: 20px;
  padding-top: 10px;
}

.faq-section {
  position: relative;
}

.accordion-content {
  margin-bottom: 10px;
  overflow: hidden;
}

.faq-title {
  margin-bottom: 30px;
}

.accordion-wrap {
  background-color: var(--white);
  color: var(--black);
  border-radius: 15px;
  margin-bottom: 20px;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
}

.accordion-title {
  margin-bottom: 0;
  font-weight: 600;
}

.grid-faqs {
  z-index: 1;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  position: relative;
}

.shape-fourteen {
  z-index: -1;
  filter: blur(230px);
  border-radius: 50%;
  width: 600px;
  height: 300px;
  position: absolute;
  inset: 32% auto auto 9%;
}

.shape-fifteen {
  z-index: -1;
  filter: blur(300px);
  border-radius: 50%;
  width: 600px;
  height: 300px;
  position: absolute;
  inset: auto 29% 11% auto;
}

.action-box-section {
  padding-top: 80px;
  padding-bottom: 100px;
}

.action-box-item {
  background-color: var(--light-cyan);
  color: var(--black);
  border-radius: 15px;
  align-items: center;
  padding: 80px 60px;
  position: relative;
}

.action-box-content {
  max-width: 45%;
}

.action-box-virus-image {
  height: 450px;
  position: absolute;
  inset: -52px 26px 0% auto;
}

.faqs-virus-image {
  height: 90px;
  position: absolute;
  inset: -6% -3% auto 0%;
}

.slide-nav {
  display: none;
}

.split-about-section {
  padding-top: 150px;
  padding-bottom: 100px;
  position: relative;
}

.split-about-title-wrap {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 80%;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.grid-split-about {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
}

.split-about-left-bg {
  border-radius: 15px;
  width: 100%;
  height: 600px;
  overflow: hidden;
}

.split-about-left-background {
  background-image: url('../images/about-04_1about-04.webp');
  background-position: 0 0;
  background-size: cover;
  height: 700px;
}

.split-about-right-bg {
  border-radius: 15px;
  width: 100%;
  height: 300px;
  overflow: hidden;
}

.split-about-right-background {
  background-image: url('../images/about-05_1about-05.webp');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.split-about-counter-wrap {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.split-about-counter-number {
  color: var(--black);
}

.split-about-counter-item {
  text-align: center;
  margin-bottom: 50px;
}

.shape-sixteen {
  z-index: -1;
  filter: blur(150px);
  border-radius: 50%;
  width: 400px;
  height: 400px;
  position: absolute;
  inset: 54% 30% auto auto;
}

.shape-seventeen {
  z-index: -1;
  background-color: var(--aquamarine);
  filter: blur(159px);
  border-radius: 50%;
  width: 400px;
  height: 400px;
  position: absolute;
  inset: -2% auto auto -1%;
}

.our-mission-wrap {
  border-radius: 15px;
  padding: 80px;
}

.our-mission-wrap.gradient-primary-4 {
  text-align: center;
}

.grid-our-mission {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.our-mission-item {
  background-color: var(--white);
  border-radius: 15px;
  padding: 20px;
}

.our-mission-icon {
  margin-bottom: 30px;
}

.tablet-hide {
  display: block;
}

.background-video {
  height: 500px;
}

.award-section {
  position: relative;
}

.grid-award-item {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  align-items: center;
  margin-bottom: 70px;
}

.grid-award-lists {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.award-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--black);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  font-size: 20px;
  display: flex;
}

.award-image-wrap {
  position: relative;
}

.award-image-one {
  border-radius: 15px;
  width: 400px;
  position: absolute;
  inset: auto 6% -39% auto;
}

.award-image-two {
  border-radius: 15px;
  width: 400px;
}

.award-title {
  font-weight: 600;
}

.shape-eighteen {
  z-index: -1;
  background-color: var(--violet);
  filter: blur(167px);
  border-radius: 50%;
  width: 400px;
  height: 400px;
  position: absolute;
  inset: 14% 42% auto auto;
}

.shape-nineteen {
  z-index: -1;
  background-color: var(--aquamarine);
  filter: blur(100px);
  border-radius: 50%;
  width: 200px;
  height: 200px;
  position: absolute;
  inset: auto auto -6% 17%;
}

.align-center {
  justify-content: center;
  margin-top: 40px;
  display: flex;
}

.contact-section {
  padding-top: 150px;
  padding-bottom: 80px;
}

.container {
  max-width: 1400px;
  padding-left: 30px;
  padding-right: 30px;
}

.contact-form-wrap {
  background-color: var(--white);
  border-radius: 15px;
  padding: 50px;
}

.grid-contact-form {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

.contact-form-input-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.contact-title-warp {
  max-width: 60%;
  margin-bottom: 40px;
}

.contact-details-section {
  position: relative;
}

.grid-contact-detail {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.contact-item {
  background-color: var(--alice-blue);
  color: var(--black);
  border-radius: 15px;
  padding: 30px;
  text-decoration: none;
}

.contact-icon-wrap {
  background-color: var(--royal-blue);
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-top: -55px;
  margin-bottom: 30px;
  display: flex;
}

.shape-twenty {
  z-index: -1;
  filter: blur(292px);
  border-radius: 50%;
  width: 500px;
  height: 500px;
  position: absolute;
  inset: 7% auto auto 15%;
}

.map {
  height: 400px;
}

.research-section {
  padding-top: 150px;
  padding-bottom: 80px;
  position: relative;
}

.grid-research-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--black);
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  align-items: center;
}

.research-image {
  border-radius: 15px;
  width: 100%;
  height: 100%;
}

.research-list-section {
  position: relative;
}

.grid-research {
  z-index: 1;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  position: relative;
}

.simple-research-item {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 50px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.simple-research-item.align-start {
  justify-content: flex-start;
}

.simple-research-icon-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--aquamarine);
  border-radius: 15%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  margin-bottom: 20px;
  display: flex;
}

.simple-research-title {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 600;
}

.simple-research-icon {
  height: 50px;
}

.simple-research-image-wrap {
  z-index: 8;
  position: relative;
}

.research-process-section {
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative;
}

.grid-process {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.process-step-one {
  text-align: center;
}

.process-step-one.margin-bottom {
  margin-top: 90px;
}

.process-step-icon-wrap {
  background-color: var(--alice-blue);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.shape-twenty-two {
  z-index: -1;
  background-color: var(--violet);
  filter: blur(200px);
  border-radius: 50%;
  width: 400px;
  height: 400px;
  position: absolute;
  inset: 34% 16% auto auto;
}

.shape-twenty-three {
  z-index: -1;
  background-color: var(--aquamarine);
  filter: blur(200px);
  border-radius: 50%;
  width: 400px;
  height: 400px;
  position: absolute;
  inset: auto auto 29% 18%;
}

.toggle-wrapper {
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.pricing-toggle {
  background-color: var(--royal-blue);
  cursor: pointer;
  border-radius: 100px;
  width: 74px;
  min-width: 74px;
  height: 33px;
  min-height: 33px;
  margin-left: 16px;
  margin-right: 16px;
  position: relative;
}

.toggle-circle {
  background-color: var(--white);
  border-radius: 100%;
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0% 0% 0% 6px;
}

.grid-pricing {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
}

.pricing-item {
  border-radius: 15px;
  padding: 20px;
}

.pricing-title-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--white);
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 20px;
  display: flex;
}

.pricing-price {
  color: var(--white);
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 600;
}

.pricing-text {
  line-height: 1em;
}

.pricing-icon-wrap {
  background-color: var(--light-cyan);
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.pricing-title {
  color: var(--white);
  text-align: center;
  margin-bottom: 20px;
}

.pricing-annual {
  display: none;
}

.pricing-two-list {
  margin-bottom: 40px;
}

.pricing-list-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--white);
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.pricing-list-text {
  line-height: 1.2em;
}

.cases-section {
  text-align: center;
  padding-top: 120px;
  padding-bottom: 70px;
  position: relative;
}

.shape-twenty-four {
  z-index: -1;
  background-color: var(--aquamarine);
  opacity: .8;
  filter: blur(220px);
  border-radius: 50%;
  width: 600px;
  height: 800px;
  position: absolute;
  inset: auto 12% 27% auto;
}

.cases-category-section {
  position: relative;
}

.case-category-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
  display: flex;
}

.cases-category-list, .case-category-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: center;
  display: flex;
}

.cases-category-link {
  background-color: var(--royal-blue);
  color: var(--alice-blue);
  border-radius: 7px;
  padding: 10px 20px;
  text-decoration: none;
}

.cases-category-link:hover, .cases-category-link.w--current {
  background-color: var(--violet);
  color: var(--black);
}

.grid-cases-item {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cases-item {
  text-decoration: none;
}

.cases-image-wrap {
  border-radius: 15px;
  margin-bottom: 20px;
  overflow: hidden;
}

.shape-twenty-five {
  z-index: -1;
  background-color: var(--violet);
  opacity: .8;
  filter: blur(220px);
  border-radius: 50%;
  width: 500px;
  height: 900px;
  position: absolute;
  inset: auto auto 12% 12%;
}

.simple-blog-section {
  padding-top: 150px;
  padding-bottom: 90px;
}

.blog-section-title-wrap {
  text-align: center;
}

.grid-blog {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.simple-blog-item {
  text-decoration: none;
}

.blog-image-wrap {
  border-radius: 15px;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}

.simple-blog-image {
  border-radius: 15px;
}

.team-title-section {
  text-align: center;
  padding-top: 120px;
  padding-bottom: 50px;
}

.shape-twenty-six {
  z-index: -1;
  filter: blur(150px);
  border-radius: 50%;
  width: 400px;
  height: 400px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.grid-team-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.simple-team-item {
  text-align: center;
  border-radius: 15px;
  height: 100%;
  padding: 20px;
  text-decoration: none;
}

.team-section-title-wrap {
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.shape-twenty-seven {
  z-index: -1;
  filter: blur(150px);
  border-radius: 50%;
  width: 400px;
  height: 400px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.case-study-section {
  padding-top: 150px;
  padding-bottom: 50px;
  position: relative;
}

.shape-twenty-eight {
  z-index: -1;
  background-color: var(--aquamarine);
  opacity: .5;
  filter: blur(150px);
  border-radius: 50%;
  width: 600px;
  height: 400px;
  position: absolute;
  inset: -22% 5% auto auto;
  transform: rotate(-20deg);
}

.shape-twenty-nine {
  z-index: -1;
  background-color: var(--royal-blue);
  opacity: .4;
  filter: blur(150px);
  border-radius: 50%;
  width: 980px;
  height: 430px;
  position: absolute;
  inset: -19% auto auto -14%;
  transform: rotate(-6.55deg);
}

.grid-case-title {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  align-items: center;
}

.case-details-list {
  margin-top: 30px;
}

.case-details-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.case-details-title {
  color: var(--black);
  font-size: 18px;
  font-weight: 500;
}

.text-dark {
  color: var(--black);
}

.case-detail-image {
  border-radius: 15px;
  margin-top: 30px;
}

.case-info-section {
  position: relative;
  overflow: hidden;
}

.case-info-title {
  margin-bottom: 30px;
}

.challenge-and-solution {
  margin-bottom: 50px;
}

.grid-result {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  margin-bottom: 30px;
}

.result-title {
  margin-bottom: 30px;
}

.result-item {
  background-color: var(--royal-blue);
  color: var(--white);
  border-radius: 15px;
  padding: 30px;
}

.result-image {
  margin-bottom: 20px;
}

.result-item-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-case-study-gallery {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 30px;
  display: grid;
}

.case-study-image {
  object-fit: cover;
  border-radius: 15px;
  width: 100%;
  height: 400px;
}

.grid-case-study-image {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.shape-thirty {
  z-index: -1;
  filter: blur(180px);
  border-radius: 50%;
  width: 650px;
  height: 550px;
  position: absolute;
  inset: 12% 21% auto auto;
}

.case-study-decoration-one {
  height: 90px;
  position: absolute;
  inset: 24% 0% auto auto;
  transform: rotate(16.68deg);
}

.blog-detail-section {
  padding-top: 150px;
  padding-bottom: 90px;
}

.blog-detail-image {
  border-radius: 15px;
  margin-top: 30px;
  margin-bottom: 40px;
}

.blog-rich-text blockquote, .blog-rich-text ul, .blog-rich-text ol, .blog-rich-text figure, .blog-rich-text p {
  margin-bottom: 40px;
}

.research-details-section {
  margin-bottom: 200px;
  padding-top: 120px;
  padding-bottom: 70px;
}

.research-detail-bg {
  background-image: linear-gradient(#040b1b4d, #040b1b4d), url('../images/service-01_1service-01.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 500px;
  margin-bottom: -240px;
  display: flex;
}

.research-detail-wrap {
  color: var(--white);
  text-align: center;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.research-info-title {
  margin-bottom: 30px;
  font-weight: 600;
}

.grid-approach {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
}

.approach-wrap {
  z-index: 999999;
  margin-top: 50px;
  margin-bottom: 50px;
  position: relative;
}

.shape-thirty-one {
  z-index: -1;
  filter: blur(200px);
  border-radius: 50%;
  width: 400px;
  height: 400px;
  position: absolute;
  inset: 50% 11% auto auto;
}

.shape-thirty-two {
  z-index: -3;
  background-color: var(--violet);
  filter: blur(200px);
  border-radius: 50%;
  width: 400px;
  height: 400px;
  position: absolute;
  inset: auto auto 19% 28%;
}

.grid-research-image {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  margin-top: 40px;
}

.research-detail-image {
  object-fit: cover;
  border-radius: 15px;
  width: 100%;
  height: 100%;
}

.grid-research-image-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.client-marquee-section {
  overflow: hidden;
}

.client-marquee-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: none;
  display: flex;
}

.client-marquee-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.research-item-wrap {
  z-index: 999999;
  position: relative;
}

.research-contact-center {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.research-contact-title {
  text-align: center;
  margin-bottom: 40px;
  font-weight: 600;
}

.shape-thirty-three {
  z-index: -3;
  background-color: var(--aquamarine);
  opacity: .5;
  filter: blur(300px);
  border-radius: 50%;
  width: 800px;
  height: 800px;
  position: absolute;
  inset: 0% 16% auto auto;
}

.shape-thirty-four {
  z-index: -3;
  background-color: var(--violet);
  opacity: .5;
  filter: blur(300px);
  border-radius: 50%;
  width: 800px;
  height: 900px;
  position: absolute;
  inset: auto auto 0% 18%;
}

.team-detail-section {
  padding-top: 150px;
  padding-bottom: 70px;
  position: relative;
}

.team-detail-item {
  background-color: var(--white);
  border-radius: 15px;
  padding-bottom: 50px;
  overflow: hidden;
}

.team-detail-image-wrap {
  justify-content: center;
  height: 240px;
  display: flex;
}

.team-detail-image {
  object-fit: cover;
  border-radius: 1000%;
  width: 300px;
  height: 300px;
  margin-top: 50px;
}

.team-detail-title-wrap {
  text-align: center;
  margin-top: 150px;
  padding-left: 50px;
  padding-right: 50px;
}

.team-detail-text {
  color: var(--black);
  font-family: Barlow, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.team-social-icon-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  margin-top: 10px;
  display: flex;
}

.shape-thirty-five {
  z-index: -1;
  background-color: var(--violet);
  opacity: .6;
  filter: blur(200px);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 500px;
  height: 500px;
  position: absolute;
  inset: 47% auto auto 0%;
}

.utility-page-content {
  text-align: center;
  border-radius: 15px;
  flex-direction: column;
  width: 600px;
  padding: 40px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.error-title {
  color: var(--white);
  font-size: 100px;
}

.gallery-section {
  padding-top: 150px;
  padding-bottom: 90px;
  position: relative;
}

.shape-thirty-six {
  z-index: -1;
  filter: blur(100px);
  border-radius: 50%;
  width: 900px;
  height: 240px;
  position: absolute;
  inset: -15% auto auto -3%;
  transform: rotate(-6.6deg);
}

.shape-thirty-seven {
  z-index: -1;
  filter: blur(90px);
  border-radius: 50%;
  width: 1020px;
  height: 280px;
  position: absolute;
  inset: -12% 9% auto auto;
}

.gallery-image-section {
  position: relative;
}

.grid-gallery-image {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.gallery-lightbox-link {
  border-radius: 15px;
  position: relative;
  overflow: hidden;
}

.gallery-hover-image-wrap {
  background-image: linear-gradient(#040b1b4d, #040b1b4d);
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.shape-thirty-eight {
  z-index: -1;
  background-color: var(--aquamarine);
  opacity: .8;
  filter: blur(400px);
  border-radius: 50%;
  width: 850px;
  height: 850px;
  position: absolute;
  inset: 18% auto auto 10%;
}

.simple-case-image {
  object-fit: cover;
  border-radius: 15px;
  width: 400px;
  height: 300px;
}

.pagination {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 60%;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.page-count {
  width: auto;
  margin-top: 0;
}

.blog-blur-link {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--white);
  text-align: center;
  background-color: #0000;
  border: 1px solid #6e6e6f80;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin: auto;
  font-family: Barlow, sans-serif;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: absolute;
  inset: 0%;
}

.research-video-wrap {
  margin-bottom: 50px;
  position: relative;
}

.research-lightbox-video-link {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.shape-thirty-nine {
  z-index: -1;
  background-color: var(--aquamarine);
  filter: blur(300px);
  border-radius: 50%;
  width: 500px;
  height: 500px;
  position: absolute;
  inset: 7% 17% auto auto;
}

.case-study-title {
  font-size: 26px;
  font-weight: 600;
}

.shape-forty-one {
  z-index: -1;
  background-color: var(--aquamarine);
  opacity: .8;
  filter: blur(150px);
  border-radius: 50%;
  width: 400px;
  height: 200px;
  position: absolute;
  inset: auto auto -6% 60%;
}

.position-relative {
  z-index: 999;
  position: relative;
}

.shape-forty {
  z-index: -1;
  background-color: var(--aquamarine);
  opacity: .6;
  filter: blur(200px);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 500px;
  height: 500px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.blog-detail-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  display: flex;
}

.blog-detail-date-title {
  color: var(--black);
  font-weight: 500;
}

.blog-detail-flex {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: center;
  display: flex;
}

.hero-description {
  margin-top: 20px;
}

.client-image {
  height: 30px;
}

.split-client-image {
  height: 35px;
}

.text-block {
  color: var(--alice-blue);
  font-size: 15px;
}

@media screen and (min-width: 1280px) {
  h1 {
    font-size: 80px;
  }

  h2 {
    font-size: 70px;
  }

  .heading-h1 {
    font-size: 80px;
  }

  .heading-h2 {
    font-size: 70px;
  }

  .grid-navbar {
    grid-template-columns: 1.5fr 3fr 1.5fr;
  }

  .hero-section {
    height: 800px;
  }

  .footer {
    padding-top: 70px;
    padding-bottom: 40px;
  }

  .grid-footer {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 2fr 1.5fr 1fr;
    padding-bottom: 40px;
  }

  .footer-copyright {
    padding-top: 40px;
  }

  .grid-hero-item {
    grid-template-columns: 1.25fr 1fr;
  }

  .virus-image {
    height: 660px;
  }

  .virus-image-wrap {
    bottom: -53%;
    left: -6%;
  }

  .decoration-one {
    width: 400px;
    bottom: 0%;
    left: 0%;
  }

  .grid-counter {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 410px;
  }

  .counter-content {
    flex: none;
  }

  .decoration-two {
    width: 1100px;
    height: 750px;
    top: 6%;
    bottom: 6%;
    left: 7%;
  }

  .about-section {
    padding-top: 182px;
    padding-bottom: 90px;
  }

  .grid-about {
    grid-column-gap: 90px;
    grid-row-gap: 90px;
    grid-template-columns: 1fr 1fr;
  }

  .about-image-wrap {
    margin-top: 0;
  }

  .about-image-one {
    width: 450px;
  }

  .about-image-two {
    width: 350px;
    bottom: 210px;
    right: -71px;
  }

  .shape-one {
    z-index: -2;
    bottom: 48%;
    left: -29%;
  }

  .shape-two {
    z-index: -2;
    bottom: 34%;
    left: 51px;
  }

  .result-notification-item {
    bottom: 41%;
    left: -82px;
  }

  .section-title-center {
    margin-bottom: 70px;
  }

  .research-arrow {
    top: 21%;
    right: -29px;
  }

  .grid-client {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .case-image {
    width: 420px;
    height: 500px;
  }

  .grid-team {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .team-item {
    padding: 20px 30px;
  }

  .testimonial-section {
    height: 650px;
  }

  .testimonial-slider {
    max-width: 60%;
    padding: 130px 100px;
  }

  .right-arrow {
    bottom: 11%;
    right: 42%;
  }

  .left-arrow {
    bottom: 11%;
    left: 42%;
  }

  .testimonial-position {
    margin-top: -100px;
  }

  .simple-hero-section {
    padding-top: 150px;
    padding-bottom: 100px;
  }

  .shape-eleven {
    width: 1050px;
    height: 800px;
    inset: -70px auto auto -77px;
  }

  .top-side-hero-item {
    padding-bottom: 180px;
  }

  .hero-virus-image {
    height: 630px;
    inset: 1px 0% -8% 30%;
  }

  .shape-twelve {
    width: 700px;
    height: 600px;
    bottom: -100px;
    right: 100px;
  }

  .hero-pattern-image {
    width: 100%;
    inset: 138px 0% 0%;
  }

  .top-to-bottom {
    width: 80px;
    height: 80px;
  }

  .grid-simple-about {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr 1fr;
  }

  .simple-about-image-wrap {
    perspective: 1010px;
    perspective-origin: 20vw 25vh;
    margin-left: -99px;
  }

  .simple-about-image {
    height: 400px;
    transform: rotateX(0)rotateY(-21deg)rotateZ(0);
  }

  .microscope-image {
    bottom: 20px;
    left: 10px;
  }

  .shape-thirteen {
    width: 480px;
    height: 420px;
    top: 32%;
    left: 11%;
  }

  .about-brain-image {
    inset: 71% 1% auto auto;
  }

  .grid-benefits {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .benefits-image-wrap {
    inset: -7% 0% 0% -8%;
  }

  .benefits-item {
    margin-bottom: 80px;
  }

  .list-icon {
    margin-top: 11px;
  }

  .benefits-image {
    height: 650px;
  }

  .split-research-item {
    height: 600px;
    padding: 20px;
  }

  .action-box-section {
    padding-bottom: 150px;
  }

  .action-box-item {
    padding: 100px 80px;
  }

  .action-box-content {
    max-width: 45%;
  }

  .action-box-virus-image {
    height: 550px;
    top: -58px;
    bottom: 0%;
    right: 26px;
  }

  .faqs-virus-image {
    height: 170px;
    top: 0%;
    left: 0%;
    right: -3%;
  }

  .research-section {
    padding-bottom: 100px;
  }

  .grid-research {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .research-process-section {
    padding-top: 90px;
    padding-bottom: 120px;
  }

  .grid-process {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .pricing-item {
    padding: 30px;
  }

  .pricing-price {
    font-size: 45px;
  }

  .cases-section {
    padding-top: 150px;
    padding-bottom: 90px;
  }

  .case-category-list {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: row;
  }

  .grid-blog {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .team-title-section {
    padding-top: 150px;
    padding-bottom: 90px;
  }

  .grid-team-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .simple-team-item {
    padding: 20px 30px;
  }

  .shape-twenty-eight {
    width: 1400px;
    height: 400px;
    inset: 15% 3% auto auto;
  }

  .shape-twenty-nine {
    width: 1254px;
    height: 430px;
    inset: -18% auto auto -23%;
  }

  .shape-thirty {
    width: 650px;
    height: 550px;
    top: 12%;
    right: 31%;
  }

  .case-study-decoration-one {
    height: 100px;
    inset: 19% 0% auto auto;
    transform: rotate(6deg);
  }

  .shape-thirty-three {
    width: 800px;
    height: 800px;
  }

  .shape-thirty-four {
    width: 900px;
    height: 900px;
  }

  .shape-thirty-five {
    filter: blur(250px);
    width: 600px;
    height: 500px;
    inset: auto 5% 0% auto;
  }

  .shape-thirty-six {
    width: 900px;
    height: 240px;
    top: -15%;
    left: -3%;
  }

  .shape-thirty-seven {
    width: 1020px;
    height: 280px;
    top: -12%;
    right: 9%;
  }

  .shape-thirty-eight {
    width: 850px;
    height: 850px;
    top: 18%;
    left: 27%;
  }

  .shape-forty-one {
    width: 550px;
    bottom: -6%;
    left: 55%;
  }

  .shape-forty {
    filter: blur(250px);
    width: 500px;
    height: 500px;
    top: 42%;
    left: 17%;
  }
}

@media screen and (min-width: 1440px) {
  .style-guide-box.no-padding {
    padding-bottom: 0;
  }

  .hero-section {
    height: 870px;
  }

  .grid-hero-item {
    grid-template-columns: 1.5fr 1fr;
  }

  .virus-image-wrap {
    bottom: -76%;
    left: -6%;
  }

  .decoration-one {
    width: 500px;
  }

  .grid-counter {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1.5fr 1fr;
    margin-top: 350px;
  }

  .counter-content {
    flex: none;
  }

  .decoration-two {
    width: 1100px;
    height: 750px;
    top: 13%;
    bottom: 0%;
    left: 24%;
  }

  .about-section {
    padding-top: 180px;
    padding-bottom: 100px;
  }

  .about-image-wrap {
    margin-top: -267px;
  }

  .about-image-one {
    width: 690px;
  }

  .about-image-two {
    width: 430px;
    bottom: 127px;
    right: -119px;
  }

  .shape-one {
    width: 290px;
    height: 260px;
    bottom: 34%;
    left: 14%;
  }

  .shape-two {
    width: 290px;
    height: 260px;
    bottom: 41px;
    left: 180px;
  }

  .result-notification-item {
    width: 170px;
    height: 200px;
    bottom: 34%;
    left: -26px;
  }

  .about-brain-image {
    top: 0%;
    right: 0%;
  }

  .research-section {
    padding-bottom: 150px;
  }

  .simple-research-item {
    align-items: flex-start;
  }

  .research-process-section {
    padding-top: 120px;
    padding-bottom: 150px;
  }

  .case-category-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .shape-twenty-eight {
    opacity: .4;
    width: 1400px;
    height: 430px;
    top: 0%;
    right: 2%;
  }

  .shape-twenty-nine {
    opacity: .3;
    width: 1440px;
    height: 430px;
    top: -11%;
    left: -15%;
  }

  .lightbox-case-study-image {
    width: 100%;
  }

  .case-study-decoration-one {
    height: 130px;
    inset: 17% -2% auto auto;
    transform: rotate(-16.68deg);
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 60px;
  }

  h2 {
    font-size: 50px;
  }

  h3 {
    font-size: 40px;
  }

  h4 {
    font-size: 30px;
  }

  .hero-inner {
    padding-top: 115px;
    padding-bottom: 70px;
  }

  .heading-h1 {
    font-size: 60px;
  }

  .heading-h4 {
    font-size: 30px;
  }

  .heading-h5 {
    font-size: 24px;
  }

  .style-guide-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .heading-h2 {
    font-size: 50px;
  }

  .container-medium {
    padding-left: 20px;
    padding-right: 20px;
  }

  .guide-item {
    margin-bottom: 30px;
  }

  .heading-h3 {
    font-size: 40px;
  }

  .margin-bottom-81 {
    margin-bottom: 30px;
  }

  .link-in-bio-item {
    width: 600px;
  }

  .link-in-bio-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .social-title {
    font-size: 16px;
  }

  .utility-page-wrapper {
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .section-spacing {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .rich-text p, .rich-text ul, .rich-text blockquote {
    margin-bottom: 30px;
  }

  .section-spacing-top {
    padding-top: 60px;
  }

  .section-spacing-bottom {
    padding-bottom: 60px;
  }

  .grid-navbar {
    grid-template-columns: 1fr 2fr;
  }

  .dropdown-toggle {
    flex-direction: column;
  }

  .menu-button {
    background-color: var(--aquamarine);
    color: var(--black);
    border-radius: 7px;
    padding: 12px;
  }

  .menu-button.w--open {
    background-color: var(--royal-blue);
    color: var(--white);
  }

  .nav-menu {
    background-color: var(--violet);
  }

  .brand, .brand.w--current {
    padding-left: 0;
  }

  .hero-section {
    height: 600px;
    padding-top: 115px;
  }

  .grid-footer {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 2fr;
  }

  .grid-hero-item {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1.25fr;
  }

  .virus-image {
    height: 300px;
  }

  .virus-image-wrap {
    bottom: -274px;
    left: 2%;
  }

  .decoration-one {
    width: 200px;
  }

  .grid-counter {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 50px;
  }

  .decoration-two {
    width: 850px;
    height: 550px;
    left: -18px;
  }

  .about-section {
    padding-top: 120px;
    padding-bottom: 80px;
  }

  .grid-about {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
    grid-template-columns: 1fr;
  }

  .about-image-wrap {
    margin-top: 0;
  }

  .about-image-one {
    height: 400px;
  }

  .about-image-two {
    height: 300px;
    bottom: 177px;
    right: -111px;
  }

  .shape-two {
    width: 250px;
    bottom: 96px;
  }

  .result-notification-item {
    bottom: -16%;
  }

  .section-title-center {
    margin-bottom: 20px;
  }

  .grid-research-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .research-item {
    margin-bottom: 30px;
  }

  .research-hover-image.three {
    justify-content: center;
  }

  .research-arrow {
    top: 31%;
    right: 0;
  }

  .research-hover-title {
    font-size: 40px;
  }

  .grid-features {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    padding: 30px;
  }

  .feature-title {
    font-size: 40px;
  }

  .feature-image {
    width: 100%;
  }

  .grid-client {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 50px;
  }

  .feature-image-wrap {
    margin-top: 0;
  }

  .section-title-wrap {
    flex-wrap: wrap;
    margin-bottom: 50px;
  }

  .case-image {
    height: 400px;
  }

  .case-item-title {
    font-size: 30px;
  }

  .marquee-list-wrap, .marquee-list {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
  }

  .shape-eight {
    bottom: 4%;
  }

  .grid-team {
    grid-template-columns: 1fr 1fr;
  }

  .shape-nine {
    bottom: 27%;
    left: 28%;
  }

  .testimonial-section {
    margin-top: 61px;
  }

  .testimonial-slider {
    max-width: 80%;
    padding: 90px 70px;
  }

  .right-arrow {
    right: 40%;
  }

  .left-arrow {
    left: 40%;
  }

  .testimonial-description {
    font-size: 20px;
  }

  .testimonial-position {
    margin-top: -64px;
  }

  .section-title {
    margin-bottom: 50px;
  }

  .blog-title {
    font-size: 18px;
  }

  .blog-image {
    width: 200px;
  }

  .blog-date-wrap {
    flex: none;
  }

  .simple-hero-section {
    padding-top: 95px;
    padding-bottom: 70px;
  }

  .shape-eleven {
    width: 800px;
    top: -309px;
    left: -440px;
  }

  .top-side-hero-item {
    padding-bottom: 228px;
  }

  .hero-title {
    font-size: 100px;
  }

  .hero-virus-image {
    height: 430px;
    top: 40px;
  }

  .shape-twelve {
    width: 400px;
    height: 400px;
    bottom: 94px;
    right: 64px;
  }

  .dark-dropdown-toggle {
    flex-direction: column;
  }

  .simple-hero-description-wrap {
    max-width: 50%;
  }

  .grid-simple-about {
    grid-template-columns: 1fr;
  }

  .simple-about-image-wrap {
    margin-left: -95px;
  }

  .microscope-image {
    height: 300px;
    bottom: -23px;
    left: 33px;
  }

  .grid-about-feature {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .about-brain-image {
    height: 90px;
    right: 10px;
  }

  .grid-benefits {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1.5fr;
  }

  .benefits-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .benefits-image-wrap {
    position: static;
  }

  .benefits-item {
    margin-bottom: 50px;
  }

  .benefits-item-title {
    font-size: 24px;
  }

  .grid-split-research {
    border: 1px solid #040b1b12;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .split-research-item {
    border-top: 1px solid #00000012;
    border-bottom: 1px solid #00000012;
    border-right-width: 0;
    height: 500px;
  }

  .split-research-item.desktop-hide {
    display: flex;
  }

  .action-box-section {
    padding-top: 0;
    padding-bottom: 73px;
  }

  .action-box-item {
    padding: 60px 40px;
  }

  .action-box-content {
    max-width: 60%;
  }

  .action-box-virus-image {
    height: 300px;
    inset: auto -3% -13% auto;
  }

  .faqs-virus-image {
    display: none;
  }

  .split-about-section {
    padding-top: 112px;
    padding-bottom: 70px;
  }

  .split-about-title-wrap {
    max-width: 80%;
  }

  .our-mission-wrap {
    padding: 50px;
  }

  .grid-our-mission {
    grid-template-columns: 1fr 1fr;
  }

  .tablet-hide {
    display: none;
  }

  .background-video {
    height: 400px;
  }

  .grid-award-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 50px;
  }

  .award-image-one {
    width: 300px;
    right: -1%;
  }

  .award-image-two {
    width: 300px;
  }

  .award-title {
    font-size: 18px;
  }

  .grid-contact-form {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .contact-title-warp {
    max-width: 100%;
  }

  .grid-contact-detail {
    grid-template-columns: 1fr 1fr;
  }

  .contact-icon-wrap {
    margin-top: 0;
  }

  .map {
    height: 300px;
  }

  .grid-research-item {
    grid-template-columns: 1fr 1fr;
  }

  .grid-research {
    grid-template-columns: 1fr;
  }

  .simple-research-item {
    justify-content: space-between;
    margin-bottom: 30px;
  }

  .grid-process {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .shape-twenty-two {
    top: 54%;
  }

  .shape-twenty-three {
    bottom: 42%;
  }

  .grid-pricing {
    grid-template-columns: 1fr 1fr;
  }

  .pricing-price {
    font-size: 35px;
  }

  .cases-section {
    padding-top: 108px;
    padding-bottom: 60px;
  }

  .shape-twenty-four {
    bottom: 13%;
  }

  .case-category-list {
    flex-wrap: wrap;
  }

  .grid-cases-item {
    grid-template-columns: 1fr 1fr;
  }

  .cases-item {
    width: 100%;
  }

  .shape-twenty-five {
    bottom: 42%;
  }

  .simple-blog-section {
    padding-top: 108px;
    padding-bottom: 70px;
  }

  .blog-image-wrap {
    margin-bottom: 20px;
  }

  .team-title-section {
    padding-top: 100px;
    padding-bottom: 30px;
  }

  .shape-twenty-six {
    top: 1%;
    right: 17%;
  }

  .grid-team-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .team-section-title-wrap {
    max-width: 80%;
  }

  .case-study-section {
    padding-top: 100px;
    padding-bottom: 70px;
  }

  .shape-twenty-eight {
    width: 700px;
    top: 12%;
    left: 3%;
  }

  .shape-twenty-nine {
    width: 700px;
    top: -110px;
    left: -10%;
  }

  .grid-case-title {
    grid-template-columns: .5fr .5fr;
  }

  .case-study-image {
    height: 300px;
  }

  .shape-thirty {
    right: 10%;
  }

  .blog-detail-section {
    padding-top: 100px;
    padding-bottom: 30px;
  }

  .research-details-section {
    padding-top: 98px;
    padding-bottom: 50px;
  }

  .research-detail-bg {
    height: 350px;
  }

  .research-detail-wrap {
    max-width: 90%;
  }

  .research-contact-center {
    max-width: 80%;
  }

  .shape-thirty-four {
    width: 700px;
    left: -1%;
  }

  .team-detail-section {
    padding-top: 115px;
  }

  .shape-thirty-five {
    filter: blur(100px);
  }

  .gallery-section {
    padding-top: 105px;
    padding-bottom: 61px;
  }

  .shape-thirty-six {
    width: 750px;
  }

  .shape-thirty-seven {
    width: 900px;
  }

  .grid-gallery-image {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .shape-thirty-eight {
    width: 750px;
    height: 600px;
    left: -1%;
  }

  .simple-case-image {
    width: 100%;
  }

  .case-study-title {
    font-size: 24px;
  }

  .shape-forty-one {
    left: 33%;
  }

  .shape-forty {
    filter: blur(100px);
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 50px;
  }

  h2 {
    font-size: 42px;
  }

  h3 {
    font-size: 36px;
  }

  p {
    margin-bottom: 20px;
  }

  .more-templates {
    bottom: 10px;
    right: 10px;
  }

  .hero-inner {
    padding-top: 102px;
  }

  .heading-h1 {
    font-size: 50px;
  }

  .style-guide-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .heading-h2 {
    font-size: 42px;
  }

  .container-medium {
    padding-left: 15px;
    padding-right: 15px;
  }

  .heading-h3 {
    font-size: 36px;
  }

  .margin-bottom-81 {
    margin-bottom: 20px;
  }

  .link-in-bio-item {
    width: 100%;
    padding: 30px;
  }

  .link-in-bio-wrap {
    padding: 5px;
  }

  .subscribe-form {
    max-width: 100%;
  }

  .utility-page-wrap {
    height: auto;
  }

  .coming-soon-icon {
    height: 120px;
  }

  .utility-page-wrapper {
    width: 100%;
    padding: 30px;
  }

  .section-spacing {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .button-primary.mobile-hide {
    display: none;
  }

  .button-primary.button-top-margin {
    margin-top: 20px;
  }

  .rich-text figure {
    margin-bottom: 20px;
  }

  .section-spacing-top {
    padding-top: 40px;
  }

  .section-spacing-bottom {
    padding-bottom: 40px;
  }

  .inner-container-small {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-section {
    padding-top: 102px;
  }

  .footer {
    padding-top: 50px;
  }

  .grid-footer-item {
    grid-template-columns: 1fr;
  }

  .footer-link:hover {
    color: #1a1b1fbf;
  }

  .footer-copyright {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-wrap: wrap;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .virus-image {
    height: 250px;
  }

  .virus-image-wrap {
    bottom: -159px;
    left: 31%;
  }

  .grid-counter {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
    margin-top: 25px;
  }

  .decoration-two {
    object-fit: cover;
    width: 400px;
    height: 500px;
    left: 0;
  }

  .about-section {
    padding-top: 80px;
  }

  .grid-about {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .grid-about-item {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .about-image-two.mobile-hide {
    display: none;
  }

  .shape-two {
    bottom: -54px;
    left: 95px;
  }

  .result-notification-item {
    width: 150px;
    height: 150px;
    left: 17px;
  }

  .section-title-center {
    margin-bottom: 30px;
  }

  .research-item {
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .shape-three {
    display: none;
  }

  .shape-image-wrap {
    left: 0%;
  }

  .shape-four {
    height: 350px;
  }

  .grid-features {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .feature-title {
    font-size: 30px;
  }

  .feature-description {
    margin-bottom: 20px;
  }

  .feature-list {
    margin-bottom: 30px;
  }

  .shape-five {
    width: 270px;
    top: 18%;
    left: 33%;
  }

  .grid-client {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }

  .section-title-wrap {
    margin-bottom: 30px;
  }

  .case-item.margin-bottom {
    margin-bottom: 50px;
  }

  .grid-case-item-one, .grid-case-item-two {
    grid-template-columns: 1fr;
  }

  .marquee-list-wrap, .marquee-list {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .shape-six {
    width: 480px;
    left: 0;
  }

  .grid-team {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .team-item {
    padding: 15px;
  }

  .team-item.team-margin-top {
    margin-top: 20px;
  }

  .team-title {
    font-size: 20px;
  }

  .shape-nine {
    left: 15%;
  }

  .testimonial-section {
    height: 100%;
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .shape-ten {
    height: 300px;
    bottom: 16%;
  }

  .testimonial-slider {
    max-width: 100%;
    padding: 50px 30px;
  }

  .right-arrow {
    right: 36%;
  }

  .left-arrow {
    left: 36%;
  }

  .testimonial-position {
    margin-top: 0;
  }

  .section-title {
    margin-bottom: 30px;
  }

  .blog-item {
    padding-bottom: 30px;
  }

  .blog-title {
    font-size: 20px;
  }

  .blog-image {
    width: 150px;
  }

  .blog-item-wrap {
    margin-bottom: 30px;
  }

  .blog-virus-image {
    height: 90px;
    top: 14%;
    right: 3px;
  }

  .simple-hero-section {
    padding-top: 70px;
    padding-bottom: 50px;
  }

  .shape-eleven {
    filter: blur(150px);
    width: 400px;
    height: 400px;
    top: 0;
    left: 0;
  }

  .top-side-hero-item {
    padding-bottom: 161px;
  }

  .hero-title {
    font-size: 70px;
  }

  .hero-virus-image {
    height: 250px;
    left: 23%;
  }

  .shape-twelve {
    filter: blur(100px);
    width: 300px;
    height: 300px;
    bottom: -48px;
    right: 51px;
  }

  .top-to-bottom {
    width: 40px;
    height: 40px;
    top: 47%;
  }

  .simple-hero-description-wrap {
    max-width: 80%;
  }

  .bact-to-top-image {
    height: 25px;
  }

  .grid-counter-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .simple-counter {
    padding: 20px;
  }

  .simple-about-image-wrap {
    margin-left: 32px;
  }

  .simple-about-image {
    height: 250px;
  }

  .microscope-image {
    height: 150px;
    bottom: -13px;
    left: 11px;
  }

  .shape-thirteen {
    width: 350px;
    height: 400px;
    left: 18%;
  }

  .benefits-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
  }

  .benefits-item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: flex-start;
    margin-bottom: 30px;
  }

  .benefits-item-title {
    font-size: 20px;
  }

  .list-icon {
    margin-top: 6px;
  }

  .benefits-image {
    height: 100%;
  }

  .grid-split-research {
    grid-template-columns: 1fr 1fr;
  }

  .split-research-item {
    height: 300px;
  }

  .grid-faqs {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .shape-fourteen {
    width: 400px;
    height: 800px;
    top: 7%;
  }

  .action-box-section {
    padding-top: 0;
    padding-bottom: 50px;
  }

  .action-box-item {
    padding: 30px;
  }

  .action-box-content {
    max-width: 90%;
  }

  .action-box-virus-image {
    height: 150px;
    bottom: -1%;
    right: 0%;
  }

  .faqs-virus-image {
    height: 90px;
    display: none;
    top: 2%;
  }

  .split-about-section {
    padding-top: 87px;
  }

  .split-about-title-wrap {
    max-width: 100%;
    margin-bottom: 30px;
  }

  .grid-split-about {
    grid-template-columns: 1fr;
  }

  .split-about-left-bg {
    height: 300px;
  }

  .split-about-left-background {
    height: 400px;
  }

  .our-mission-wrap {
    padding: 30px;
  }

  .background-video {
    height: 300px;
  }

  .grid-award-item {
    grid-template-columns: 1fr;
    margin-bottom: 30px;
  }

  .grid-award-lists {
    grid-template-columns: 1fr;
  }

  .award-image-wrap {
    margin-bottom: 100px;
  }

  .award-image-one {
    bottom: -33%;
    right: 15%;
  }

  .contact-section {
    padding-top: 100px;
    padding-bottom: 50px;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-form-wrap {
    padding: 30px;
  }

  .contact-form-input-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }

  .contact-title-warp {
    margin-bottom: 20px;
  }

  .grid-contact-detail {
    grid-template-columns: 1fr;
  }

  .shape-twenty {
    width: 400px;
    height: 400px;
    top: 5%;
    right: 6%;
  }

  .research-section {
    padding-top: 82px;
    padding-bottom: 30px;
  }

  .grid-research-item {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .simple-research-item {
    margin-bottom: 20px;
  }

  .grid-process {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .process-step-one.margin-bottom {
    margin-top: 0;
  }

  .shape-twenty-two {
    width: 300px;
    height: 300px;
    top: 23%;
  }

  .shape-twenty-three {
    width: 300px;
    height: 300px;
    top: 50%;
  }

  .grid-pricing {
    grid-template-columns: 1fr;
  }

  .pricing-price {
    font-size: 30px;
  }

  .cases-section {
    padding-top: 81px;
    padding-bottom: 40px;
  }

  .shape-twenty-four {
    width: 400px;
    bottom: -1%;
  }

  .cases-category-list, .case-category-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .shape-twenty-five {
    width: 400px;
    bottom: 31%;
  }

  .simple-blog-section {
    padding-top: 73px;
    padding-bottom: 50px;
  }

  .grid-blog, .grid-team-list {
    grid-template-columns: 1fr 1fr;
  }

  .simple-team-item {
    padding: 15px;
  }

  .team-section-title-wrap {
    max-width: 100%;
  }

  .case-study-section {
    padding-bottom: 50px;
  }

  .shape-twenty-eight {
    opacity: .5;
    filter: blur(80px);
    width: 300px;
    inset: 0% 0% auto auto;
    transform: rotate(0);
  }

  .shape-twenty-nine {
    filter: blur(80px);
    width: 400px;
    top: -86px;
    left: -6%;
    transform: rotate(0);
  }

  .grid-case-title {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .case-detail-image {
    margin-top: 20px;
  }

  .grid-result {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .lightbox-case-study-image {
    width: 100%;
  }

  .grid-case-study-gallery, .grid-case-study-image {
    grid-template-columns: 1fr;
  }

  .case-study-decoration-one {
    top: 20%;
  }

  .blog-rich-text blockquote, .blog-rich-text ul, .blog-rich-text ol, .blog-rich-text figure, .blog-rich-text p {
    margin-bottom: 20px;
  }

  .research-detail-bg {
    height: 380px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .research-detail-wrap {
    max-width: 100%;
  }

  .grid-approach {
    grid-template-columns: 1fr;
  }

  .shape-thirty-two {
    left: 1%;
  }

  .grid-research-image {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .grid-research-image-wrap, .client-marquee-list, .client-marquee-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .research-contact-center {
    max-width: 100%;
  }

  .shape-thirty-four {
    filter: blur(200px);
    width: 400px;
    left: 0%;
  }

  .team-detail-section {
    padding-top: 112px;
  }

  .shape-thirty-five {
    filter: blur(80px);
    width: 400px;
    height: 400px;
    inset: 0% auto auto 0%;
  }

  .utility-page-content.gradient-primary-3 {
    padding: 20px;
  }

  .error-title {
    font-size: 80px;
  }

  .gallery-section {
    padding-top: 70px;
    padding-bottom: 31px;
  }

  .shape-thirty-six {
    filter: blur(70px);
    width: 400px;
    height: 200px;
    top: -20%;
    left: 9%;
  }

  .shape-thirty-seven {
    filter: blur(50px);
    width: 400px;
    height: 200px;
    right: 15%;
  }

  .grid-gallery-image {
    grid-template-columns: 1fr 1fr;
  }

  .shape-thirty-eight {
    filter: blur(200px);
    width: 450px;
    height: 900px;
    top: 21%;
    left: 0%;
  }

  .simple-case-image {
    height: 250px;
  }

  .pagination {
    width: 100%;
    margin-top: 60px;
  }

  .research-video-wrap {
    margin-bottom: 20px;
  }

  .shape-forty-one {
    left: 1%;
  }

  .shape-forty {
    filter: blur(150px);
    width: 400px;
    height: 400px;
  }

  .blog-detail-flex {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 44px;
  }

  h2 {
    font-size: 38px;
  }

  h3 {
    font-size: 34px;
  }

  .hero-inner {
    padding-top: 92px;
    padding-bottom: 50px;
  }

  .heading-h1 {
    font-size: 44px;
  }

  .style-guide-wrapper {
    margin-bottom: 50px;
  }

  .input-group {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .style-guide-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .heading-class-badge {
    flex: none;
  }

  .heading-h2 {
    font-size: 38px;
  }

  .container-medium {
    padding-left: 15px;
    padding-right: 15px;
  }

  .heading-h3 {
    font-size: 34px;
  }

  .margin-bottom-81 {
    margin-bottom: 20px;
  }

  .link-in-bio-social-icon {
    margin-top: 40px;
  }

  .link-in-bio-item {
    border-radius: 15px;
    padding: 20px;
  }

  .link-in-bio-button-wrap {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .link-in-bio-image {
    height: 50px;
  }

  .link-in-bio-icon-wrap {
    width: 90px;
    height: 90px;
    margin-bottom: 20px;
  }

  .coming-soon-social {
    flex-direction: column;
  }

  .subscribe-form {
    flex-direction: column;
    margin-top: 10px;
    display: flex;
  }

  .coming-soon-icon {
    height: 100px;
  }

  .utility-page-wrapper {
    align-items: center;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 15px;
  }

  .section-spacing {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .button-primary.mobile-hide {
    display: none;
  }

  .section-spacing-top {
    padding-top: 20px;
  }

  .section-spacing-bottom {
    padding-bottom: 20px;
  }

  .container-small, .inner-container-small {
    padding-left: 15px;
    padding-right: 15px;
  }

  .grid-navbar {
    grid-template-columns: 1fr .5fr;
  }

  .hero-section {
    height: 100%;
    padding-top: 79px;
    padding-bottom: 45px;
  }

  .footer {
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .grid-footer {
    padding-bottom: 20px;
  }

  .grid-footer-link {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .footer-subscribe-item {
    padding: 15px;
  }

  .footer-form {
    flex-wrap: wrap;
  }

  .simple-footer-social {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .grid-hero-item {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .virus-image {
    height: 200px;
  }

  .virus-image-wrap {
    display: none;
  }

  .decoration-one {
    width: 150px;
  }

  .grid-counter {
    grid-template-columns: 1fr;
    margin-top: 20px;
  }

  .decoration-two {
    object-fit: cover;
    width: 300px;
    left: 0;
  }

  .about-section {
    padding-top: 40px;
    padding-bottom: 108px;
  }

  .grid-about {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .grid-about-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .about-image-one {
    height: 100%;
  }

  .shape-one {
    filter: blur(50px);
    width: 150px;
    height: 150px;
    bottom: -24%;
    left: 14%;
  }

  .shape-two {
    filter: blur(50px);
    width: 150px;
    height: 150px;
    left: 133px;
  }

  .result-notification-item {
    bottom: -34%;
    left: -1px;
  }

  .section-title-center {
    margin-bottom: 15px;
  }

  .grid-research-wrap {
    grid-template-columns: 1fr;
  }

  .research-title {
    font-size: 20px;
  }

  .research-item {
    margin-bottom: 20px;
  }

  .research-arrow {
    top: 40%;
  }

  .research-hover-title, .shape-three {
    display: none;
  }

  .shape-four {
    height: 200px;
    display: none;
  }

  .grid-features {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 15px;
  }

  .feature-title {
    font-size: 25px;
  }

  .feature-description {
    margin-top: 10px;
  }

  .feature-list {
    margin-bottom: 20px;
  }

  .shape-five {
    width: 200px;
    height: 200px;
    left: 14%;
  }

  .grid-client {
    grid-template-columns: 1fr;
    justify-items: start;
    margin-top: 30px;
  }

  .section-title-wrap {
    flex-wrap: wrap;
  }

  .case-item.margin-bottom {
    margin-bottom: 40px;
  }

  .case-image-wrap {
    flex-wrap: wrap;
  }

  .case-image {
    height: 200px;
  }

  .case-item-title {
    font-size: 25px;
  }

  .marquee-list-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .marquee-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .shape-six {
    width: 300px;
    height: 1000px;
    top: 36%;
  }

  .shape-six.gradient-primary-2 {
    filter: blur(100px);
  }

  .shape-seven {
    filter: blur(100px);
    bottom: 59%;
    right: 10%;
  }

  .grid-team {
    grid-template-columns: 1fr;
  }

  .team-item.team-margin-top {
    margin-top: 0;
  }

  .shape-nine {
    width: 200px;
    height: 200px;
    bottom: 40%;
  }

  .shape-ten {
    display: none;
  }

  .testimonial-slider {
    padding: 20px;
  }

  .right-arrow {
    width: 30px;
    height: 30px;
    bottom: 6%;
    right: 35%;
  }

  .left-arrow {
    width: 30px;
    height: 30px;
    bottom: 6%;
    left: 38%;
  }

  .testimonial-description {
    font-size: 16px;
  }

  .blog-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-wrap: wrap;
    padding-bottom: 20px;
  }

  .blog-title {
    font-size: 18px;
  }

  .blog-item-wrap {
    margin-bottom: 20px;
  }

  .blog-virus-image {
    height: 90px;
    top: 11%;
    right: -9px;
  }

  .simple-hero-section {
    padding-bottom: 30px;
  }

  .shape-eleven {
    filter: blur(80px);
    width: 300px;
    height: 300px;
    top: 45px;
    left: -45px;
  }

  .top-side-hero-item {
    padding-bottom: 60px;
  }

  .hero-title {
    font-size: 45px;
  }

  .hero-virus-image {
    height: 150px;
    top: 24px;
    left: 30%;
  }

  .right-side-hero-item {
    flex-wrap: wrap;
  }

  .shape-twelve {
    filter: blur(80px);
    width: 200px;
    height: 250px;
    bottom: -54px;
  }

  .top-to-bottom {
    width: 50px;
    height: 50px;
    display: none;
    left: auto;
    right: 21px;
  }

  .simple-hero-description-wrap {
    max-width: 100%;
  }

  .bact-to-top-image {
    height: 30px;
  }

  .grid-counter-item {
    grid-template-columns: 1fr;
  }

  .grid-simple-about {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-items: center;
  }

  .simple-about-image-wrap {
    margin-left: -5px;
  }

  .simple-about-image {
    height: 180px;
  }

  .microscope-image {
    height: 150px;
    bottom: -18px;
    left: 5px;
  }

  .grid-about-feature {
    grid-template-columns: 1fr;
  }

  .shape-thirteen {
    filter: blur(80px);
    width: 200px;
    height: 200px;
    top: 4%;
    left: 3%;
  }

  .about-brain-image {
    display: none;
  }

  .benefits-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .benefits-item {
    margin-bottom: 20px;
  }

  .grid-split-research {
    grid-template-columns: 1fr;
  }

  .split-research-item {
    height: 200px;
  }

  .split-research-hover-title {
    font-size: 20px;
  }

  .accordion-title {
    padding-right: 20px;
    font-size: 20px;
  }

  .grid-faqs {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .shape-fourteen {
    width: 300px;
    left: 4%;
  }

  .shape-fifteen {
    width: 300px;
    height: 800px;
    right: 4%;
  }

  .action-box-content {
    max-width: 100%;
  }

  .action-box-virus-image, .faqs-virus-image {
    display: none;
  }

  .split-about-section {
    padding-top: 98px;
  }

  .split-about-left-bg {
    height: 200px;
  }

  .split-about-left-background {
    height: 300px;
  }

  .split-about-right-bg {
    height: 200px;
  }

  .split-about-right-background {
    height: 300px;
  }

  .split-about-counter-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column wrap;
  }

  .split-about-counter-item {
    margin-bottom: 20px;
  }

  .shape-seventeen {
    width: 300px;
  }

  .our-mission-wrap {
    padding: 20px;
  }

  .grid-our-mission {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .background-video {
    height: 200px;
  }

  .award-item {
    margin-bottom: 15px;
    font-size: 18px;
  }

  .award-image-wrap {
    margin-bottom: 0;
  }

  .award-image-one {
    display: none;
  }

  .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .contact-form-wrap {
    padding: 20px;
  }

  .contact-title-warp {
    max-width: 100%;
    margin-bottom: 30px;
  }

  .shape-twenty {
    filter: blur(150px);
    width: 300px;
    top: 11%;
    left: 1%;
  }

  .research-image {
    object-fit: cover;
    height: 300px;
  }

  .simple-research-item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .simple-research-icon-wrap {
    margin-bottom: 0;
  }

  .simple-research-title {
    font-size: 20px;
  }

  .grid-process {
    grid-template-columns: 1fr;
  }

  .shape-twenty-two {
    top: 12%;
    right: 2%;
  }

  .shape-twenty-three {
    left: -1%;
  }

  .grid-pricing {
    grid-template-columns: 1fr;
  }

  .pricing-item {
    padding: 15px;
  }

  .pricing-two-list {
    margin-bottom: 20px;
  }

  .toggle-text {
    font-size: 17px;
  }

  .cases-section {
    padding-top: 101px;
    padding-bottom: 36px;
  }

  .shape-twenty-four {
    width: 300px;
    bottom: 46%;
    right: 10%;
  }

  .cases-category-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .case-category-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .grid-cases-item {
    grid-template-columns: 1fr;
  }

  .shape-twenty-five {
    width: 300px;
    bottom: 3%;
    left: 1%;
  }

  .grid-blog {
    grid-template-columns: 1fr;
  }

  .team-title-section {
    padding-top: 80px;
    padding-bottom: 8px;
  }

  .shape-twenty-six {
    width: 200px;
    height: 200px;
    top: 16%;
  }

  .shape-twenty-six.gradient-primary-2 {
    filter: blur(50px);
  }

  .grid-team-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .shape-twenty-seven {
    filter: blur(50px);
    width: 300px;
  }

  .case-study-section {
    padding-bottom: 40px;
  }

  .shape-twenty-eight {
    opacity: .8;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    top: 31%;
    right: 17%;
  }

  .shape-twenty-nine {
    opacity: .8;
    width: 260px;
    height: 200px;
    top: 0;
    left: 10%;
  }

  .case-detail-image {
    margin-top: 10px;
  }

  .challenge-and-solution, .grid-result {
    margin-bottom: 30px;
  }

  .shape-thirty {
    filter: blur(90px);
    width: 300px;
    right: 5%;
  }

  .case-study-decoration-one {
    display: none;
  }

  .blog-detail-section {
    padding-top: 90px;
  }

  .research-detail-bg {
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .approach-wrap {
    margin-bottom: 30px;
  }

  .shape-thirty-two {
    width: 300px;
    bottom: 64%;
    left: 0%;
  }

  .client-marquee-wrap {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .shape-thirty-three, .shape-thirty-four {
    filter: blur(150px);
    width: 300px;
  }

  .team-detail-section {
    padding-top: 93px;
    padding-bottom: 40px;
  }

  .team-detail-item {
    padding-bottom: 20px;
  }

  .team-detail-image-wrap.gradient-primary-3 {
    height: 100px;
  }

  .team-detail-image {
    width: 150px;
    height: 150px;
    margin-top: 24px;
  }

  .team-detail-title-wrap {
    margin-top: 87px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .shape-thirty-five {
    width: 320px;
    inset: 0% auto auto 0%;
  }

  .utility-page-wrap {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .gallery-section {
    padding-top: 73px;
    padding-bottom: 14px;
  }

  .shape-thirty-six {
    width: 260px;
  }

  .grid-gallery-image {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .shape-thirty-eight {
    width: 300px;
  }

  .pagination {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    margin-top: 20px;
  }

  .shape-thirty-nine {
    top: 56%;
  }

  .testimonial-arrow-icon {
    height: 20px;
  }

  .case-study-title {
    font-size: 20px;
  }

  .shape-forty-one {
    width: 300px;
    bottom: 64%;
    left: 0%;
  }

  .shape-forty {
    width: 320px;
  }

  .blog-detail-flex {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-wrap: wrap;
  }
}

#w-node-db44a1fe-0ad3-fb22-a1fa-badc00b36a48-19596aa1, #w-node-_0cc2555f-a752-59e7-0efb-0e06853f5caf-19596aa1, #w-node-_9e1f7422-8c0d-8d55-913c-8e1a08725701-19596aa1, #w-node-_17016a11-1353-b591-91c8-539d73cc17a1-19596aa1, #w-node-_3b760d01-f22e-2e3d-91c7-c2821294789c-19596aa1, #w-node-_720546a8-bb84-1993-6277-234415740237-19596aa1, #w-node-b68feb7a-90f7-213c-ad8a-6d0c607716da-19596aa1, #w-node-_5af33ff8-dae7-962d-5de8-214ceb5759ab-19596aa1, #w-node-_92d02679-8e5c-1601-cdec-c91d3d544171-19596aa1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b20de89c-c707-2ae9-0173-d44db04e1f09-19596aa1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_23edb32c-ac6e-8de5-5d9c-28456ef8ceaa-19596aa1, #w-node-_0d838335-fdc0-8255-f728-d1511c38164e-19596aa1, #w-node-a2340280-8d65-8b61-a6b1-cf7e2bf42f5a-19596aa1, #w-node-a2340280-8d65-8b61-a6b1-cf7e2bf42f5e-19596aa1, #w-node-_99b95e85-f73e-a694-99c3-c654f952414f-19596aa1, #w-node-_99b95e85-f73e-a694-99c3-c654f9524153-19596aa1, #w-node-e841e540-f17e-c378-2083-bb51e298621d-19596aa1, #w-node-e841e540-f17e-c378-2083-bb51e2986221-19596aa1, #w-node-cba0392b-7dfd-d59b-91b5-00ec10a3752b-19596aa1, #w-node-cba0392b-7dfd-d59b-91b5-00ec10a3752f-19596aa1, #w-node-d5669a87-9166-f8ee-8ce6-1d8319fa3da7-19596aa1, #w-node-e3d09b49-11c8-8d31-7ae7-0d5c4c163ace-19596aa1, #w-node-_4a93b667-29bb-56a0-17c2-79cfcb638974-19596aa1, #w-node-_78be4e7e-78b5-c4c0-c4b0-d2fb8259a04b-19596aa1, #w-node-_3dcf94f0-c4b7-299e-aa7c-db072a88d8c0-19596aa1, #w-node-_85c743d8-10d5-3fcd-232a-7bec21496396-19596aa1, #w-node-da70491c-3d3c-55cc-292e-b938aba1415b-19596aa1, #w-node-_3e84e70d-f7c8-c2d2-8f93-4f9b8a25767f-19596aa1, #w-node-_8cea9312-c043-e1ee-8cd2-5ac0d08235ef-19596aa1, #w-node-bac6b822-a41c-1936-c132-8d129367732c-19596aa1, #w-node-c7bfa391-80a7-25fe-e05e-7f5d37fbb627-19596aa1, #w-node-_7c14bf18-6819-254e-b5f6-531500f8044f-19596aa1, #w-node-_7b1ab788-0d00-3b18-6fb7-548d49c14410-19596aa1, #w-node-_3f3b193e-9bfe-3cb6-33d1-2d4dce3054d7-19596aa1, #w-node-deccec2b-0e06-4877-a4f2-f523b4245b00-b4245afe, #w-node-deccec2b-0e06-4877-a4f2-f523b4245b04-b4245afe, #w-node-deccec2b-0e06-4877-a4f2-f523b4245b06-b4245afe, #w-node-deccec2b-0e06-4877-a4f2-f523b4245b09-b4245afe, #w-node-deccec2b-0e06-4877-a4f2-f523b4245b0a-b4245afe, #w-node-deccec2b-0e06-4877-a4f2-f523b4245b15-b4245afe, #w-node-deccec2b-0e06-4877-a4f2-f523b4245b1e-b4245afe, #w-node-deccec2b-0e06-4877-a4f2-f523b4245b22-b4245afe, #w-node-deccec2b-0e06-4877-a4f2-f523b4245b2d-b4245afe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-deccec2b-0e06-4877-a4f2-f523b4245b34-b4245afe {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-deccec2b-0e06-4877-a4f2-f523b4245b41-b4245afe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9059c10e-8aed-0ef5-b05a-f52a7b8c6b2b-7b8c6b26 {
  justify-self: center;
}

#w-node-_9059c10e-8aed-0ef5-b05a-f52a7b8c6b46-7b8c6b26 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_217c88c7-720f-4eb2-9ffb-39f5b3a1297c-b3a12977 {
  justify-self: center;
}

#w-node-_217c88c7-720f-4eb2-9ffb-39f5b3a12997-b3a12977, #w-node-_43cdb34e-9afc-3186-1630-76f482492f7a-19596ab2, #w-node-_41b3932f-225e-af78-156f-53a6a22a5ed4-19596ab2, #w-node-_2dadef09-ac6e-e0f3-5221-833a748ff3f4-19596ab2, #w-node-b2de7aba-e8b1-5801-6f08-9f3b04ba34d4-19596ab2, #w-node-_84172f6a-0a8f-2f91-e351-a505cc8235eb-19596ab2, #w-node-_36b28217-70d1-aa39-4d09-4461603ba3ef-19596ab6, #w-node-_7235a879-2729-424f-12d8-9930170667af-19596ab6, #w-node-_7ff20876-7090-b710-39ed-58c62981d028-19596ab6, #w-node-_65e28c6a-e44e-e9a1-dae5-85c2665b0014-19596ab6, #w-node-e3c55858-0f54-3085-4fb6-3901078cf63c-19596ab6, #w-node-e3c55858-0f54-3085-4fb6-3901078cf642-19596ab6, #w-node-_3bb18586-c85f-c838-f247-d94126517e53-19596ab6, #w-node-_3bb18586-c85f-c838-f247-d94126517e59-19596ab6, #w-node-_8eefde73-7392-4bc5-ff01-c09ec9f63f09-19596ab6, #w-node-_8eefde73-7392-4bc5-ff01-c09ec9f63f0f-19596ab6, #w-node-bbb8073c-eb3f-0b64-747a-87d39d076668-19596ab6, #w-node-bbb8073c-eb3f-0b64-747a-87d39d07666e-19596ab6, #w-node-e3388931-564d-efa2-a6b0-eb639d32ae4b-19596ab6, #w-node-e3388931-564d-efa2-a6b0-eb639d32ae51-19596ab6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2f5256b1-9191-3392-1d78-4ce126d21be7-19596ab6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-bef39d18-91bc-cb29-d00d-4202735deda6-19596ab6, #w-node-f4a156ae-006b-73de-6223-e124c41b137e-19596ab6, #w-node-b88f329c-edf5-6d75-b73a-8752a34a3ee0-19596ab6, #w-node-_3ad3a2a4-8a82-c718-deb7-30d14a22ac36-19596ab6, #w-node-_4ac4b7bf-f667-a550-20f8-fde8fbcdd0f6-19596ab6, #w-node-_4aee2b7e-9a5a-c433-eec3-3ba689f439fd-19596ab6, #w-node-_5738a2b9-7c54-a19f-1e95-31402118083b-19596ab6, #w-node-_0839dfbe-d34d-95ae-638c-874fa4ed90b8-19596ab6, #w-node-e939e02f-30af-2364-969a-e07e0c6cf893-19596ab6, #w-node-_7220ab44-d2bc-7ad2-3898-14568c5b400d-19596ab6, #w-node-_62338099-13cb-2c81-e847-1e6639a1da5f-19596ab6, #w-node-_14b4b255-cdff-2422-22ac-4ceaa862a76c-19596ab6, #w-node-_74b15e52-fd09-14c5-3ee4-bc0503d9d770-19596ab6, #w-node-b77e2eaa-b96f-db1a-2718-753b5b308792-19596ab6, #w-node-_1e07a520-36b1-4dcf-7e16-fdac16ef64d3-19596ab6, #w-node-_5cea6995-1471-5b06-628c-5a92f3dd2f75-19596ab6, #w-node-_000e8163-53d3-c118-091a-aaa84959e0d6-19596ab6, #w-node-_2defeb0d-5362-100e-1c57-177674c2a525-19596ab8, #w-node-_2defeb0d-5362-100e-1c57-177674c2a52c-19596ab8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1440px) {
  #w-node-_0cc2555f-a752-59e7-0efb-0e06853f5caf-19596aa1, #w-node-_17016a11-1353-b591-91c8-539d73cc17a1-19596aa1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-b20de89c-c707-2ae9-0173-d44db04e1f09-19596aa1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-b20de89c-c707-2ae9-0173-d44db04e1f09-19596aa1 {
    justify-self: center;
  }

  #w-node-_217c88c7-720f-4eb2-9ffb-39f5b3a12997-b3a12977 {
    align-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-bac6b822-a41c-1936-c132-8d129367732c-19596aa1 {
    order: -9999;
  }

  #w-node-_2f5256b1-9191-3392-1d78-4ce126d21be7-19596ab6 {
    justify-self: start;
  }
}


@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}