*,
*::before,
*::after {
  box-sizing: border-box; }

ul[class],
ol[class] {
  padding: 0; }

body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0; }

body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5; }

ul[class],
ol[class] {
  list-style: none; }

a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto; }

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

article > * + * {
  margin-top: 1em; }

input,
button,
textarea,
select {
  font: inherit; }

@font-face {
  font-family: "Inter-LightItalic";
  src: url(./assets/fonts/Inter_28pt-LightItalic.ttf) format("ttf"), url(./assets/fonts/Inter_28pt-LightItalic.woff) format("woff"); }
@font-face {
  font-family: "Inter-Bold";
  src: url(./assets/fonts/Inter-Black.ttf) format("ttf"), url(./assets/fonts/Inter-Black.woff) format("woff"); }
@font-face {
  font-family: "Inter-Regular";
  src: url(./assets/fonts/Inter-Regular.ttf) format("ttf"), url(./assets/fonts/Inter-Regular.woff) format("woff"); }
body {
  font-family: "Inter-Regular";
  overflow: auto; }

h1 {
  font-family: "Inter-Bold";
  font-size: calc( 21px + 49 * ((100vw - 420px) / 1500) );
  font-weight: 900;
  text-transform: uppercase; }

h3 {
  font-size: calc( 12px + 28 * ((100vw - 420px) / 1500) );
  font-family: "Inter-Bold";
  font-weight: 900;
  text-transform: uppercase; }

h4 {
  font-size: calc( 9.6px + 22.4 * ((100vw - 420px) / 1500) );
  font-weight: 600; }

p {
  font-size: calc( 6.6px + 15.4 * ((100vw - 420px) / 1500) );
  line-height: 1.8; }
  @media screen and (max-width: 768px) {
    p {
      font-size: calc( 8.4px + 19.6 * ((100vw - 420px) / 1500) ); } }

.block {
  padding: 7% 13%; }
  @media screen and (max-width: 768px) {
    .block {
      padding: 7% 5%; } }

header {
  display: flex;
  flex-direction: row;
  color: #1f1f24;
  height: 100vh;
  max-height: 60vw;
  padding: 10% 13%;
  align-items: center;
  position: relative;
  background-color: #fcdc4a;
  margin-bottom: 5%; }
  header::after {
    content: "";
    width: 100%;
    height: 10vw;
    position: absolute;
    bottom: -9vw;
    left: 0;
    background: bottom/cover no-repeat url(./assets/img/head-bg.png);
    z-index: -1; }
  header .header-content {
    width: 65%;
    margin-bottom: 5%; }
    header .header-content img {
      width: 15%;
      margin-bottom: 15%; }
      @media screen and (max-width: 768px) {
        header .header-content img {
          margin-bottom: 10%; } }
    header .header-content h1 {
      line-height: 1.4; }
    header .header-content h2 {
      font-family: "Inter-LightItalic";
      font-size: calc( 18px + 42 * ((100vw - 420px) / 1500) );
      font-weight: 300;
      line-height: 1;
      margin-bottom: 7%; }
  header .header-img {
    position: absolute;
    height: auto;
    width: 40vw;
    position: absolute;
    right: 0;
    top: 0; }
    header .header-img img {
      width: 100%; }

.mobile-apps h3 {
  padding-bottom: 2%; }
.mobile-apps .apps {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .mobile-apps .apps .app {
    width: 32%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .mobile-apps .apps .app .app-icon {
      width: 25%;
      margin-bottom: 5%; }
      @media screen and (max-width: 768px) {
        .mobile-apps .apps .app .app-icon {
          width: 35%; } }
    .mobile-apps .apps .app h4 {
      margin-bottom: 2%; }
    .mobile-apps .apps .app p {
      margin-bottom: 6%; }
    .mobile-apps .apps .app .download-app {
      width: 40%;
      cursor: pointer; }
      @media screen and (max-width: 768px) {
        .mobile-apps .apps .app .download-app {
          width: 60%; } }

.marketing-agency {
  background-color: #fcdc4a; }
  .marketing-agency h3 {
    margin-bottom: 4%; }
  .marketing-agency .marketing-agency_content {
    display: flex;
    flex-direction: row;
    gap: 5%;
    align-items: flex-start; }
    .marketing-agency .marketing-agency_content .content-img,
    .marketing-agency .marketing-agency_content .content-text {
      width: 50%; }
    .marketing-agency .marketing-agency_content h4 {
      margin-bottom: 2%; }
    .marketing-agency .marketing-agency_content p {
      line-height: 1.8;
      margin-bottom: 4%; }

.quick-evaluation {
  padding-top: 5%;
  padding-bottom: 5%;
  text-align: center; }
  .quick-evaluation h3 {
    margin-bottom: 4%; }
  .quick-evaluation p {
    font-size: calc( 8.4px + 19.6 * ((100vw - 420px) / 1500) );
    line-height: 1.9;
    padding: 0 8%; }

.contact-us {
  padding-top: 4%;
  padding-bottom: 5%;
  background-color: #fcdc4a;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .contact-us h3 {
    margin-bottom: 3%; }
  .contact-us form {
    display: flex;
    flex-direction: column;
    width: 45%;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .contact-us form {
        width: 65%; } }
    .contact-us form input,
    .contact-us form textarea {
      width: 100%;
      border: none;
      background-color: transparent;
      outline: none;
      border-bottom: 1px solid #1f1f2444;
      font-size: calc( 6px + 14 * ((100vw - 420px) / 1500) );
      padding: 5% 0;
      margin-bottom: 3%; }
      @media screen and (max-width: 768px) {
        .contact-us form input,
        .contact-us form textarea {
          font-size: calc( 8.4px + 19.6 * ((100vw - 420px) / 1500) ); } }
    .contact-us form textarea {
      height: 15%;
      margin-bottom: 10%; }
    .contact-us form button {
      background-color: #1f1f24;
      cursor: pointer;
      border-radius: calc(8px + 12 * ((100vw - 420px) / 1920));
      padding: 3% 6%;
      width: 55%;
      color: white;
      font-size: calc( 6px + 14 * ((100vw - 420px) / 1500) ); }
      @media screen and (max-width: 768px) {
        .contact-us form button {
          font-size: calc( 8.4px + 19.6 * ((100vw - 420px) / 1500) ); } }

::-webkit-input-placeholder {
  color: #1f1f24; }

::-moz-placeholder {
  color: #1f1f24; }

:-ms-input-placeholder {
  color: #1f1f24; }

::-ms-input-placeholder {
  color: #1f1f24; }

::placeholder {
  color: #1f1f24; }

footer {
  display: flex;
  gap: 16%;
  padding-top: 4% !important;
  padding-bottom: 4% !important; }
  @media screen and (max-width: 768px) {
    footer {
      gap: unset;
      justify-content: space-around; } }
  footer h4 {
    font-family: "Inter-Bold";
    font-weight: 900; }
  footer p {
    font-size: calc( 4.2px + 9.8 * ((100vw - 420px) / 1500) ); }
    @media screen and (max-width: 768px) {
      footer p {
        font-size: calc( 6px + 14 * ((100vw - 420px) / 1500) ); } }
  footer div:not(:first-child) h4 {
    font-size: calc( 6px + 14 * ((100vw - 420px) / 1500) );
    line-height: 2; }

/*# sourceMappingURL=style.css.map */