:root {
  --content: #484848;
  --title: #030211;
  --secondary: #211932;
  --primary: #ab5429;
  --button-color: #3d6ee3;
  --light-white: #f3f3f3;
  --content-dim: dimgrey;
  --white: white;
}

.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;
}

body {
  color: var(--content);
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

h1 {
  color: var(--title);
  letter-spacing: .02em;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 45px;
  font-weight: 600;
  line-height: 1.3;
}

h2 {
  color: var(--title);
  letter-spacing: .02em;
  margin-top: 15px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.3;
}

h3 {
  color: var(--title);
  letter-spacing: .02em;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 35px;
  font-weight: 600;
  line-height: 1.4;
}

h4 {
  color: var(--title);
  letter-spacing: .02em;
  margin-top: 15px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.4;
}

h5 {
  color: var(--title);
  letter-spacing: .02em;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.5;
}

h6 {
  color: var(--title);
  letter-spacing: .02em;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
}

p {
  color: var(--content);
  letter-spacing: .02em;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

a {
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  transition: color .2s;
}

ul {
  color: var(--secondary);
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

ol {
  color: var(--secondary);
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
}

li {
  padding-top: 5px;
  padding-bottom: 5px;
}

label {
  color: var(--secondary);
  margin-bottom: 5px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
}

.container-large {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.banner-container {
  max-width: 1700px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.style-guide-page-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 360px 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  padding-right: 20px;
  display: grid;
  position: relative;
}

.page-sticky-wrap {
  background-color: #211932;
  border-top-left-radius: 180px;
  border-top-right-radius: 180px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: stretch;
  min-width: 300px;
  margin-top: -210px;
  padding-top: 40px;
  display: flex;
  position: relative;
}

.page-sticky-wrap.style-guide {
  border-top-left-radius: 0;
  border-top-right-radius: 180px;
  width: auto;
  margin-top: 0;
  padding-top: 157px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.page-sticky-wrap.no-radius {
  border-radius: 0;
}

.brand {
  justify-content: center;
  align-items: center;
  display: flex;
}

.brand.left-side {
  justify-content: flex-start;
}

.sticky-page-title-wrap {
  background-color: #171027;
  flex-direction: column;
  align-items: stretch;
  margin-top: 0;
  padding: 55px 50px 80px;
  display: block;
}

.sticky-page-title-wrap.style-guide {
  margin-top: 120px;
}

.sticky-title-link {
  color: #948f9f;
  text-align: center;
  border-bottom: 1px solid #372d4d;
  min-width: 200px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: Martel, sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
  transition: border-color .2s, color .2s;
  display: block;
}

.sticky-title-link:hover {
  color: #fff;
}

.sticky-title-link.w--current {
  color: #fff;
  border-bottom-color: #ab5429;
}

.style-guide-section {
  margin-left: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

.page-section-wrap {
  padding-top: 70px;
}

.section-title-wrap {
  margin-left: 0;
  margin-right: auto;
  display: inline-block;
}

.section-title-wrap.center {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.style-guide-grid-wrap {
  padding-top: 120px;
}

.style-guide-color-grid {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: .25fr;
  display: flex;
}

.style-guide-flex-wrap {
  grid-column-gap: 35px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: grid;
}

.color-swatch-wrap {
  text-align: center;
}

.color-swatch {
  min-width: 150px;
  min-height: 150px;
}

.color-swatch.primary-color {
  background-color: var(--primary);
}

.color-swatch.secondary-color {
  background-color: var(--secondary);
}

.color-swatch.button-color {
  background-color: var(--button-color);
}

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

.color-swatch.title-color {
  background-color: var(--title);
}

.color-swatch.content-color {
  background-color: var(--content);
}

.color-swatch.content-second-color {
  background-color: var(--content-dim);
}

.color-swatch-title {
  margin-top: 10px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.sticky-wrap {
  margin-top: 0;
  position: sticky;
  top: 100px;
}

.sticky-wrap.homepage {
  position: sticky;
  top: 0;
}

.style-guide-grid {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-content: space-between;
}

.style-guide-content-wrap.form {
  grid-row-gap: 100px;
  flex-direction: column;
  display: flex;
}

.banner-text {
  font-family: Poppins, sans-serif;
  font-size: 65px;
  font-weight: 600;
  line-height: 1.3;
}

.style-guide-title {
  font-size: 25px;
}

.style-guide-flex {
  grid-column-gap: 50px;
  grid-row-gap: 20px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.button-title {
  font-size: 20px;
}

.button {
  border: 1.5px solid var(--secondary);
  background-color: var(--secondary);
  text-align: center;
  border-radius: 5px;
  min-width: 180px;
  padding: 20px 40px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: border-color .2s, color .2s, background-color .2s;
}

.button:hover {
  background-color: #3b324f;
  border-color: #3b324f;
}

.button.transparent {
  border-color: var(--button-color);
  color: var(--secondary);
  background-color: #0000;
}

.button.transparent:hover {
  background-color: var(--button-color);
  color: #fff;
}

.button.blue {
  border-color: var(--button-color);
  background-color: var(--button-color);
}

.button.blue:hover {
  background-color: var(--white);
  color: var(--secondary);
}

.button.pricing {
  background-color: #5378ff;
  border-color: #5378ff;
}

.button.pricing:hover {
  border-color: var(--white);
  background-color: var(--white);
  color: var(--secondary);
}

.style-guide-button-flex {
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.creative-button {
  border: 1.5px solid var(--secondary);
  background-color: var(--secondary);
  color: #fff;
  text-align: center;
  border-radius: 35px;
  padding: 20px 40px;
  font-size: 16px;
  font-weight: 600;
  transition: background-color .2s, color .2s;
}

.creative-button:hover {
  border-color: var(--primary);
  background-color: var(--primary);
}

.creative-button.transparent {
  color: var(--secondary);
  background-color: #fff;
}

.creative-button.transparent:hover {
  border-color: var(--secondary);
  background-color: var(--secondary);
  color: #fff;
}

.creative-button.orange-button {
  border-color: var(--primary);
  background-color: var(--primary);
  font-size: 16px;
  font-weight: 400;
}

.creative-button.orange-button:hover {
  border-color: var(--secondary);
  background-color: var(--secondary);
}

.creative-button.cv-download {
  background-image: url('../images/Downlode.svg');
  background-position: 15%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 50px;
  padding-right: 30px;
}

.creative-form-block {
  margin-bottom: 0;
}

.paragraph-second {
  font-size: 15px;
}

.creative-form-input {
  min-height: 65px;
  color: var(--secondary);
  background-color: #f8f8f8;
  border: 1px #000;
  border-radius: 37px;
  flex: 0 auto;
  align-self: stretch;
  margin-bottom: 0;
  padding: 10px 15px 10px 30px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.creative-form-input::placeholder {
  color: var(--primary);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.creative-form-input.textarea {
  border-radius: 30px;
  min-height: 140px;
  padding-top: 20px;
}

.form-flex {
  grid-column-gap: 40px;
  display: flex;
}

.form-flex.style-guide {
  flex-direction: column;
}

.form-label-wrap {
  grid-row-gap: 10px;
  text-align: left;
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  align-items: flex-start;
  padding-bottom: 40px;
  display: flex;
}

.primary-form-block {
  border: 1px solid #7da4ff;
  border-radius: 5px;
  margin-bottom: 0;
  padding: 50px;
}

.primary-form-block.style-guide {
  border-color: #cfcfcf;
  width: auto;
  margin-bottom: 0;
}

.form-input {
  min-height: 50px;
  color: var(--white);
  background-color: #0000;
  border: 1px #000;
  border-bottom: 1px solid #7da4ff;
  margin-bottom: 0;
  padding: 10px 20px 20px 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.form-input:focus-visible, .form-input[data-wf-focus-visible] {
  border-bottom-color: var(--primary);
}

.form-input::placeholder {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.form-input.textarea-style-guide {
  border-bottom-color: #cfcfcf;
  min-height: 90px;
}

.form-input.textarea-style-guide:focus-visible, .form-input.textarea-style-guide[data-wf-focus-visible] {
  border-bottom-color: var(--primary);
}

.form-input.textarea-style-guide::placeholder {
  color: var(--secondary);
  font-size: 18px;
}

.form-input.black {
  border-bottom-color: #cfcfcf;
}

.form-input.black::placeholder {
  color: var(--secondary);
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.form-input.home-corporate-textarea {
  min-height: 100px;
}

.success-message {
  border: 1px solid var(--primary);
  background-color: var(--primary);
  color: #fff;
  text-align: center;
  border-radius: 80px;
  padding: 20px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.error-message {
  color: var(--title);
  text-align: center;
  border-radius: 80px;
  margin-top: 20px;
  padding: 20px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.copyright {
  border-top: 1px solid #dbdbdb;
  padding-top: 30px;
  padding-bottom: 30px;
}

.copyright-flex {
  grid-column-gap: 30px;
  grid-row-gap: 25px;
  text-align: center;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  display: grid;
}

.copyright-social-wrap {
  grid-column-gap: 20px;
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.copyright-button-flex {
  margin-bottom: 20px;
}

.copyright-content {
  color: var(--secondary);
  margin-bottom: 0;
}

.page-grid {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 370px 1fr;
}

.author-wrap {
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: center;
  padding-bottom: 45px;
  display: flex;
}

.author-image {
  border-radius: 100%;
}

.page-sticky-flex {
  z-index: 3;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.author-title {
  color: #fff;
  font-family: Martel, sans-serif;
  font-size: 30px;
  font-weight: 400;
}

.author-social-wrap {
  grid-column-gap: 20px;
  border-bottom: 1px dashed #635b74;
  justify-content: center;
  padding-bottom: 20px;
  display: flex;
}

.author-link-wrap {
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.author-link {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: color .2s;
  display: block;
}

.author-link:hover {
  color: var(--primary);
}

.banner-cv {
  background-color: #dbdbdb;
  background-image: url('../images/Banner-02.png'), url('../images/Banner.jpg');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, cover;
  position: relative;
  overflow: hidden;
}

.banner-grid-wrap {
  padding-top: 80px;
}

.banner-grid {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  align-items: center;
  position: relative;
}

.page-sticky-image-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.page-sticky-image-wrap.w--current {
  position: sticky;
  top: 100px;
}

.menu-wrap {
  justify-content: flex-end;
  align-items: center;
  height: 60px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.menu-icon-line {
  background-color: #000;
  width: 25px;
  height: 2px;
  margin-bottom: 4px;
}

.menu-icon-line.popup-top-line {
  background-color: #000;
  width: 12px;
  margin-left: 13px;
}

.menu-icon-line.popup-bottom-line {
  background-color: #000;
  width: 12px;
}

.banner-content-wrap {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  display: flex;
  position: relative;
  top: -63px;
}

.banner-sub-title {
  color: #676767;
  font-family: Martel, sans-serif;
  font-size: 25px;
  font-weight: 400;
}

.author-name {
  font-family: Martel, sans-serif;
  font-size: 55px;
  font-weight: 400;
  line-height: 1;
}

.author-content {
  width: auto;
  color: var(--secondary);
  margin-bottom: 35px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
}

.banner-content-flex {
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 130px;
  display: flex;
}

.button-flex {
  justify-content: flex-start;
  display: flex;
}

.author-link-whole-wrap {
  padding-top: 70px;
}

.author-flex {
  grid-column-gap: 45px;
  grid-row-gap: 30px;
  flex-direction: column;
  display: flex;
}

.author-link-flex {
  grid-column-gap: 10px;
  align-items: center;
  display: flex;
}

.author-contact {
  color: var(--secondary);
  font-size: 20px;
  line-height: 1.1;
  transition: color .2s;
}

.author-contact:hover {
  color: var(--primary);
}

.banner-relative {
  z-index: 2;
  min-height: 800px;
  position: relative;
}

.banner-overlay-wrap {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.banner-decorative {
  position: absolute;
}

.banner-decorative.left-bottom {
  width: 120px;
  inset: auto 5px 4% auto;
}

.banner-decorative.left-top {
  width: 80px;
  inset: auto 117px 10% auto;
}

.banner-decorative.right-top {
  width: 244px;
  inset: 209px auto auto 138px;
}

.banner-decorative.right-bottom {
  z-index: 1;
  inset: 385px auto auto 42px;
}

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

.home-creative-section-title {
  color: var(--secondary);
  margin-top: 0;
  font-family: Martel, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
}

.home-creative-section-title.white-font-color {
  color: #fff;
}

.home-creative-sub-title {
  color: #fff;
  text-align: center;
  letter-spacing: .45em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.3;
}

.about-content-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 40px;
  display: flex;
}

.about-category-wrap {
  background-color: #f8f8f8;
  border-radius: 30px;
  padding: 50px 40px;
}

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

.about-category-flex {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.about-category-point {
  grid-column-gap: 10px;
  justify-content: flex-start;
  display: flex;
}

.about-category-title-wrap {
  flex-direction: row;
  justify-content: space-between;
  min-width: 130px;
  display: flex;
}

.about-category-title {
  color: var(--primary);
  margin-bottom: 0;
  font-size: 20px;
}

.about-category-content-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.about-category-content {
  color: var(--secondary);
  letter-spacing: .02em;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
}

.about-category-content.content-link {
  transition: color .2s;
}

.about-category-content.content-link:hover {
  color: var(--button-color);
}

.about-whole-wrap {
  max-width: 900px;
}

.about-signature-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 60px;
  display: flex;
}

.knowledge-section {
  background-color: var(--primary);
  background-image: url('../images/knowlodge-bg.svg'), url('../images/knowlodge-bg-02.png');
  background-position: 97% 9%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 110px;
  padding-bottom: 110px;
}

.knowledge-grid-wrap {
  padding-top: 80px;
}

.knowledge-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-columns: 1fr 1fr;
}

.knowledge-card {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.knowledge-logo-wrap {
  background-color: #99471e;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 60px;
  min-height: 60px;
  display: flex;
}

.knowledge-card-title {
  color: #fff;
  font-family: Martel, sans-serif;
  font-size: 25px;
  font-weight: 400;
}

.knowledge-content {
  color: #fff;
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.my-skill-section {
  padding-top: 115px;
  padding-bottom: 100px;
}

.my-skill-grid {
  grid-column-gap: 40px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: center;
}

.my-skill-content-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  padding-top: 20px;
  display: flex;
}

.my-skill-category-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f8f8;
  border-radius: 30px;
  padding: 20px 40px 0;
  display: flex;
}

.my-skill-image-wrap {
  justify-content: center;
  align-items: flex-end;
  width: 220px;
  height: 300px;
  display: flex;
  position: relative;
}

.my-skill-image {
  position: absolute;
}

.my-skill-progress-wrap {
  grid-row-gap: 25px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  display: flex;
}

.my-skill-points-flex {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.my-skill-title {
  width: 50px;
  color: var(--primary);
  background-color: #f8f8f8;
  margin-bottom: 0;
  font-size: 16px;
}

.my-skill-progress-bar-wrap {
  background-color: #d6d6d6;
  border-radius: 5px;
  flex-direction: row;
  flex: 1;
  align-items: center;
  height: 3px;
  display: flex;
}

.my-skill-progress-bar {
  background-color: var(--secondary);
  flex: 1;
  max-width: 100%;
  height: 3px;
  position: relative;
}

.my-skill-progress-bar.wordpress-bar {
  max-width: 70%;
}

.my-skill-progress-bar.html-bar {
  max-width: 94%;
}

.my-skill-progress-bar.php-bar {
  max-width: 90%;
}

.my-skill-progress-bar.java-bar {
  max-width: 80%;
}

.my-skill-progress-indicator {
  background-color: var(--secondary);
  border-radius: 5px;
  width: 3px;
  height: 20px;
  position: absolute;
  inset: -9px 0% auto auto;
}

.my-resume-section {
  background-color: #1c142c;
  background-image: url('../images/resume-bg.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 110px;
  padding-bottom: 120px;
}

.resume-whole-wrap {
  grid-column-gap: 70px;
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 80px;
  display: flex;
}

.resume-grid-wrap {
  flex: 1;
  position: relative;
}

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

.resume-grid.second-grid {
  grid-template-rows: auto auto auto;
}

.resume-title {
  color: #fff;
  margin-bottom: 20px;
  font-family: Martel, sans-serif;
  font-size: 40px;
  font-weight: 400;
}

.resume-flex {
  z-index: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.resume-sub-title-wrap {
  text-align: right;
  background-image: linear-gradient(110deg, #0000 12%, #211932 27%);
  border-radius: 10px;
  min-width: 180px;
  padding: 15px 15px 15px 40px;
  position: relative;
  top: -42px;
}

.resume-content-wrap {
  background-color: #fff;
  border-radius: 30px;
  flex: 1;
  margin-left: -25px;
  padding: 45px 30px 35px 45px;
}

.resume-year {
  color: #fff;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
}

.resume-sub-title {
  color: #fff;
  margin-bottom: 0;
  font-size: 16px;
}

.resume-college-title-wrap {
  border-bottom: 1px solid #a6a6a6;
  padding-bottom: 5px;
}

.resume-college-title {
  color: var(--primary);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Martel, sans-serif;
  font-size: 25px;
  font-weight: 400;
}

.resume-college-sub-title {
  color: var(--secondary);
}

.resume-college-content-wrap {
  padding-top: 10px;
}

.resume-college-content {
  font-size: 17px;
}

.resume-timeline-wrap {
  z-index: 0;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  width: 45px;
  max-height: 77%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 77px;
}

.resume-timeline-wrap.second-time-line {
  max-height: 83%;
}

.resume-timeline-whole-wrap {
  padding-top: 30px;
  display: flex;
  position: relative;
}

.timeline-top-line {
  background-color: var(--primary);
  align-self: stretch;
  height: 2px;
}

.timeline-wrap {
  background-color: var(--primary);
  flex: 1;
  width: 2px;
}

.our-works-section {
  padding-top: 120px;
}

.our-works-title-wrap {
  z-index: 2;
  align-items: center;
  display: flex;
}

.our-works-tab-wrap {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.our-work-tab-menu {
  grid-column-gap: 15px;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.our-works-tab {
  border-bottom: 1px solid #d8d8d8;
  flex-direction: column;
  align-items: center;
  padding-bottom: 120px;
  display: flex;
}

.our-works-tab-menu-link {
  background-color: #0000;
  border-radius: 40px;
  padding: 10px 18px;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 400;
}

.our-works-tab-menu-link.w--current {
  background-color: #f4f4f4;
}

.our-works-tab-pane {
  margin-top: 0;
  padding-top: 60px;
}

.our-works-wrap {
  border-radius: 30px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.our-works-image {
  border-radius: 20px;
}

.oue-works-link-wrap {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #fffc;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  margin-left: 12px;
  margin-right: 12px;
  padding: 20px 25px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.our-works-title {
  color: var(--secondary);
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Martel, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.2;
  display: block;
}

.our-works-title:hover {
  color: var(--button-color);
}

.our-works-description {
  color: var(--primary);
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  display: block;
}

.our-works-description:hover {
  color: var(--button-color);
}

.our-works-arrow-wrap {
  background-color: var(--secondary);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  min-height: 40px;
  transition: background-color .2s;
  display: flex;
}

.our-works-arrow-wrap:hover {
  background-color: var(--primary);
}

.our-works-flex {
  column-count: 2;
  column-gap: 40px;
  padding-top: 20px;
}

.review-section {
  padding-top: 120px;
}

.client-slider-wrap {
  border-bottom: 1px solid #d8d8d8;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 100px;
  display: flex;
}

.client-arrow {
  grid-column-gap: 10px;
  background-color: #f3f3f3;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 10px 10px 10px 20px;
  display: flex;
  top: 73px;
}

.client-arrow.right-arrow {
  bottom: auto;
  left: auto;
  right: 0%;
}

.client-arrow.left-arrow {
  padding-left: 10px;
  padding-right: 20px;
  bottom: auto;
  left: 0%;
  right: auto;
}

.client-slider-image-wrap {
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 45px;
  min-height: 45px;
  display: flex;
}

.client-slider {
  background-color: #fff;
  max-width: 750px;
  height: auto;
  position: relative;
}

.client-arrow-wrap {
  grid-column-gap: 10px;
  align-items: center;
  display: flex;
}

.client-arrow-content {
  margin-bottom: 0;
}

.slide-nav {
  display: none;
}

.client-slide {
  margin-right: 20px;
}

.client-content-wrap {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  display: flex;
}

.client-image-wrap, .client-image {
  border-radius: 100%;
}

.client-title {
  color: var(--secondary);
  margin-bottom: 0;
  font-family: Martel, sans-serif;
  font-size: 25px;
  font-weight: 400;
}

.client-description {
  color: var(--primary);
  margin-bottom: 0;
}

.client-slide-flex {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.client-content {
  font-size: 20px;
  font-style: italic;
}

.client-logo-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.certification-section {
  background-color: #ab5429;
  background-image: url('../images/Certificate-bg.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 125px;
  padding-bottom: 120px;
}

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

.certificate-content {
  color: #fff;
  margin-top: 10px;
}

.certificate-title-wrap {
  padding-top: 30px;
}

.certificate-wrap {
  background-color: var(--secondary);
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  padding: 65px 40px 40px;
  display: flex;
  position: relative;
}

.certificate-image-wrap {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.certificate-line-break {
  background-color: #ab5429;
  border-radius: 20px;
  min-width: 115px;
  height: 3px;
  margin-top: 20px;
}

.certificate-title {
  color: #fff;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Martel, sans-serif;
  font-size: 25px;
  font-weight: 400;
  transition: color .2s;
  display: block;
}

.certificate-title:hover {
  color: var(--button-color);
}

.certificate-link-wrap {
  background-color: #ab5429;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 45px;
  min-height: 45px;
  margin-top: 20px;
  transition: background-color .2s;
  display: flex;
}

.certificate-link-wrap:hover {
  background-color: var(--button-color);
}

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

.contact-content {
  max-width: 750px;
  margin-top: 20px;
  margin-bottom: 0;
}

.contact-grid-wrap {
  padding-top: 40px;
}

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

.info-chart {
  background-color: #f8f8f8;
  border-radius: 30px;
  padding: 70px 35px 40px 55px;
  position: relative;
}

.info-categories {
  grid-row-gap: 20px;
  flex-direction: column;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.info-title {
  margin-bottom: 0;
  font-family: Martel, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2;
}

.info-description {
  color: var(--primary);
  margin-bottom: 0;
  font-size: 20px;
}

.info-author-sign {
  width: 169px;
}

.info-logo {
  position: absolute;
  inset: 63px 60px auto auto;
}

.banner {
  background-color: #e2e2e2;
  min-height: 680px;
  padding-top: 70px;
  position: relative;
}

.banner.subpage {
  min-height: auto;
}

.banner.password {
  min-height: auto;
  padding-bottom: 80px;
}

.banner-nav-flex {
  z-index: 1;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.banner-contact-wrap {
  grid-column-gap: 10px;
  align-items: center;
  display: flex;
}

.banner-contact-image-wrap {
  background-color: #d9d9d9;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 50px;
  min-height: 50px;
  display: flex;
}

.banner-contact-content {
  color: var(--secondary);
  font-size: 20px;
  transition: color .2s;
}

.banner-contact-content:hover {
  color: var(--button-color);
}

.homepage-banner-grid-wrap {
  align-self: stretch;
  margin-top: 40px;
  position: relative;
}

.homepage-baner-grid {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr 1fr;
  align-items: center;
  position: relative;
}

.homepage-banner-title-wrap {
  margin-top: -95px;
}

.homepage-sub-title {
  color: var(--button-color);
  margin-bottom: 0;
  font-size: 18px;
}

.homepage-sub-title.banner-sub-title {
  font-size: 20px;
}

.homepage-sub-title.white-font-color {
  color: #fff;
}

.homepage-banner-text {
  font-size: 50px;
  line-height: 1.2;
}

.homepage-banner-social-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 40px;
  display: flex;
}

.banner-social-wrap {
  grid-column-gap: 25px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.banner-decorative-circle {
  background-color: #cfcfcf;
  border-radius: 100%;
  min-width: 100px;
  min-height: 100px;
  position: absolute;
  bottom: auto;
  right: auto;
}

.banner-decorative-circle.large {
  background-color: #cfcfcf;
  border-radius: 100%;
  min-width: 100px;
  min-height: 100px;
  position: absolute;
  inset: auto auto 43px 26%;
}

.banner-decorative-circle.small {
  min-width: 70px;
  min-height: 70px;
  inset: 167px 41% auto auto;
}

.banner-decorative-circle.utility-right {
  min-width: 100px;
  min-height: 100px;
  inset: 24% 76px auto auto;
}

.banner-decorative-circle.utility-left {
  min-width: 175px;
  min-height: 175px;
  inset: auto auto 25% 31px;
}

.banner-decorative-circle.sub-page-left-circle {
  min-width: 140px;
  min-height: 140px;
  inset: auto auto -42px 20%;
}

.banner-decorative-circle.subpage-right-circle {
  min-width: 70px;
  min-height: 70px;
  inset: 52px 29% auto auto;
}

.banner-decorative-circle.blog-single-right-circle {
  background-color: #cfcfcf82;
  min-width: 70px;
  min-height: 70px;
  inset: 32% 18% auto auto;
}

.banner-decorative-circle.blog-single-left-circle {
  background-color: #cfcfcf82;
  inset: auto auto 32% 29%;
}

.banner-image {
  z-index: 1;
  position: relative;
}

.homepage-banner-about {
  margin-top: -95px;
}

.about-title {
  color: var(--secondary);
}

.about-sub-content {
  color: #696969;
  font-size: 15px;
}

.about-content {
  color: var(--secondary);
  font-size: 20px;
}

.about-sub-text {
  color: var(--title);
  font-weight: 700;
}

.service-section {
  padding-top: 120px;
  padding-bottom: 125px;
}

.section-title {
  max-width: 700px;
  color: var(--secondary);
  letter-spacing: .01em;
  margin-top: 0;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.5;
}

.section-title.white-font-color {
  color: #fff;
}

.section-sub-text {
  font-weight: 700;
}

.service-card-wrap {
  padding-top: 30px;
}

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

.service-card {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.service-card-image-wrap {
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 130px;
  min-height: 130px;
  margin-bottom: -55px;
  display: flex;
  position: relative;
}

.service-logo-wrap {
  background-color: var(--secondary);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 95px;
  min-height: 95px;
  display: flex;
}

.section-content-wrap {
  text-align: center;
  background-color: #f3f3f3;
  border-radius: 5px;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  padding: 80px 35px 40px;
  display: flex;
}

.service-title {
  color: var(--secondary);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 25px;
  font-weight: 600;
  transition: color .2s;
}

.service-title:hover {
  color: var(--button-color);
}

.service-content {
  letter-spacing: .01em;
  font-size: 15px;
}

.service-link {
  border: 1px solid #e4e4e4;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 45px;
  min-height: 45px;
  margin-top: 10px;
  display: flex;
}

.education-section {
  background-color: #211932;
  padding-top: 120px;
  padding-bottom: 110px;
}

.experience-timeline-wrap {
  grid-column-gap: 130px;
  border-bottom: 1px solid #534a65;
  justify-content: space-between;
  padding-top: 50px;
  padding-bottom: 140px;
  display: flex;
}

.experience-grid-wrap {
  grid-row-gap: 50px;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.experience-title-wrap {
  border: 1px dashed #7f7596;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 20px 50px;
  display: flex;
}

.experience-title {
  color: #fff;
  letter-spacing: .04em;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
}

.experience-grid {
  z-index: 1;
  grid-row-gap: 80px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  align-self: stretch;
  position: relative;
}

.experience-timeline-flex {
  grid-column-gap: 25px;
  align-items: flex-start;
  display: flex;
}

.experience-timeline-pointer {
  background-color: #322848;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 72px;
  min-height: 72px;
  display: flex;
}

.experience-inner-pointer {
  background-color: var(--button-color);
  border-radius: 100%;
  min-width: 25px;
  min-height: 25px;
}

.certificate-date {
  letter-spacing: .4em;
  background-color: #fff;
  border-radius: 40px;
  width: 90px;
  margin-bottom: 0;
  padding: 0 12px;
  font-size: 18px;
  position: absolute;
  inset: 35px 35px auto auto;
}

.experience-content-wrap {
  margin-top: 12px;
}

.experience-date {
  color: #fff;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.experience-field {
  color: var(--button-color);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.experience-content {
  color: #fff;
  margin-bottom: 0;
  padding-top: 20px;
  font-size: 15px;
}

.experience-relative {
  display: flex;
  position: relative;
}

.experience-timeline {
  border: 1px dashed #fff;
  flex: 1;
  align-self: stretch;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 25px auto auto 36px;
}

.experience-timeline.first-timeline {
  max-height: 65%;
}

.experience-timeline.second-timeline {
  max-height: 78%;
}

.skills-whole-wrap {
  padding-top: 85px;
}

.homepage-skill-grid {
  grid-column-gap: 100px;
  grid-template-rows: auto;
}

.skills-title {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 30px;
}

.skills-flex {
  border: 1px solid #3e3454;
  margin-top: 5px;
  padding: 8px;
}

.skills-sub-title {
  color: #fff;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 20px;
}

.skill-sub-title-flex {
  justify-content: space-between;
  display: flex;
}

.skill-indicator {
  background-color: var(--button-color);
  width: 100%;
  max-width: 100%;
  min-height: 20px;
}

.skill-indicator.content-writing {
  max-width: 95%;
}

.skill-indicator.marketing {
  max-width: 98%;
}

.skill-indicator.research {
  max-width: 85%;
}

.skill-indicator.english {
  max-width: 95%;
}

.skill-indicator.spanish {
  max-width: 75%;
}

.skill-indicator.italian {
  max-width: 85%;
}

.skills-indicator-flex {
  grid-row-gap: 40px;
  flex-direction: column;
  padding-top: 20px;
  display: flex;
}

.portfolio-section {
  padding-top: 120px;
  padding-bottom: 120px;
  overflow: hidden;
}

.portfolio-title-wrap {
  width: 520px;
}

.portfolio-slider-wrap {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

.portfolio-slider-arrow {
  background-color: #f3f3f3;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 10px;
  display: flex;
  position: absolute;
}

.portfolio-slider-arrow.right-arrow {
  background-color: #f3f3f3;
  border-radius: 40px;
  justify-content: flex-end;
  padding-left: 20px;
  inset: -90px 32px auto auto;
}

.portfolio-slider-arrow.left-arrow {
  justify-content: flex-start;
  padding-right: 20px;
  inset: -90px 192px auto auto;
}

.portfolio-slider {
  background-color: #0000;
  height: auto;
  padding-top: 90px;
  padding-bottom: 70px;
  position: relative;
}

.portfolio-slider-mask {
  width: 50%;
  overflow: visible;
}

.portfolio-slide {
  width: 400px;
  margin-right: 35px;
  position: relative;
}

.portfolio-arrow-content {
  color: var(--title);
  margin-bottom: 0;
}

.portfolio-arrow-image-wrap {
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 45px;
  min-height: 45px;
  display: flex;
}

.portfolio-arrow-wrap {
  grid-column-gap: 10px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.portfolio-overlay {
  grid-column-gap: 30px;
  background-color: var(--secondary);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 90%;
  padding: 35px 40px;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.portfolio-slider-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 20px;
}

.portfolio-sub-title {
  color: var(--button-color);
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.portfolio-link {
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 50px;
  min-height: 50px;
  transition: all .2s;
  display: flex;
}

.portfolio-link:hover {
  background-color: #ffffffd9;
  background-image: none;
}

.client-grid-wrap {
  padding-top: 70px;
}

.client-grid {
  grid-column-gap: 100px;
  grid-template-rows: auto;
}

.testimonial-wrap {
  overflow: hidden;
}

.review-slider {
  background-color: #fff;
  height: auto;
  padding-top: 30px;
  position: relative;
}

.review-slide-arrow {
  background-color: #e3e3e3;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 45px;
  min-height: 45px;
  display: flex;
  position: absolute;
  inset: 56px 0% auto auto;
}

.review-slide-arrow.left-arrow {
  background-image: url('../images/Arrow-left.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  transition: all .2s, background-color .2s;
  right: 120px;
}

.review-slide-arrow.left-arrow:hover {
  background-color: var(--button-color);
  background-image: url('../images/Arrow-left-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.review-slide-arrow.right-arrow {
  background-image: url('../images/Arrow-right-Black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  transition: all .2s, background-color .2s;
  right: 60px;
}

.review-slide-arrow.right-arrow:hover {
  background-color: var(--button-color);
  background-image: url('../images/Arrow-right.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.testimonial-author-wrap {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.testimonial-author-image-wrap {
  border-radius: 100%;
  min-width: 90px;
  min-height: 90px;
}

.testimonial-image {
  border-radius: 100%;
  width: 90px;
}

.testimonial-author-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 400;
}

.testimonial-author-description {
  color: var(--button-color);
  margin-bottom: 0;
  font-size: 16px;
}

.testimonial-content {
  color: var(--secondary);
  margin-bottom: 0;
  font-size: 20px;
}

.client-image-flex {
  grid-column-gap: 60px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-top: 40px;
  display: flex;
}

.pricing-section {
  background-color: #f3f3f3;
  padding-top: 120px;
  padding-bottom: 130px;
}

.pricing-flex {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 40px;
  display: grid;
}

.pricing-card-wrap {
  background-color: var(--secondary);
  border-radius: 5px;
  flex: 1;
  padding: 60px 45px;
  position: relative;
}

.pricing-title-wrap {
  margin-bottom: 15px;
}

.pricing-sub-title {
  color: #fff;
  font-weight: 500;
}

.pricing-rate {
  color: #fff;
  margin-top: 0;
  font-size: 25px;
}

.pricing-line-break-wrap {
  background-color: #514962;
  width: 100%;
  height: 1px;
  margin-top: -3px;
}

.pricing-line-break {
  background-color: #fff;
  width: 100%;
  max-width: 80%;
  height: 1px;
}

.pricing-content {
  color: #fff;
  margin-bottom: 0;
  font-size: 15px;
}

.pricing-point-wrap {
  grid-column-gap: 10px;
  align-items: center;
  display: flex;
}

.pricing-point-flex {
  grid-row-gap: 20px;
  flex-direction: column;
  padding-top: 25px;
  display: flex;
}

.pricing-point-content {
  color: #fff;
  margin-bottom: 0;
  font-size: 15px;
}

.pricing-button-wrap {
  flex-direction: column;
  padding-top: 35px;
  display: flex;
}

.pricing-popular {
  background-color: var(--button-color);
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 13px 25px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.pricing-popular-content {
  color: #fff;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
}

.homepage-contact-section {
  background-color: var(--button-color);
  padding-top: 120px;
  padding-bottom: 120px;
}

.home-contact-grid {
  grid-column-gap: 85px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
}

.home-contact-grid-wrap {
  padding-top: 35px;
}

.contact-author-wrap {
  grid-column-gap: 20px;
  align-items: center;
  display: flex;
}

.contact-author-image-wrap {
  border-radius: 100%;
  min-width: 126px;
  min-height: 126px;
}

.contact-author-image {
  border-radius: 100%;
}

.contact-title {
  color: #fff;
  margin-top: 0;
  font-size: 25px;
}

.author-social-link-wrap {
  grid-column-gap: 25px;
  align-items: center;
  display: flex;
}

.author-contact-wrap {
  grid-row-gap: 40px;
  flex-direction: column;
  padding-top: 40px;
  display: flex;
}

.author-contact-flex {
  grid-column-gap: 10px;
  align-items: center;
  display: flex;
}

.author-contact-logo-wrap {
  background-color: var(--secondary);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 50px;
  min-height: 50px;
  display: flex;
}

.author-contact-content {
  color: #fff;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  transition: color .2s;
}

.author-contact-content.content-link:hover {
  color: var(--secondary);
}

.footer {
  padding-top: 90px;
  padding-bottom: 25px;
}

.footer-grid-wrap {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 40px;
}

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

.footer-social-link-wrap {
  grid-column-gap: 25px;
  padding-top: 40px;
  display: flex;
}

.footer-widget-title {
  margin-top: 0;
  font-size: 20px;
}

.footer-widget-link {
  color: var(--content-dim);
  font-size: 15px;
  transition: color .2s;
}

.footer-widget-link:hover {
  color: var(--button-color);
}

.footer-widget-flex {
  grid-row-gap: 13px;
  flex-direction: column;
  padding-top: 10px;
  display: flex;
}

.footer-form {
  margin-bottom: 0;
}

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

.footer-copyrights-wrap {
  text-align: center;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 0;
  display: flex;
}

.footer-content {
  color: var(--secondary);
  margin-bottom: 0;
}

.blog-section {
  padding-top: 125px;
  padding-bottom: 80px;
}

.blog-grid {
  grid-column-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
}

.blog-post-wrap {
  border-radius: 10px;
  flex-direction: column;
  flex: 1;
  width: 97%;
  display: flex;
}

.blog-content-wrap {
  background-color: #f4f4f4;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 50px 50px 40px;
  position: relative;
}

.blog-content-wrap.white-background {
  background-color: #fff;
}

.blog-post-title {
  color: #000;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.4;
  transition: color .2s;
  display: block;
}

.blog-post-title:hover {
  color: var(--button-color);
}

.blog-content {
  font-size: 15px;
}

.blog-link {
  color: var(--button-color);
  font-size: 16px;
  font-weight: 600;
  transition: color .2s;
}

.blog-link:hover {
  color: var(--primary);
}

.blog-post-collection-item {
  margin-bottom: 40px;
}

.blog-date-wrap {
  background-color: var(--secondary);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 16px 25px;
  display: flex;
  position: absolute;
  inset: -35px auto auto 47px;
}

.blog-date {
  color: #fff;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
}

.blog-image-wrap {
  flex-direction: column;
  display: flex;
}

.blog-image {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.blog-post-sticky-wrap {
  position: sticky;
  top: 100px;
}

.blog-post-title-wrap {
  width: 400px;
}

.blog-post-content {
  margin-top: 0;
  font-size: 15px;
}

.blog-post-button-wrap {
  padding-top: 30px;
}

._404-utility-wrap {
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 120px;
  display: flex;
}

.utility-page-content {
  text-align: center;
  background-color: #f8f8f8;
  border-radius: 10px;
  flex-direction: column;
  width: 600px;
  padding: 100px 90px;
  display: flex;
}

.utility-page-content.password-page {
  padding-top: 80px;
  padding-left: 70px;
  padding-right: 70px;
}

._404-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 130px;
  font-weight: 700;
  line-height: .8;
}

._404-sub-title {
  font-size: 50px;
  font-weight: 400;
}

._404-button-wrap {
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  display: flex;
}

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

.subpage-title-wrap {
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.banner-title {
  font-size: 60px;
}

.banner-title.author {
  color: var(--button-color);
  margin-top: 10px;
}

.password-title {
  font-size: 50px;
  font-weight: 400;
}

._404-sub-text {
  color: var(--button-color);
}

.password-content {
  font-size: 20px;
}

.password-input {
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  min-height: 65px;
  margin-bottom: 0;
  padding: 20px;
}

.password-input::placeholder {
  font-size: 16px;
  font-weight: 400;
}

.password-button-wrap {
  padding-top: 30px;
}

.password-form {
  padding-top: 40px;
}

.licenses-section {
  background-color: #fafafa;
  padding-top: 120px;
  padding-bottom: 40px;
}

.licenses-grid {
  grid-column-gap: 52px;
  grid-template-rows: auto;
  grid-template-columns: 450px 1.25fr;
  padding-bottom: 80px;
}

.licenses-wrap {
  padding-top: 10px;
}

.licenses-title {
  margin-top: 0;
  font-size: 45px;
  font-weight: 400;
}

.licenses-content {
  margin-bottom: 0;
  font-size: 16px;
}

.licenses-link {
  color: var(--title);
  font-size: 15px;
  font-weight: 700;
  transition: color .2s;
}

.licenses-link:hover {
  color: var(--primary);
}

.licenses-sub-title {
  margin-bottom: 0;
  font-size: 35px;
  font-weight: 400;
}

.licenses-title-link {
  color: var(--title);
  font-family: Poppins, sans-serif;
  font-size: 35px;
  font-weight: 600;
  transition: color .2s;
}

.licenses-title-link:hover {
  color: var(--primary);
}

.licenses-content-wrap {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.licenses-link-wrap {
  flex-flow: column wrap;
}

.licenses-link-wrap.unsplash-link-wrap {
  width: 74%;
}

.licenses-image-link {
  color: var(--content-dim);
  align-self: flex-start;
  margin-right: 3px;
  font-size: 15px;
  transition: color .2s;
  display: inline-block;
}

.licenses-image-link:hover {
  color: var(--secondary);
}

.font-licenses-flex {
  align-items: center;
  display: flex;
}

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

.changelog-flex {
  justify-content: center;
  align-items: center;
  display: flex;
}

.changelog-wrap {
  background-color: #fafafa;
  border-radius: 10px;
  padding: 80px 50px;
}

.changelog-inner-flex {
  grid-column-gap: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.changelog-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 50px;
  font-weight: 700;
}

.changelog-version-wrap {
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  min-width: 450px;
  padding: 20px;
}

.changelog-version-content {
  margin-bottom: 0;
  font-size: 16px;
}

.blog-post-section {
  padding-top: 120px;
  padding-bottom: 100px;
}

.blog-title-wrap {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-title-content {
  width: 760px;
  margin-bottom: 0;
  font-size: 15px;
}

.blog-wrap {
  padding-top: 5px;
}

.blog-collection-item {
  padding: 25px 30px;
}

.blog-collection-list {
  margin-left: 0;
  margin-right: 0;
}

.blog-banner-wrap {
  z-index: 1;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.blog-date-content {
  color: var(--button-color);
  font-size: 16px;
  font-weight: 600;
}

.blog-single-title {
  max-width: 75%;
  font-size: 60px;
}

.blog-author-wrap {
  grid-column-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.blog-author-image-wrap {
  background-color: #e0e0e0;
  border-radius: 100%;
}

.blog-author-image {
  border-radius: 100%;
}

.blog-author-title {
  color: var(--secondary);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 25px;
  font-weight: 600;
}

.blog-author-title:hover {
  color: var(--primary);
}

.blog-author-content {
  margin-bottom: 0;
  font-size: 25px;
}

.blog-single-section {
  padding-top: 120px;
  padding-bottom: 100px;
}

.blog-single-content-wrap {
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 0;
  display: flex;
}

.blog-single-content {
  max-width: 900px;
}

.author-blog {
  padding-top: 120px;
  padding-bottom: 100px;
}

.blog-post-relative {
  padding-bottom: 40px;
  position: relative;
}

.blog-article-section {
  background-color: #f4f4f4;
  padding-top: 120px;
  padding-bottom: 95px;
}

.popup-content-wrap {
  z-index: 1002;
  background-color: var(--secondary);
  align-self: stretch;
  width: 100%;
  min-width: 100%;
  height: 100%;
  padding: 60px 60px 60px 45px;
  position: relative;
}

.popup-content-flex {
  width: 80%;
  margin-bottom: 60px;
  padding-top: 35px;
}

.popup-title-wrap {
  border-bottom: 1px solid #372d4d;
  width: 80%;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.popup-container {
  justify-content: flex-end;
  max-width: 650px;
  height: 100%;
  margin-left: auto;
  margin-right: 0;
  display: flex;
}

.popup-close {
  z-index: 1003;
  cursor: pointer;
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 58px;
  min-height: 58px;
  padding: 15px;
  transition: background-color .2s;
  display: flex;
  position: absolute;
  inset: 39px 31px auto auto;
}

.popup-close:hover {
  background-color: var(--primary);
}

.popup-content-title {
  color: #fff;
  border-bottom: 1px solid #372d4d;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-family: Martel, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.popup-component {
  z-index: 1000;
  min-height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-wrap {
  flex: 1;
  position: relative;
}

.popup-instagram-link {
  position: relative;
}

.popup-title {
  color: #fff;
  font-family: Martel, sans-serif;
  font-size: 45px;
  font-weight: 400;
}

.popup-background-close {
  z-index: 1001;
  cursor: pointer;
  background-color: #4343439c;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.popup-menu {
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border-radius: 100%;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  min-width: 55px;
  min-height: 55px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 13px 10px 10px;
  display: flex;
  position: relative;
}

.popup-menu.dark {
  background-color: #d9d9d9;
}

.popup-sub-title {
  color: #fff;
  font-family: Martel, sans-serif;
  font-size: 23px;
  font-weight: 400;
  line-height: 1.5;
}

.popup-contact-flex {
  grid-column-gap: 20px;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.popup-contact-image-wrap {
  background-color: #3e3454;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 35px;
  min-height: 35px;
  display: flex;
}

.popup-contact-link {
  color: #fff;
  font-size: 16px;
  transition: color .2s;
}

.popup-contact-link:hover {
  color: var(--button-color);
}

.popup-section-wrap {
  grid-row-gap: 20px;
  flex-direction: column;
  width: 80%;
  display: flex;
}

.popup-section-link {
  color: #fff;
  border-bottom: 1px solid #372d4d;
  padding-bottom: 10px;
  font-family: Martel, sans-serif;
  font-size: 20px;
  font-weight: 400;
  transition: color .2s, border-color .2s;
}

.popup-section-link:hover {
  border-bottom-color: var(--primary);
  color: var(--primary);
}

.certificate-empty-wrap {
  display: none;
}

.blog-main-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-subcribe-button-wrap {
  padding-top: 10px;
}

.blog-single-banner {
  border-radius: 5px;
}

.copyright-link {
  color: var(--secondary);
}

.copyright-link:hover {
  color: var(--button-color);
}

.copyright-link.home-creative:hover {
  color: var(--primary);
}

.nav-menu-flex {
  grid-column-gap: 10px;
  align-items: center;
  display: flex;
}

.feature-post-title-wrap {
  width: 650px;
}

.feature-title-flex {
  justify-content: space-between;
  align-items: center;
  padding-bottom: 25px;
  display: flex;
}

.feature-content {
  margin-bottom: 0;
  font-size: 16px;
}

.author-post-title-wrap {
  z-index: 1;
  display: flex;
  position: relative;
}

.cv-popup-flex {
  grid-row-gap: 20px;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding-top: 50px;
  display: flex;
}

.cv-popup {
  background-color: var(--secondary);
  justify-content: center;
  align-items: center;
  min-width: 55px;
  min-height: 55px;
  display: none;
  position: absolute;
}

.resume-link-wrap {
  height: 100%;
  display: flex;
}

.home-creative-popup {
  z-index: 1000;
  min-height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.page-nav-background {
  z-index: 1001;
  background-color: #4343439c;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.page-nav-flex {
  z-index: 1002;
  max-width: 650px;
  height: 100%;
  display: flex;
  position: relative;
}

.home-creative-close {
  background-color: var(--white);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 50px;
  min-height: 50px;
  display: flex;
  position: absolute;
  inset: 15px 20px auto auto;
}

.certificate-title-content {
  color: var(--white);
  margin-top: 20px;
}

.banner-wrap {
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.utility-page-wrap {
  background-color: #e2e2e2;
  justify-content: center;
  align-items: center;
  padding-bottom: 140px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-creative-sub-title-wrap {
  background-color: var(--primary);
  border-radius: 40px;
  padding: 3px 5px 3px 12px;
  display: inline-block;
}

.home-creative-sub-title-wrap.blue-background {
  background-color: var(--secondary);
}

.copyright-utility-wrap {
  border-top: 1px solid #cfcfcf;
  justify-content: center;
  padding-top: 20px;
  display: flex;
}

.utility-link {
  color: var(--secondary);
  margin-left: 10px;
  margin-right: 10px;
}

.utility-link:hover {
  color: var(--primary);
}

.corporate-menu-wrap {
  grid-column-gap: 15px;
  background-color: var(--white);
  border-radius: 35px;
  align-items: center;
  padding: 12px 30px;
  display: flex;
}

.main-menu-link {
  color: var(--secondary);
}

.main-menu-link:hover {
  color: var(--button-color);
}

.div-block {
  background-color: var(--primary);
  width: 2px;
  height: 13px;
}

.more-template-badge {
  z-index: 999;
  margin-bottom: 10px;
  position: fixed;
  inset: auto 0% 30px auto;
}

.buy-template-badge {
  z-index: 999;
  position: fixed;
  inset: auto 0% 5px auto;
}

.footer-link {
  color: var(--secondary);
}

.footer-link:hover {
  color: var(--button-color);
}

.get-a-quote-button {
  background-image: linear-gradient(to right, #ff774c, #8277ff);
  border-radius: 3px;
}

.hireus-content {
  color: #fff;
  font-size: 12px;
}

.hireus-orange-button {
  color: #0b0b0b;
  background-color: #ff774c;
  border-radius: 3px;
  padding: 6px 8px 5px;
  font-size: 12px;
  font-weight: 700;
}

.hireus-badge {
  z-index: 999;
  background-image: linear-gradient(to right, #ff774c, #8277ff);
  border-radius: 8px;
  width: 300px;
  display: inline-block;
  position: fixed;
  inset: auto auto 8px 5px;
}

.hireus-button-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.get-a-quote-button-wrap {
  color: #fff;
  background-color: #0b0b0b;
  border-radius: 3px;
  margin: 1px;
  padding: 6px 8px 5px;
  font-size: 12px;
  font-weight: 700;
}

.hireus-link {
  color: #fff;
  margin-left: 2px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: underline;
}

.hireus-close-wrap {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.hireus-badge-wrap {
  background-color: #0b0b0b;
  border-radius: 8px;
  margin: 2px;
  padding: 15px;
  position: relative;
}

@media screen and (min-width: 1280px) {
  .container {
    max-width: 1200px;
    padding-left: 0;
    padding-right: 0;
  }

  .style-guide-page-wrapper {
    grid-column-gap: 20px;
  }

  .page-sticky-wrap {
    min-width: 290px;
    margin-top: -290px;
  }

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

  .style-guide-color-grid {
    grid-column-gap: 30px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: .25fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .style-guide-flex-wrap {
    flex-direction: row;
  }

  .style-guide-grid {
    grid-template-columns: .25fr 1fr;
    justify-content: start;
    justify-items: start;
  }

  .banner-text {
    font-size: 75px;
  }

  .form-flex.style-guide {
    flex-direction: row;
  }

  .copyright {
    padding-left: 30px;
    padding-right: 30px;
  }

  .copyright-flex {
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr 1fr;
    display: flex;
  }

  .page-grid {
    grid-template-columns: 375px 1fr;
  }

  .author-image {
    width: 201px;
  }

  .author-social-link {
    justify-content: center;
    align-items: center;
  }

  .banner-grid-wrap {
    align-items: flex-end;
    padding-top: 90px;
  }

  .banner-grid {
    align-items: end;
  }

  .page-sticky-image-wrap.w--current {
    align-self: stretch;
  }

  .banner-content-wrap {
    top: -89px;
  }

  .banner-sub-title {
    font-size: 30px;
  }

  .author-name {
    font-size: 60px;
  }

  .author-content {
    width: 650px;
    font-size: 25px;
  }

  .banner-content-flex {
    margin-top: 60px;
  }

  .author-flex {
    flex-direction: row;
  }

  .about-me-section {
    padding: 120px 30px 140px;
  }

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

  .about-category-title-wrap {
    min-width: 120px;
  }

  .knowledge-section {
    padding: 130px 30px;
  }

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

  .my-skill-section {
    padding: 115px 30px 100px;
  }

  .my-resume-section {
    padding: 130px 30px 140px;
  }

  .resume-sub-title-wrap {
    min-width: 225px;
  }

  .resume-content-wrap {
    flex: 1;
  }

  .resume-sub-title {
    font-size: 18px;
  }

  .our-works-section {
    padding-top: 140px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .our-work-tab-menu {
    justify-content: center;
  }

  .our-works-tab {
    padding-bottom: 140px;
  }

  .our-works-tab-menu-link {
    padding: 10px 20px;
  }

  .review-section {
    padding-top: 140px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .certification-section {
    padding: 125px 30px 150px;
  }

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

  .certificate-title {
    width: 240px;
  }

  .contact-section {
    padding: 140px 30px 150px;
  }

  .banner {
    min-height: 706px;
  }

  .homepage-banner-grid-wrap {
    margin-top: -50px;
  }

  .homepage-baner-grid {
    grid-template-columns: 1fr 1.25fr 400px;
  }

  .homepage-banner-text {
    font-size: 55px;
    line-height: 1.2;
  }

  .homepage-banner-social-wrap {
    flex-direction: row;
    align-items: center;
  }

  .banner-social-wrap {
    grid-column-gap: 20px;
  }

  .banner-decorative-circle.large {
    min-width: 150px;
    min-height: 150px;
  }

  .banner-decorative-circle.small {
    min-width: 100px;
    min-height: 100px;
  }

  .banner-decorative-circle.utility-right {
    min-width: 150px;
    min-height: 150px;
    right: 189px;
  }

  .banner-decorative-circle.utility-left {
    min-width: 225px;
    min-height: 225px;
    left: 116px;
  }

  .service-section {
    padding-top: 140px;
    padding-bottom: 150px;
  }

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

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

  .education-section {
    padding-top: 140px;
    padding-bottom: 130px;
  }

  .experience-content {
    width: 400px;
  }

  .portfolio-section {
    padding-top: 150px;
    padding-bottom: 140px;
  }

  .portfolio-slider-mask {
    width: 800px;
  }

  .pricing-section {
    padding-top: 145px;
    padding-bottom: 160px;
  }

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

  .homepage-contact-section {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .footer {
    padding-top: 90px;
    padding-bottom: 25px;
  }

  .footer-grid-wrap {
    padding-bottom: 85px;
  }

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

  .blog-grid {
    grid-column-gap: 140px;
  }

  .blog-content-wrap {
    padding-right: 45px;
  }

  ._404-utility-wrap {
    padding-bottom: 140px;
  }

  ._404-heading {
    font-size: 180px;
  }

  ._404-sub-title {
    font-size: 50px;
  }

  .subpage-title-wrap {
    padding-top: 90px;
  }

  .banner-title {
    font-size: 70px;
  }

  .licenses-section {
    padding-top: 150px;
    padding-bottom: 50px;
  }

  .licenses-grid {
    padding-bottom: 100px;
  }

  .licenses-title {
    font-size: 50px;
  }

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

  .changelog-wrap {
    padding: 100px 90px;
  }

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

  .blog-single-title {
    max-width: 80%;
  }

  .blog-single-section {
    padding-top: 150px;
    padding-bottom: 140px;
  }

  .author-blog {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .blog-article-section {
    padding-top: 130px;
    padding-bottom: 110px;
  }

  .certificate-empty-wrap {
    display: block;
  }

  .utility-page-wrap {
    padding-bottom: 140px;
  }
}

@media screen and (min-width: 1440px) {
  .style-guide-page-wrapper {
    grid-column-gap: 70px;
  }

  .page-sticky-wrap {
    min-width: 350px;
    padding-top: 60px;
  }

  .style-guide-flex-wrap {
    display: flex;
  }

  .banner-text {
    font-size: 80px;
  }

  .copyright {
    padding-left: 0;
    padding-right: 50px;
  }

  .page-grid {
    grid-template-columns: 450px 1fr;
  }

  .page-sticky-flex {
    justify-content: space-between;
  }

  .author-name {
    font-size: 70px;
  }

  .banner-content-flex {
    margin-top: 0;
  }

  .about-me-section {
    padding-left: 50px;
    padding-right: 50px;
  }

  .about-category-title-wrap {
    min-width: 134px;
  }

  .knowledge-section {
    padding-left: 50px;
    padding-right: 50px;
  }

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

  .my-skill-section {
    padding-left: 50px;
    padding-right: 50px;
  }

  .my-skill-grid {
    grid-template-columns: 1fr;
  }

  .my-resume-section {
    padding-left: 50px;
    padding-right: 50px;
  }

  .resume-flex {
    justify-content: flex-start;
  }

  .resume-content-wrap {
    flex: 1;
  }

  .our-works-section {
    padding-left: 50px;
    padding-right: 50px;
  }

  .our-works-flex {
    column-count: 3;
  }

  .review-section, .certification-section, .contact-section {
    padding-left: 50px;
    padding-right: 50px;
  }

  .banner {
    min-height: 795px;
  }

  .homepage-baner-grid {
    grid-template-columns: 1fr 1.25fr 450px;
  }

  .homepage-banner-text {
    font-size: 60px;
    line-height: 1.2;
  }

  .banner-social-wrap {
    grid-column-gap: 25px;
  }

  .banner-decorative-circle.utility-left {
    left: 173px;
  }

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

@media screen and (min-width: 1920px) {
  .container-large, .banner-container {
    padding-left: 0;
    padding-right: 0;
  }

  .page-sticky-wrap {
    margin-top: -372px;
    padding-top: 60px;
  }

  .form-input.textarea-style-guide:focus {
    border-bottom-color: var(--primary);
  }

  .copyright {
    padding-left: 0;
    padding-right: 0;
  }

  .page-grid {
    margin-left: auto;
    margin-right: auto;
  }

  .page-sticky-flex {
    justify-content: center;
  }

  .banner-cv {
    background-position: 100% 100%, 50%;
    background-size: contain, cover;
    align-self: stretch;
  }

  .banner-grid {
    grid-column-gap: 0px;
  }

  .page-sticky-image-wrap {
    width: 100%;
    margin-right: 0;
  }

  .page-sticky-image-wrap.w--current {
    justify-content: flex-end;
    padding-right: 100px;
  }

  .menu-wrap {
    top: 14px;
  }

  .author-name {
    font-size: 80px;
  }

  .banner-decorative.left-bottom {
    bottom: 15%;
    right: 93px;
  }

  .banner-decorative.left-top {
    bottom: 20%;
    right: 211px;
  }

  .banner-decorative.right-top {
    width: auto;
    top: 170px;
    left: 399px;
  }

  .banner-decorative.right-bottom {
    left: 303px;
  }

  .about-category-title-wrap {
    min-width: 150px;
  }

  .section-wrapper {
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .knowledge-section {
    background-position: 97% 9%, 100% 100%;
    background-size: auto, cover;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 0;
    display: flex;
  }

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

  .my-skill-section {
    padding-right: 0;
  }

  .my-skill-grid {
    grid-column-gap: 20px;
    grid-template-columns: 450px 1fr;
  }

  .my-skill-category-wrap {
    justify-content: flex-start;
    padding-top: 0;
  }

  .my-skill-points-flex {
    justify-content: space-between;
  }

  .my-resume-section {
    background-position: 50% 100%;
  }

  .resume-whole-wrap {
    grid-column-gap: 50px;
    flex-direction: row;
  }

  .resume-grid-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .our-works-section {
    padding-right: 0;
  }

  .our-work-tab-menu {
    margin-top: -75px;
  }

  .our-works-tab-pane {
    margin-top: 40px;
  }

  .review-section {
    padding-right: 0;
  }

  .client-slider-image-wrap {
    background-color: #fff;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    min-width: 45px;
    min-height: 45px;
    display: flex;
  }

  .client-slider {
    max-width: 750px;
  }

  .certification-section {
    padding-right: 0;
  }

  .certificate-grid {
    grid-template-columns: 350px 1fr 1fr;
  }

  .certificate-content {
    width: 93%;
  }

  .contact-section {
    padding-right: 0;
  }

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

  .banner {
    min-height: 975px;
  }

  .banner.password {
    min-height: auto;
  }

  .homepage-banner-text {
    font-size: 80px;
  }

  .banner-decorative-circle.large {
    bottom: 110px;
    left: 29%;
  }

  .banner-decorative-circle.small {
    top: 309px;
    right: 34%;
  }

  .banner-decorative-circle.utility-right {
    right: 25%;
  }

  .banner-decorative-circle.utility-left {
    bottom: 23%;
    left: 20%;
  }

  .banner-decorative-circle.sub-page-left-circle {
    left: 26%;
  }

  .banner-decorative-circle.subpage-right-circle {
    top: 74px;
    right: 30%;
  }

  .banner-decorative-circle.blog-single-right-circle {
    right: 27%;
  }

  .banner-decorative-circle.blog-single-left-circle {
    background-color: #cfcfcf82;
    left: 36%;
  }

  .certificate-date {
    top: 35px;
    right: 45px;
  }

  ._404-utility-wrap {
    padding-bottom: 140px;
  }

  .banner-title {
    font-size: 80px;
  }

  .banner-title.author {
    color: var(--button-color);
  }

  .licenses-grid {
    grid-column-gap: 100px;
  }

  .author-blog {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .popup-social-link {
    justify-content: center;
    align-items: center;
  }

  .certificate-empty-wrap {
    display: none;
  }

  .utility-page-wrap {
    background-color: #e2e2e2;
  }
}

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

  h2 {
    font-size: 35px;
  }

  h3 {
    font-size: 30px;
  }

  h4 {
    font-size: 28px;
  }

  h5 {
    font-size: 23px;
  }

  h6 {
    font-size: 20px;
  }

  ul, ol {
    font-size: 18px;
  }

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

  .style-guide-page-wrapper {
    grid-template-columns: 1fr;
    padding-right: 0;
  }

  .page-sticky-wrap {
    border-radius: 20px;
    min-width: auto;
    margin-top: 0;
  }

  .page-sticky-wrap.style-guide {
    border-top-right-radius: 0;
    padding-top: 100px;
    display: none;
  }

  .page-sticky-wrap.no-radius {
    width: 54%;
    padding-top: 20px;
    overflow: auto;
  }

  .sticky-page-title-wrap {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 40px;
    display: flex;
    overflow: auto;
  }

  .sticky-page-title-wrap.style-guide {
    margin-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .sticky-title-link {
    min-width: 200px;
    padding-bottom: 10px;
    font-size: 18px;
  }

  .style-guide-section {
    margin-right: 0;
  }

  .style-guide-grid-wrap {
    padding-top: 60px;
  }

  .style-guide-color-grid {
    flex-direction: column;
    grid-template-columns: 1fr;
    place-items: flex-start start;
    display: flex;
  }

  .style-guide-flex-wrap {
    flex-direction: column;
  }

  .color-swatch {
    min-width: 250px;
  }

  .sticky-wrap, .sticky-wrap.homepage {
    position: static;
  }

  .style-guide-grid {
    grid-template-columns: 1fr;
  }

  .banner-text {
    font-size: 60px;
  }

  .form-flex {
    grid-column-gap: 30px;
    flex-direction: column;
  }

  .primary-form-block {
    padding: 30px 30px 40px;
  }

  .copyright-flex {
    flex-flow: wrap;
    display: flex;
  }

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

  .author-wrap {
    grid-row-gap: 10px;
    padding-bottom: 20px;
  }

  .author-image-wrap {
    width: 35%;
  }

  .page-sticky-flex {
    grid-row-gap: 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .author-title {
    margin-top: 0;
  }

  .author-social-wrap {
    padding-bottom: 10px;
  }

  .banner-grid {
    flex-direction: column-reverse;
    grid-template-columns: 1fr;
    display: flex;
  }

  .banner-image-wrap {
    width: 49%;
  }

  .page-sticky-image-wrap.w--current {
    width: auto;
    position: static;
  }

  .menu-wrap {
    top: -20px;
  }

  .menu-icon-line.home-creative-center-line {
    background-color: var(--white);
  }

  .menu-icon-line.home-creative-bottom-line {
    background-color: var(--white);
    width: 12px;
    margin-bottom: 0;
  }

  .menu-icon-line.home-creative-top-line {
    background-color: var(--white);
    width: 12px;
    margin-left: 13px;
  }

  .banner-content-wrap {
    top: 0;
  }

  .banner-sub-title {
    font-size: 20px;
  }

  .author-name {
    font-size: 50px;
  }

  .author-content {
    width: auto;
  }

  .banner-content-flex {
    margin-top: 0;
  }

  .author-link-whole-wrap {
    padding-top: 40px;
  }

  .banner-relative {
    min-height: auto;
  }

  .banner-decorative.left-bottom {
    width: 100px;
  }

  .banner-decorative.left-top {
    width: 69px;
    bottom: 7%;
    right: 105px;
  }

  .banner-decorative.right-top {
    width: 154px;
    top: 640px;
  }

  .banner-decorative.right-bottom {
    width: 146px;
    top: 748px;
  }

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

  .home-creative-section-title {
    font-size: 38px;
  }

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

  .about-signature-wrap {
    padding-top: 40px;
  }

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

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

  .knowledge-card-title {
    font-size: 22px;
  }

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

  .my-skill-section {
    padding-top: 100px;
  }

  .my-skill-grid {
    grid-template-columns: 1fr;
  }

  .my-resume-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .resume-title {
    font-size: 32px;
  }

  .resume-sub-title-wrap {
    text-align: left;
    width: 209.938px;
    padding-left: 20px;
  }

  .resume-college-title {
    font-size: 24px;
  }

  .our-works-section {
    padding-top: 100px;
  }

  .our-work-tab-menu {
    grid-column-gap: 15px;
    justify-content: center;
  }

  .our-works-tab {
    padding-bottom: 100px;
  }

  .our-works-flex.our-works-sub-tabs {
    padding-top: 20px;
  }

  .review-section {
    padding-top: 100px;
  }

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

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

  .certificate-content {
    margin-top: 0;
  }

  .certificate-link-wrap {
    margin-top: 10px;
  }

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

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

  .banner {
    min-height: 1030px;
    padding-top: 40px;
  }

  .homepage-banner-grid-wrap {
    margin-top: 0;
    padding-top: 100px;
  }

  .homepage-baner-grid {
    grid-column-gap: 30px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr 1fr;
  }

  .homepage-banner-title-wrap {
    margin-top: 0;
  }

  .homepage-sub-title.banner-sub-title {
    font-size: 18px;
  }

  .homepage-banner-text {
    font-size: 45px;
  }

  .homepage-banner-social-wrap {
    padding-top: 20px;
  }

  .banner-decorative-circle.large {
    bottom: 314px;
    left: 50%;
  }

  .banner-decorative-circle.utility-right {
    min-width: 80px;
    min-height: 80px;
    display: none;
    right: 4%;
  }

  .banner-decorative-circle.utility-left {
    min-width: 115px;
    min-height: 115px;
    display: none;
    left: 3%;
  }

  .homepage-banner-about {
    margin-top: 0;
  }

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

  .section-title {
    font-size: 35px;
  }

  .service-grid {
    grid-column-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .section-content-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .experience-timeline-wrap {
    grid-column-gap: 50px;
    padding-bottom: 100px;
  }

  .skills-whole-wrap {
    padding-top: 40px;
  }

  .skill-indicator {
    min-height: 13px;
  }

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

  .portfolio-slider-arrow.right-arrow {
    top: 19px;
    right: 25%;
  }

  .portfolio-slider-arrow.left-arrow {
    top: 19px;
    left: 25%;
    right: auto;
  }

  .portfolio-slider {
    padding-top: 140px;
  }

  .portfolio-slider-mask {
    width: 58%;
  }

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

  .pricing-section {
    padding-top: 100px;
    padding-bottom: 110px;
  }

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

  .pricing-card-wrap {
    padding: 40px 30px;
  }

  .homepage-contact-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .home-contact-grid {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .author-contact-wrap {
    grid-row-gap: 20px;
  }

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

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

  .blog-grid {
    grid-column-gap: 50px;
  }

  .blog-post-wrap {
    width: auto;
  }

  .blog-content-wrap {
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .blog-date-wrap {
    padding: 10px 20px;
    top: -19px;
    left: 20px;
  }

  .blog-post-title-wrap {
    width: auto;
  }

  .blog-post-button-wrap {
    padding-top: 20px;
  }

  ._404-utility-wrap {
    padding-bottom: 100px;
  }

  .utility-page-content {
    padding: 60px 40px;
  }

  .utility-page-content.password-page {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  ._404-heading {
    font-size: 100px;
  }

  ._404-sub-title {
    font-size: 43px;
  }

  .subpage-title-wrap {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .banner-title {
    font-size: 55px;
  }

  .banner-title.author {
    margin-top: 0;
    font-size: 50px;
  }

  .banner-title.author-banner-title {
    font-size: 50px;
  }

  .password-title {
    font-size: 44px;
  }

  .password-content {
    font-size: 18px;
  }

  .licenses-section {
    padding-top: 100px;
  }

  .licenses-grid {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    padding-bottom: 60px;
  }

  .licenses-wrap {
    padding-top: 0;
  }

  .licenses-title {
    margin-bottom: 0;
    font-size: 40px;
  }

  .licenses-sub-title {
    margin-bottom: 0;
    font-size: 25px;
  }

  .licenses-title-link {
    font-size: 25px;
  }

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

  .changelog-wrap {
    padding: 60px 40px;
  }

  .changelog-title {
    font-size: 35px;
  }

  .changelog-version-wrap {
    min-width: auto;
    padding-right: 20px;
  }

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

  .blog-title-content {
    width: auto;
  }

  .blog-collection-item {
    padding: 10px;
  }

  .blog-single-title {
    max-width: 100%;
    font-size: 45px;
    line-height: 1.2;
  }

  .blog-author-title, .blog-author-content {
    font-size: 20px;
  }

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

  .blog-single-content-wrap {
    padding-top: 40px;
  }

  .author-blog {
    padding-top: 80px;
    padding-bottom: 80px;
  }

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

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

  .popup-menu {
    margin-left: 24px;
  }

  .popup-sub-title {
    font-size: 20px;
  }

  .feature-post-title-wrap {
    width: 100%;
  }

  .author-post-title-wrap {
    flex-direction: column;
    padding-bottom: 30px;
  }

  .cv-popup-flex {
    grid-column-gap: 40px;
    flex-direction: row;
    justify-content: center;
    align-self: stretch;
    position: relative;
  }

  .cv-popup {
    background-color: var(--primary);
    cursor: pointer;
    flex: 1;
    transition: background-color .2s;
    display: flex;
    position: absolute;
    inset: auto auto 0% -21px;
  }

  .cv-popup:hover {
    background-color: var(--secondary);
  }

  .resume-link-wrap, .home-creative-popup {
    display: none;
  }

  .page-nav-flex {
    max-width: none;
  }

  .home-creative-close {
    cursor: pointer;
    transition: background-color .2s;
  }

  .home-creative-close:hover {
    background-color: var(--primary);
  }

  .utility-page-wrap {
    padding-bottom: 100px;
  }

  .corporate-menu-wrap, .hireus-badge {
    display: none;
  }
}

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

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

  .page-sticky-wrap.no-radius {
    width: 100%;
  }

  .style-guide-flex-wrap {
    grid-column-gap: 35px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .banner-text {
    font-size: 50px;
  }

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

  .copyright-flex {
    grid-row-gap: 20px;
    text-align: center;
    flex-direction: column;
  }

  .copyright-button-flex {
    margin-bottom: 20px;
  }

  .banner-image-wrap {
    align-self: center;
    width: 70%;
  }

  .author-name {
    font-size: 45px;
  }

  .author-content {
    font-size: 18px;
  }

  .banner-decorative.left-bottom {
    width: 85px;
    inset: auto 4% 40% auto;
  }

  .banner-decorative.left-top {
    width: 62px;
    bottom: 43%;
    right: 113px;
  }

  .banner-decorative.right-top {
    width: 148px;
    left: 170px;
  }

  .banner-decorative.right-bottom {
    width: 108px;
    left: 104px;
  }

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

  .home-creative-section-title {
    font-size: 32px;
  }

  .about-category-wrap {
    border-radius: 20px;
  }

  .about-category-title, .about-category-content {
    font-size: 18px;
  }

  .about-signature-wrap {
    grid-row-gap: 30px;
    flex-direction: column;
    padding-top: 20px;
  }

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

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

  .my-skill-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .my-skill-category-wrap {
    flex-direction: column;
    align-items: stretch;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .my-skill-image-wrap {
    align-self: center;
  }

  .my-resume-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

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

  .resume-sub-title-wrap {
    text-align: left;
    width: 199px;
  }

  .resume-content-wrap {
    border-radius: 15px;
  }

  .resume-year {
    font-size: 18px;
  }

  .resume-sub-title {
    font-size: 15px;
  }

  .resume-college-title {
    font-size: 20px;
  }

  .resume-college-sub-title {
    font-size: 16px;
  }

  .resume-college-content {
    font-size: 15px;
  }

  .our-works-section {
    padding-top: 80px;
  }

  .our-work-tab-menu {
    grid-column-gap: 5px;
    grid-row-gap: 10px;
    flex-direction: column;
  }

  .our-works-tab {
    padding-bottom: 80px;
  }

  .our-works-tab-menu-link {
    font-size: 15px;
  }

  .our-works-tab-pane {
    padding-top: 40px;
  }

  .our-works-title {
    font-size: 20px;
  }

  .our-works-description {
    font-size: 16px;
  }

  .our-works-flex {
    column-count: 1;
  }

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

  .client-title {
    font-size: 24px;
  }

  .client-content {
    font-size: 18px;
  }

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

  .certificate-title {
    margin-bottom: 4px;
    font-size: 20px;
  }

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

  .info-chart {
    padding-left: 30px;
    padding-right: 30px;
  }

  .banner {
    min-height: 1180px;
  }

  .homepage-banner-grid-wrap {
    padding-top: 60px;
  }

  .homepage-baner-grid {
    grid-template-columns: 1fr;
  }

  .homepage-banner-text {
    font-size: 40px;
  }

  .homepage-banner-social-wrap {
    flex-direction: row;
    align-items: center;
    padding-top: 20px;
  }

  .banner-decorative-circle.large, .banner-decorative-circle.small {
    display: none;
  }

  .banner-decorative-circle.utility-right {
    display: none;
    top: 10%;
    right: -4%;
  }

  .banner-decorative-circle.utility-left {
    display: none;
    bottom: 16%;
    left: -7%;
  }

  .banner-decorative-circle.sub-page-left-circle {
    min-width: 100px;
    min-height: 100px;
    left: 2%;
  }

  .banner-decorative-circle.subpage-right-circle {
    top: 141px;
    right: 7%;
  }

  .about-content {
    font-size: 18px;
  }

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

  .section-title {
    font-size: 33px;
  }

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

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

  .experience-timeline-wrap {
    grid-row-gap: 70px;
    flex-direction: column;
    padding-bottom: 100px;
  }

  .experience-date {
    font-size: 18px;
  }

  .experience-content {
    padding-top: 10px;
  }

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

  .skills-title {
    font-size: 27px;
  }

  .skills-sub-title {
    font-size: 18px;
  }

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

  .portfolio-title-wrap {
    width: auto;
  }

  .portfolio-slider {
    padding-left: 20px;
    padding-right: 20px;
  }

  .portfolio-slider-mask {
    width: 76%;
  }

  .client-grid-wrap {
    padding-top: 40px;
  }

  .testimonial-content {
    font-size: 18px;
  }

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

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

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

  .contact-author-wrap {
    justify-content: center;
  }

  .author-contact-wrap {
    align-items: center;
  }

  .author-contact-flex {
    width: 280.688px;
  }

  .author-contact-content {
    font-size: 18px;
  }

  .footer {
    padding-top: 80px;
  }

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

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

  .blog-content-wrap {
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .blog-post-title {
    font-size: 22px;
  }

  .blog-date-wrap {
    left: 30px;
  }

  .blog-post-sticky-wrap {
    position: relative;
    top: 0;
  }

  .blog-post-content {
    margin-top: 0;
    margin-bottom: 0;
  }

  ._404-utility-wrap {
    padding-bottom: 80px;
  }

  .utility-page-content {
    width: 100%;
  }

  .utility-page-content.password-page {
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 20px;
    padding: 60px 40px;
  }

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

  ._404-sub-title {
    font-size: 38px;
  }

  .subpage-title-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .banner-title {
    font-size: 46px;
  }

  .banner-title.author {
    margin-top: 0;
    font-size: 45px;
  }

  .banner-title.author-banner-title {
    margin-bottom: 0;
    font-size: 45px;
  }

  .password-title {
    font-size: 38px;
  }

  .password-button-wrap {
    padding-top: 20px;
  }

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

  .licenses-grid {
    padding-bottom: 60px;
  }

  .licenses-title {
    font-size: 35px;
  }

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

  .changelog-inner-flex {
    grid-row-gap: 30px;
    flex-direction: column;
  }

  .changelog-version-wrap {
    text-align: center;
  }

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

  .blog-wrap {
    padding-top: 20px;
  }

  .blog-collection-item {
    padding: 20px 0;
  }

  .blog-single-title {
    max-width: 100%;
    font-size: 40px;
  }

  .blog-single-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .author-blog {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .blog-article-section {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .popup-content-wrap {
    padding: 60px;
  }

  .popup-container {
    flex: 1;
  }

  .popup-title {
    font-size: 35px;
  }

  .popup-menu {
    top: auto;
    left: auto;
  }

  .popup-sub-title {
    font-size: 18px;
  }

  .popup-section-link {
    padding-bottom: 5px;
  }

  .copyright-link {
    font-size: 16px;
  }

  .nav-menu-flex {
    justify-content: flex-end;
  }

  .feature-post-title-wrap {
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: auto;
    padding-bottom: 30px;
    display: flex;
  }

  .feature-title-flex {
    flex-direction: column;
    align-items: center;
  }

  .author-post-title-wrap {
    z-index: 1;
  }

  .home-creative-close {
    background-color: var(--white);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .banner-wrap {
    display: block;
  }

  .utility-page-wrap {
    padding-bottom: 80px;
  }

  .copyright-utility-wrap {
    flex-direction: row;
    padding-top: 10px;
  }

  .utility-link {
    margin-bottom: 10px;
    font-size: 16px;
    display: inline-block;
  }

  .footer-link {
    font-size: 16px;
  }

  .hireus-content {
    margin-bottom: 7px;
    line-height: 1.3;
  }

  .hireus-orange-button, .get-a-quote-button-wrap {
    font-size: 12px;
  }

  .hireus-badge-wrap {
    padding: 10px 12px;
  }
}

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

  h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 28px;
  }

  h4 {
    font-size: 25px;
  }

  h5 {
    font-size: 21px;
  }

  h6 {
    font-size: 19px;
  }

  ul, ol {
    font-size: 16px;
  }

  .page-sticky-wrap {
    min-width: auto;
  }

  .page-sticky-wrap.no-radius {
    flex: 1;
  }

  .sticky-page-title-wrap {
    align-items: center;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sticky-page-title-wrap.style-guide {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  .sticky-title-link {
    min-width: 200px;
    font-size: 16px;
  }

  .section-title-wrap {
    flex-direction: column;
    align-self: stretch;
    align-items: flex-start;
    margin-right: 0;
    display: flex;
  }

  .style-guide-color-grid {
    grid-row-gap: 30px;
    align-items: center;
  }

  .style-guide-grid {
    text-align: left;
  }

  .style-guide-content-wrap.form {
    grid-row-gap: 60px;
  }

  .banner-text {
    font-size: 45px;
  }

  .style-guide-title {
    margin-top: 0;
  }

  .style-guide-flex {
    flex-direction: column;
    align-items: stretch;
  }

  .form-label {
    margin-bottom: 0;
  }

  .creative-form-input {
    border-radius: 20px;
    padding-left: 20px;
  }

  .creative-form-input.textarea {
    border-radius: 20px;
  }

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

  .form-label-wrap {
    padding-bottom: 20px;
  }

  .primary-form-block {
    padding: 30px 20px;
  }

  .copyright-flex {
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .author-image {
    width: 158px;
  }

  .author-title {
    font-size: 23px;
  }

  .banner-grid-wrap {
    padding-top: 40px;
  }

  .banner-image-wrap {
    width: auto;
  }

  .menu-wrap {
    top: 0;
  }

  .banner-sub-title {
    font-size: 18px;
  }

  .author-name {
    font-size: 36px;
  }

  .author-content {
    font-size: 16px;
    line-height: 1.5;
  }

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

  .author-contact {
    font-size: 18px;
  }

  .banner-decorative.left-bottom {
    width: 70px;
    display: none;
    bottom: 26%;
    right: 18px;
  }

  .banner-decorative.left-top {
    width: 50px;
    display: none;
    bottom: 28%;
    right: 87px;
  }

  .banner-decorative.right-top {
    width: 100px;
    top: 627px;
    left: 71px;
  }

  .banner-decorative.right-bottom {
    width: 70px;
    top: 753px;
    left: 15px;
  }

  .home-creative-sub-title {
    font-size: 12px;
    line-height: 1.4;
  }

  .about-category-wrap {
    border-radius: 10px;
    padding: 20px;
  }

  .about-category-point {
    flex-direction: column;
  }

  .about-category-title-wrap {
    grid-column-gap: 20px;
    justify-content: flex-start;
    min-width: auto;
    font-size: 16px;
    display: flex;
  }

  .about-category-title, .about-category-content {
    font-size: 16px;
  }

  .about-signature-wrap {
    flex-direction: column;
    padding-top: 20px;
  }

  .knowledge-section {
    background-position: 97% 6%, 0 100%;
    background-size: 26%, cover;
  }

  .my-skill-content-wrap {
    text-align: center;
  }

  .my-skill-category-wrap {
    border-radius: 15px;
    flex-direction: column;
    align-items: stretch;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .my-skill-image-wrap {
    align-self: stretch;
    width: auto;
  }

  .resume-flex {
    grid-row-gap: 15px;
    flex-direction: column;
    align-items: flex-start;
  }

  .resume-sub-title-wrap {
    text-align: center;
    top: 0;
  }

  .resume-content-wrap {
    margin-left: 0;
    padding: 20px;
  }

  .our-works-title-wrap {
    grid-row-gap: 40px;
    flex-direction: column;
    align-items: center;
  }

  .our-work-tab-menu {
    grid-row-gap: 10px;
    flex-direction: column;
  }

  .our-works-tab {
    align-self: stretch;
    padding-bottom: 60px;
  }

  .our-works-tab-menu-link {
    padding-left: 20px;
    padding-right: 20px;
  }

  .our-works-tab-pane {
    align-self: stretch;
    padding-top: 20px;
  }

  .our-works-image {
    border-radius: 10px;
  }

  .oue-works-link-wrap {
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 10px;
  }

  .our-works-title {
    font-size: 18px;
  }

  .our-works-description {
    font-size: 14px;
  }

  .client-slider-wrap {
    padding-bottom: 140px;
    overflow: hidden;
  }

  .client-arrow.right-arrow {
    inset: auto 0% -25% auto;
  }

  .client-arrow.left-arrow {
    inset: auto auto -25% 0%;
  }

  .client-slide {
    margin-right: 0;
  }

  .client-content {
    margin-bottom: 0;
    font-size: 16px;
  }

  .client-logo-wrap {
    flex-flow: column;
  }

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

  .certificate-wrap {
    border-radius: 10px;
    padding: 50px 20px 40px;
  }

  .certificate-line-break {
    margin-top: 10px;
  }

  .certificate-title {
    width: auto;
    font-size: 20px;
  }

  .info-chart {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .info-logo {
    inset: 114px 28px auto auto;
  }

  .banner {
    min-height: 1313.05px;
    padding-top: 40px;
  }

  .banner-nav-flex {
    grid-row-gap: 15px;
    flex-direction: column;
    align-items: center;
  }

  .banner-contact-content {
    font-size: 16px;
  }

  .homepage-banner-grid-wrap {
    padding-top: 60px;
  }

  .homepage-baner-grid {
    grid-row-gap: 50px;
  }

  .homepage-sub-title.banner-sub-title {
    font-size: 16px;
  }

  .homepage-banner-text {
    font-size: 32px;
  }

  .homepage-banner-social-wrap {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 20px;
  }

  .banner-decorative-circle.utility-right, .banner-decorative-circle.utility-left {
    display: none;
  }

  .banner-decorative-circle.sub-page-left-circle {
    min-width: 100px;
    min-height: 100px;
  }

  .banner-decorative-circle.subpage-right-circle {
    top: 125px;
    right: -10%;
  }

  .section-title {
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 1.2;
  }

  .experience-timeline-wrap {
    padding-bottom: 80px;
  }

  .experience-title-wrap {
    padding: 15px 30px;
  }

  .experience-grid {
    grid-row-gap: 50px;
  }

  .experience-timeline-flex {
    grid-column-gap: 15px;
  }

  .experience-timeline-pointer {
    min-width: 50px;
    min-height: 50px;
  }

  .experience-inner-pointer {
    min-width: 15px;
    min-height: 15px;
  }

  .certificate-date {
    width: 76px;
    font-size: 15px;
    top: 15px;
    right: 15px;
  }

  .experience-content-wrap {
    margin-top: 0;
  }

  .experience-timeline.first-timeline {
    max-height: 60%;
    left: 24px;
  }

  .experience-timeline.second-timeline {
    max-height: 75%;
    left: 24px;
  }

  .skills-sub-title {
    font-size: 16px;
  }

  .skill-indicator {
    min-height: 10px;
  }

  .portfolio-slider-arrow.right-arrow {
    right: 2%;
  }

  .portfolio-slider-arrow.left-arrow {
    left: 2%;
  }

  .portfolio-slider-mask, .portfolio-slide {
    width: 100%;
  }

  .portfolio-overlay {
    max-width: none;
    padding: 20px;
  }

  .portfolio-sub-title {
    font-size: 15px;
  }

  .client-grid-wrap {
    padding-top: 20px;
  }

  .review-slider {
    padding-bottom: 60px;
  }

  .review-slide-arrow.left-arrow {
    inset: auto auto 0% 40px;
  }

  .review-slide-arrow.right-arrow {
    inset: auto 40px 0% auto;
  }

  .testimonial-author-wrap {
    flex-direction: column;
    justify-content: center;
    margin-bottom: 10px;
  }

  .testimonial-content {
    text-align: center;
    font-size: 16px;
  }

  .client-image-flex {
    flex-flow: column;
    align-items: center;
  }

  .pricing-section {
    padding-bottom: 80px;
  }

  .pricing-card-wrap {
    padding: 40px 20px;
  }

  .contact-author-wrap {
    grid-row-gap: 20px;
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .author-social-link-wrap {
    justify-content: center;
  }

  .author-contact-wrap {
    align-items: flex-start;
  }

  .author-contact-flex {
    flex-wrap: wrap;
    width: auto;
  }

  .author-contact-content, .author-contact-content.content-link {
    font-size: 16px;
  }

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

  .footer-form {
    align-self: stretch;
  }

  .footer-form-flex {
    flex-direction: column;
  }

  .blog-content-wrap {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-date-wrap {
    margin-bottom: 20px;
    padding: 10px 20px;
    display: inline-block;
    left: 20px;
  }

  .blog-date {
    font-size: 14px;
  }

  .blog-post-title-wrap {
    text-align: left;
  }

  .utility-page-content {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .utility-page-content.password-page {
    padding: 40px 20px 50px;
  }

  ._404-sub-title {
    font-size: 32px;
  }

  .subpage-title-wrap {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .banner-title {
    margin-bottom: 0;
    font-size: 40px;
  }

  .banner-title.author {
    margin-top: 0;
    font-size: 35px;
  }

  .banner-title.author-banner-title {
    font-size: 35px;
  }

  .password-title {
    font-size: 32px;
  }

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

  .password-form {
    padding-top: 20px;
  }

  .licenses-grid {
    grid-row-gap: 25px;
    padding-bottom: 40px;
  }

  .licenses-wrap {
    padding-top: 0;
  }

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

  .licenses-sub-title, .licenses-title-link {
    font-size: 20px;
  }

  .changelog-wrap {
    padding: 20px 30px 40px;
  }

  .changelog-version-wrap {
    text-align: center;
  }

  .blog-single-title {
    font-size: 32px;
  }

  .blog-author-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

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

  .blog-single-content-wrap {
    padding-top: 30px;
  }

  .blog-post-relative {
    text-align: left;
  }

  .portfolio-image {
    width: 100%;
  }

  .popup-content-wrap {
    padding: 30px 40px 40px;
  }

  .popup-content-flex {
    margin-bottom: 40px;
    padding-top: 20px;
  }

  .popup-title-wrap {
    margin-bottom: 10px;
  }

  .popup-close {
    min-width: 25px;
    min-height: 25px;
    top: 23px;
    right: 17px;
  }

  .popup-content-title {
    font-size: 16px;
  }

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

  .popup-menu {
    margin-left: 0;
    margin-right: 0;
    top: auto;
    left: auto;
  }

  .popup-sub-title {
    margin-top: 0;
    font-size: 15px;
  }

  .popup-contact-flex {
    grid-column-gap: 10px;
  }

  .popup-contact-flex.social {
    grid-column-gap: 20px;
  }

  .popup-section-link {
    font-size: 16px;
  }

  .nav-menu-flex {
    justify-content: space-between;
    align-self: stretch;
  }

  .author-post-title-wrap {
    padding-bottom: 10px;
  }

  .home-creative-close {
    min-width: 40px;
    min-height: 40px;
  }

  .home-creative-sub-title-wrap {
    margin-top: 2px;
  }

  .cross-image {
    width: 32%;
  }

  .copyright-utility-wrap {
    text-align: center;
    flex-direction: row;
    align-items: center;
    display: block;
  }
}

#w-node-_508d4fc4-1aeb-7321-a43b-d0d743ebda4d-3c98d86f, #w-node-_52991d06-8819-a44f-2b9f-a2aeb1021117-3c98d86f, #w-node-f880c458-208e-1a07-4066-79d6d7433a48-3c98d86f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_87d57300-cc2e-471e-e297-d70d93f0bdfa-3c98d86f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_21726df9-c207-a0f9-002d-7edaed135a34-3c98d86f, #w-node-_06e55232-eb36-3aa0-4503-b66a00a73dfd-3c98d86f, #w-node-_6ab831c4-6a30-e06e-befa-087ad9ecd850-3c98d86f, #w-node-_70fad595-a521-3943-b1d1-fc969711783b-3c98d86f, #w-node-_35461249-c40c-3a65-4c2a-d33fb26f77b2-3c98d86f, #w-node-bc10454d-6537-6238-abc5-eb31451d2812-3c98d86f, #w-node-_9aabff9b-6e5b-3537-4225-83314d2fef2c-3c98d86f, #w-node-bd88e3aa-0de8-d828-dc4b-c8f1ee5db605-3c98d86f, #w-node-fba6f901-96bd-00c0-4d2c-55528acbd1bd-3c98d86f, #w-node-_447cd735-cd60-9904-b5c8-52d99e97b122-3c98d86f, #w-node-_36f77f03-1b70-4383-7ef7-14462006ca0f-3c98d86f, #w-node-_795cc6a8-74f2-e7c2-9f92-56d3a865d5cf-3c98d86f, #w-node-_0757e580-e954-af90-1f0a-abc8227180b1-3c98d86f, #w-node-_16ecb2ed-5940-ec10-75ee-014afdfc47ec-3c98d86f, #w-node-_16ecb2ed-5940-ec10-75ee-014afdfc47fb-3c98d86f, #w-node-_085ea062-687c-cfd2-97b1-bedfd0f4f839-3c98d86f, #w-node-a474b056-2774-407c-ff57-3993304377f6-3c98d86f, #w-node-eb79fd37-737a-9b2e-5d35-7b6dffcba725-3c98d86f, #w-node-_4b86cf01-c814-28ce-eb76-7bf6c7cf60a9-3c98d86f, #w-node-_86eda99a-ccb5-688d-4368-3ae1669eb653-3c98d86f, #w-node-beb38708-5388-e699-ccd7-8d879b721132-3c98d86f, #w-node-_938c8927-dc2c-60eb-a229-d911f4deaec7-3c98d86f, #w-node-f6b8fb50-1096-e9b1-6c98-1c281a465f1e-3c98d86f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f6b8fb50-1096-e9b1-6c98-1c281a465f29-3c98d86f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-cca5d7cb-46b0-b186-68ad-965f6fdc5f85-3c98d86f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a6182f5d-3ac3-964c-9796-edd4e57b69e9-3c98d870 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-ae4ce1d2-7912-1fc5-f521-11ac6255f16d-3c98d870, #w-node-_26710eab-3613-f4e4-795f-75409f422333-3c98d870, #w-node-_4595c2e6-f3e4-96b6-a011-a81c5e1888bc-3c98d870, #w-node-b67c51e3-b936-ceee-dbc8-f6811f96d161-3c98d870, #w-node-_74f434c5-ba0f-ff67-d02c-d749274994f5-3c98d870, #w-node-_23b84950-052f-2ca6-41be-2f401e24bb73-3c98d870, #w-node-f837c032-4665-b5d1-cc2d-de5ae681fd05-3c98d870, #w-node-_7508600f-2274-01b3-70cd-efe4029c7c2a-3c98d870, #w-node-_98006d36-47cf-b4fb-0cc3-4cf74230f532-3c98d870, #w-node-_9b216c00-9336-dbda-89f0-b6e0c4c55294-3c98d870, #w-node-_5644a715-a9e5-065c-2ca7-ac19303d64ab-3c98d871 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2a9426ed-d20a-5cd7-16c0-73ca99d58c02-3c98d871 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-fe2c5510-8112-07fb-8012-d8da81e338ed-3c98d871, #w-node-_20d41861-3886-5694-4e29-7e01f0ac677c-3c98d871, #w-node-e92da04d-b8ed-7f38-bca0-98579753c4b9-3c98d871, #w-node-fe347d78-b4ad-994b-e94b-4450c000601b-3c98d871, #w-node-_09dae9e4-2c32-0028-8475-6db56bde9d6b-3c98d871, #w-node-_7c460c88-35bc-168c-17db-da3ac50e5c44-3c98d871, #w-node-ad731ccc-78d3-4e1d-60dc-d7a9fbaa2c9c-3c98d871, #w-node-_11b156ce-b41e-6f1f-3b26-79060ae01d1f-3c98d871, #w-node-_7c8bab03-b107-5f1e-74ed-544d58b25708-3c98d871, #w-node-be3f556e-7e4e-73ee-3024-5fb21e7bcdcf-3c98d871, #w-node-be3f556e-7e4e-73ee-3024-5fb21e7bcdd9-3c98d871, #w-node-_23afcdd4-a243-b560-533a-350a48947df6-3c98d871, #w-node-_69074768-2098-b2d2-353f-d7b7c103dffb-3c98d871, #w-node-d6147c12-dc74-c585-dd84-d92836845eed-3c98d871, #w-node-_9eb30fee-0bae-d492-0fd6-2dbd5522edcd-3c98d871, #w-node-_8f67bf63-46bb-217c-27e9-2308f06cc20d-3c98d871, #w-node-f54fae82-38b8-b6bb-7df4-2e6de36ca1f0-3c98d871, #w-node-fd619018-dbb8-3055-31bb-0f642ef91e7c-3c98d871, #w-node-ce2951d1-f9b2-9e0d-1a47-c2ba57e74276-3c98d871, #w-node-_46dd3c50-bd02-c1c6-bffb-ac76a0688e42-3c98d871, #w-node-_5fbe4848-e914-6093-68f5-85131ecebb94-1ecebb90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5fbe4848-e914-6093-68f5-85131ecebba2-1ecebb90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_5fbe4848-e914-6093-68f5-85131ecebbb2-1ecebb90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_5fbe4848-e914-6093-68f5-85131ecebbc0-1ecebb90, #w-node-a7335bad-b1de-2710-3884-e1cfbc0cc690-3c98d872, #w-node-_3a24f6c3-9270-7e03-7296-6ef6e6b70013-3c98d873, #w-node-_13539dd0-f4b0-2bc6-7cbc-bdfa7de4c10a-3c98d876, #w-node-_0133b7db-08f5-d62a-0ffc-f3a5f3cfb497-3c98d877, #w-node-_9e0b75b9-51e3-54d0-f9f8-27612c7e4f2d-3c98d877, #w-node-_5b995d27-67db-8041-da9f-25c61fb17edf-3c98d877, #w-node-_5b995d27-67db-8041-da9f-25c61fb17ee4-3c98d877, #w-node-be8ada7e-5d8b-10e6-2eff-a8e5bead18aa-3c98d877, #w-node-be8ada7e-5d8b-10e6-2eff-a8e5bead18ae-3c98d877 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1920px) {
  #w-node-_508d4fc4-1aeb-7321-a43b-d0d743ebda4d-3c98d86f {
    justify-self: end;
  }

  #w-node-_35461249-c40c-3a65-4c2a-d33fb26f77b2-3c98d86f, #w-node-bc10454d-6537-6238-abc5-eb31451d2812-3c98d86f, #w-node-_9aabff9b-6e5b-3537-4225-83314d2fef2c-3c98d86f, #w-node-bd88e3aa-0de8-d828-dc4b-c8f1ee5db605-3c98d86f, #w-node-fba6f901-96bd-00c0-4d2c-55528acbd1bd-3c98d86f, #w-node-_0757e580-e954-af90-1f0a-abc8227180b1-3c98d86f, #w-node-_16ecb2ed-5940-ec10-75ee-014afdfc47fb-3c98d86f, #w-node-_085ea062-687c-cfd2-97b1-bedfd0f4f839-3c98d86f, #w-node-_938c8927-dc2c-60eb-a229-d911f4deaec7-3c98d86f, #w-node-efe928b9-6938-5ff5-04e1-b0320099146a-3c98d86f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-beb38708-5388-e699-ccd7-8d879b721132-3c98d86f, #w-node-_938c8927-dc2c-60eb-a229-d911f4deaec7-3c98d86f {
    justify-self: end;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-efe928b9-6938-5ff5-04e1-b0320099146a-3c98d86f {
    justify-self: stretch;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_938c8927-dc2c-60eb-a229-d911f4deaec7-3c98d86f {
    justify-self: auto;
  }

  #w-node-_2a9426ed-d20a-5cd7-16c0-73ca99d58c02-3c98d871 {
    order: 9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }

  #w-node-fe2c5510-8112-07fb-8012-d8da81e338ed-3c98d871 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5fbe4848-e914-6093-68f5-85131ecebba2-1ecebb90, #w-node-_5fbe4848-e914-6093-68f5-85131ecebbb2-1ecebb90 {
    justify-self: auto;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_2a9426ed-d20a-5cd7-16c0-73ca99d58c02-3c98d871 {
    order: 9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-fe2c5510-8112-07fb-8012-d8da81e338ed-3c98d871 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_938c8927-dc2c-60eb-a229-d911f4deaec7-3c98d86f, #w-node-_9eb30fee-0bae-d492-0fd6-2dbd5522edcd-3c98d871 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5fbe4848-e914-6093-68f5-85131ecebba2-1ecebb90 {
    justify-self: auto;
  }
}