body {
  display: flex;
  margin: 0;
  padding: 0;
  font-family: inherit;
}

.back-arrow-container {
  display: flex;
  align-items: center;
  color: #4d4d4d;
  text-decoration: none;
}
.back-arrow-container .back-to {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.6);
  background-color: rgba(77, 77, 77, 0.0196078431);
  border-radius: 8px;
  padding: 6px 10px;
  transition: background-color 0.3s ease;
}
.back-arrow-container .back-to .arrow-icon {
  transition: transform 0.3s ease;
  color: #4D4D4D;
  width: 18px;
  height: 12px;
}
.back-arrow-container .back-to:hover {
  background-color: rgba(77, 77, 77, 0.0588235294);
}
.back-arrow-container .back-to:hover .arrow-icon {
  transform: translateX(-2px) scale(1.1, 1);
}

.gap-4 {
  gap: 24px !important;
}

.see-all-container {
  display: flex;
  align-items: end;
  justify-content: end;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.0509803922);
}

#hero-form,
#footer-form {
  background-color: #ffffff;
  padding: unset;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
  opacity: 0;
}
#hero-form.open,
#footer-form.open {
  padding: 32px 24px;
  max-height: 500px;
  background-color: #fafafa;
  opacity: 1;
}
#hero-form form,
#footer-form form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#hero-form form .form-body,
#footer-form form .form-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#hero-form form .form-body label,
#footer-form form .form-body label {
  font-size: 14px;
  font-weight: 400;
  color: #4d4d4d;
}
#hero-form form .form-body input,
#hero-form form .form-body select,
#footer-form form .form-body input,
#footer-form form .form-body select {
  width: calc(100% - 24px);
  padding: 10px 12px;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  font-size: 16px;
  box-shadow: 0 1px 2px 0 rgba(77, 64, 85, 0.1019607843);
}
#hero-form form .form-body input:focus,
#hero-form form .form-body select:focus,
#footer-form form .form-body input:focus,
#footer-form form .form-body select:focus {
  outline: none;
  border-color: inherit;
  box-shadow: none;
  border-color: #f55f01;
}
#hero-form form .orange-btn,
#footer-form form .orange-btn {
  width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.orange-btn {
  padding: 6px 12px;
  width: fit-content;
  height: 40px;
  box-sizing: border-box;
  display: flex;
  gap: 10px;
  border: none;
  background-color: rgba(245, 95, 1, 0.0196078431);
  border-radius: 8px;
  color: #f55f01;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.orange-btn > * {
  position: relative;
  z-index: 1;
}
.orange-btn img {
  width: 16px !important;
  height: 16px !important;
  transition: all 0.3s ease-in-out;
}
.orange-btn svg {
  width: 16px !important;
  height: 16px !important;
  transition: all 0.3s ease-in-out;
}
.orange-btn svg .arrow {
  transition: transform 0.3s ease-in-out;
}
.orange-btn:hover {
  background-color: rgba(245, 95, 1, 0.2);
}
.orange-btn:hover img.arrow {
  transform: translate(3px, -3px);
}
.orange-btn:hover img.linkedin {
  transform: scale(-1) rotateZ(0.5turn);
}
.orange-btn:hover img.shtrudel {
  transform: rotateZ(360deg);
}
.orange-btn:hover img.eye {
  transform: scale(1.1);
}
.orange-btn:hover svg.download .arrow {
  transform: translateY(1.5px);
}
.orange-btn span {
  font-size: 14px;
}
.orange-btn.is-processing {
  background-color: rgba(245, 95, 1, 0.2);
  pointer-events: none;
}
.orange-btn.is-success {
  pointer-events: none;
  color: #ffffff;
}
.orange-btn.is-success span {
  color: #ffffff !important;
}
.orange-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #f55f01;
  transform: translateX(-105%);
  transition: transform 1.5s ease;
}
.orange-btn.is-success::before {
  transform: translateX(0);
}
.orange-btn.is-processing::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 45%;
  background: linear-gradient(110deg, rgba(245, 95, 1, 0) 0%, rgba(245, 95, 1, 0.25) 50%, rgba(245, 95, 1, 0) 100%);
  animation: sheen 1s linear infinite;
}
.orange-btn .spinner {
  width: 16px;
  height: 16px;
  border: 2px solid #f55f01;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
.orange-btn.is-success img.arrow, .orange-btn.is-success img.shtrudel, .orange-btn.is-success svg, .orange-btn.is-success .spinner {
  filter: brightness(10);
}
.orange-btn.is-processing img.arrow, .orange-btn.is-processing img.shtrudel, .orange-btn.is-processing svg {
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .orange-btn {
    width: 100%;
  }
}

@media (max-width: 1199px) {
  .orange-btn:not(.see-all) {
    width: 100%;
  }
  .orange-btn:hover {
    background-color: rgba(245, 95, 1, 0.0196078431);
  }
  .orange-btn:hover img.arrow,
  .orange-btn:hover img.shtrudel,
  .orange-btn:hover img.linkedin,
  .orange-btn:hover img.eye {
    transform: none;
  }
  .orange-btn:hover svg.download .arrow {
    transform: none;
  }
  .back-arrow-container .back-to:hover {
    background-color: rgba(77, 77, 77, 0.0196078431);
  }
  .back-arrow-container .back-to:hover .arrow-icon {
    transform: unset;
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes sheen {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(250%);
  }
}
.personal-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  height: 100%;
}
@media screen and (min-width: 1600px) {
  .personal-container img.personal-img {
    min-height: 450px;
  }
}
.personal-container .progressive {
  width: 100%;
}
.personal-container .personal-info .name {
  font-size: 18px;
  margin-bottom: 4px;
  color: #4d4d4d;
}
@media screen and (max-width: 1600px) {
  .personal-container .personal-info .name {
    font-size: inherit;
  }
}
.personal-container .personal-info .position {
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.4);
}
.personal-container .quote-block {
  display: flex;
  align-items: center;
  gap: 8px;
}
.personal-container .quote-block .quote {
  width: 18px !important;
}
.personal-container .quote-block p {
  color: #f55f01;
  font-style: italic;
}
.personal-container .orange-btn {
  margin: 0 0 0 0;
}

p {
  font-weight: 400;
  font-size: 18px;
  color: #4d4d4d;
}

h1 {
  font-size: 40px;
  font-weight: 500;
}

h4 {
  font-size: 24px;
  font-weight: 400;
}

h6 {
  font-size: 16px;
  font-weight: 500;
}

.full-width {
  width: 100% !important;
}

.fadeIn {
  animation: fadeIn 0.5s ease-in-out forwards;
}

.fadeInLeft {
  animation: fadeInFromLeft 0.5s ease-in-out forwards;
}

.fadeInRight {
  animation: fadeInFromRight 0.5s ease-in-out forwards;
}

@keyframes fadeInFromRight {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInFromLeft {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media screen and (max-width: 1199px) {
  h1 {
    font-size: 28px;
  }
}
@media screen and (max-width: 1600px) {
  p {
    font-size: 14px;
  }
  p.position {
    font-size: 10px !important;
  }
}

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