:root {
  --heading-color: #111827;
  --text-color: #4b5563;
  --button-read-more-color: #4f46e5;
  --border-color: #f3f4f6;
  --border-hover-color: #cfd1d4;
  --white: white;
  --footernav-color: #6b7280;
}

body {
  color: #333;
  padding-left: 0;
  padding-right: 0;
  font-family: Lato, sans-serif;
  font-size: 1.09375rem;
  font-weight: 300;
  line-height: 1.1;
}

h1 {
  max-width: 63.75rem;
  color: var(--heading-color);
  margin-top: 1.25rem;
  margin-bottom: .625rem;
  font-size: 4.6875rem;
  font-weight: 700;
  line-height: 1;
}

h2 {
  color: var(--heading-color);
  margin-top: 1.25rem;
  margin-bottom: .625rem;
  font-size: 2.8125rem;
  font-weight: 700;
  line-height: 2.25rem;
}

p {
  color: var(--text-color);
  margin-bottom: .625rem;
  font-size: 1.40625rem;
  line-height: 1.5;
}

.style_guide_section {
  padding-top: 6.25rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.divblock {
  width: 18.75rem;
  height: 6.25rem;
  background-color: #111827;
}

.divblock.c1 {
  background-color: #4f46e5;
  transition: all .5s;
}

.divblock.c1:hover, .divblock.c1h1:hover {
  background-color: #4338ca;
}

.divblock.t1 {
  color: #111827;
}

.stylrguide_colum {
  height: 6.25rem;
  text-align: center;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.style_guide_text {
  font-weight: 700;
}

.styleguide_columns {
  margin-bottom: 1.25rem;
  padding-top: 2.5rem;
}

.divblock-copy {
  width: 18.75rem;
  height: 6.25rem;
  background-color: #636872;
}

.divblock-copy:hover {
  background-color: #111827;
}

.divblock-copy.c1 {
  background-color: #4f46e5;
}

.divblock-copy.c1:hover, .divblock-copy.c1h1:hover {
  background-color: #4338ca;
}

.divblock-copy.t1 {
  color: #111827;
}

.divblock-copy.n1 {
  color: #636872;
  font-size: 1.25rem;
  font-weight: 500;
  transition: all .5s;
}

.divblock-copy.n1:hover {
  color: #111827;
}

.divblock2 {
  width: 18.75rem;
  height: 6.25rem;
}

.divblock2.c1 {
  background-color: #4f46e5;
}

.divblock2.c1:hover, .divblock2.c1h1:hover {
  background-color: #4338ca;
}

.divblock2.t1 {
  color: #111827;
}

.mainbutton {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--button-read-more-color);
  color: #fff;
  cursor: pointer;
  border-radius: .625rem;
  align-items: center;
  padding: .9375rem 1.25rem;
  font-size: 1.25rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .5s;
}

.mainbutton:hover {
  background-color: #4338ca;
}

.mainbutton.aboutbutton {
  border-radius: .5rem;
  padding: 1.25rem 1.375rem;
}

.secondbutton {
  color: #111827;
  background-color: rgba(0, 0, 0, 0);
  border: .0625rem solid #e5e7eb;
  border-radius: .625rem;
  padding: .9375rem 1.25rem;
  font-size: 1.25rem;
  font-weight: 600;
  text-decoration: none;
}

.secondbutton:hover {
  border-color: #b3b9c2;
}

.text-block {
  padding: .9375rem 1.25rem;
}

.iconspan {
  padding-left: .625rem;
  font-family: "Fa Solid 900", sans-serif;
}

.styleguide_column {
  grid-column-gap: 1.5625rem;
  grid-row-gap: 1.5625rem;
  display: flex;
}

.herosection {
  padding-left: .625rem;
  padding-right: .625rem;
  position: relative;
}

.navcontainer {
  width: 100%;
  max-width: 83.75rem;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: flex;
}

.navbar {
  z-index: 99999999;
  width: 100%;
  height: 5rem;
  background-color: rgba(0, 0, 0, 0);
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: .625rem;
  padding-right: .625rem;
  display: flex;
  position: fixed;
  top: 0;
}

.brand {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  align-items: center;
  display: flex;
}

.logotext {
  color: var(--heading-color);
  font-size: 1.5625rem;
  font-weight: 700;
}

.nav-link {
  color: var(--text-color);
  font-size: 1.25rem;
  font-weight: 500;
  transition: color .2s;
}

.nav-link:hover {
  color: #282f3c;
}

.nav-link.w--current {
  color: var(--text-color);
}

.navcontact {
  color: #4b5563;
  border: .0625rem solid #9fa5ad;
  border-radius: .5rem;
  margin-left: 2.5rem;
  padding: .9375rem 1.875rem;
  font-size: 1.09375rem;
  font-weight: 600;
  transition: background-color .4s, color .2s;
}

.navcontact:hover {
  color: #282f3c;
  background-color: #f3f4f6;
  border-color: #39393a;
}

.herocontainer {
  max-width: 83.75rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12.5rem;
  display: flex;
  position: relative;
}

.herolink {
  border: .0625rem solid var(--border-color);
  color: var(--text-color);
  border-radius: 3.125rem;
  margin-bottom: 2.5rem;
  padding: .9375rem 1.25rem;
  text-decoration: none;
  transition: all .4s;
  display: inline-block;
}

.herolink:hover {
  border-color: var(--border-hover-color);
}

.readmorespan {
  color: var(--button-read-more-color);
  font-weight: 600;
}

.arrowiconspan {
  color: var(--button-read-more-color);
  font-family: "Fa Solid 900", sans-serif;
  font-size: .75rem;
  display: inline-block;
}

.nav-menu {
  align-items: center;
  display: flex;
}

.heropara {
  max-width: 61.875rem;
  margin-top: 1.25rem;
}

.herobuttoncontainer {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  align-items: center;
  margin-top: 2.5rem;
  display: flex;
}

.arrowiconspan-button {
  color: #c7d2fe;
  font-family: "Fa Solid 900", sans-serif;
  font-size: .75rem;
  display: inline-block;
}

.arrowiconspan-button._2ndbutton {
  color: #9ca3af;
  font-size: .75rem;
}

.clutchsection {
  margin-top: 13.75rem;
  padding-left: .625rem;
  padding-right: .625rem;
  position: relative;
}

.clutchcontainer {
  max-width: 83.75rem;
  margin-left: auto;
  margin-right: auto;
}

.abouttext {
  color: var(--button-read-more-color);
  font-size: 1.25rem;
  font-weight: 600;
}

.abouttextwrap {
  grid-column-gap: 2.5rem;
  grid-row-gap: 1rem;
  text-align: justify;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2.5rem;
  margin-bottom: 1.875rem;
  display: grid;
}

.rankingsection {
  padding-left: .625rem;
  padding-right: .625rem;
}

.rankingcontainer {
  max-width: 83.75rem;
  grid-column-gap: 6.5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 11.25rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.rankingheading {
  text-align: center;
  margin-top: 6.25rem;
}

.rankinginfowrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top: .125rem solid var(--border-color);
  border-bottom: .125rem solid var(--border-color);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 3.75rem;
  margin-bottom: 2.5rem;
  padding-top: 2.5rem;
  padding-bottom: 1.875rem;
  display: grid;
}

.rankinglabel {
  color: var(--footernav-color);
  font-size: 1.25rem;
  font-weight: 500;
}

.rankinglabelinfo {
  color: var(--heading-color);
  margin-top: .9375rem;
  font-size: 2.34375rem;
  font-weight: 700;
}

.rankinglabelwrap {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-direction: column;
  display: flex;
}

.rankinglabelwrap.cont {
  grid-column-gap: 1.375rem;
  grid-row-gap: 1.375rem;
}

.ranking-h2 {
  margin-top: 0;
}

.rankingpara {
  margin-top: 2.5rem;
}

.image-2 {
  border-radius: 1.25rem;
}

.rankinglink {
  color: var(--button-read-more-color);
  margin-top: 3.75rem;
  font-size: 1.25rem;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
}

.rankingimgwrap {
  max-height: 25rem;
  max-width: 41.25rem;
  background-image: url('../images/waalaxy.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.5625rem;
  box-shadow: 0 2px .3125rem rgba(0, 0, 0, .2);
}

.rankingimgwrap.nix {
  background-image: url('../images/expandi.png');
  background-position: 50%;
  background-size: 600px;
}

.rankingimgwrap.exoft {
  background-image: url('../images/phantombuster.png');
  background-size: 570px;
}

.rankingimgwrap.qagency {
  background-image: url('../images/dripify2.svg');
  background-position: 50% 0;
  background-size: cover;
}

.rankingimgwrap.baires {
  background-image: url('../images/wiza2.png');
}

.footersection {
  padding: 6.25rem .625rem;
}

.footercontainer {
  max-width: 83.75rem;
  margin-left: auto;
  margin-right: auto;
}

.footernavwrap {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footernavlink {
  color: var(--footernav-color);
  font-size: 1.25rem;
  text-decoration: none;
  transition: all .4s;
}

.footernavlink:hover {
  color: var(--heading-color);
}

.footernavlink.w--current {
  color: var(--footernav-color);
}

.copyrighttext {
  color: #9ca3af;
  text-align: center;
  margin-top: 3.75rem;
  font-size: 1.25rem;
}

.eclipsewrap {
  z-index: -1;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.body {
  padding-left: .625rem;
  padding-right: .625rem;
}

.eclipseimg {
  width: 125rem;
  margin-top: -20.75rem;
  margin-left: -22.5625rem;
  transform: rotate(37deg);
}

.bloghero {
  grid-column-gap: 6.25rem;
  grid-row-gap: 6.25rem;
  flex-direction: column;
  align-items: center;
  padding-top: 8.75rem;
  padding-left: .625rem;
  padding-right: .625rem;
  display: flex;
}

.blogtext {
  color: var(--footernav-color);
  margin-top: 1.25rem;
  font-size: 1.5625rem;
  font-weight: 500;
}

.bloglistwrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.postimgwrap {
  max-width: 31.875rem;
  min-height: 22.5rem;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .3125rem;
  text-decoration: none;
  box-shadow: 0 2px .3125rem rgba(0, 0, 0, .2);
}

.postimgwrap.tag {
  width: 100%;
  max-height: 22.625rem;
  max-width: 27.0625rem;
  min-height: 22.5rem;
  border-radius: .3125rem;
}

.blogheadwrap {
  text-align: center;
}

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

.postdatewrap {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  display: flex;
}

.posttagswrap {
  width: 100%;
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  align-content: space-between;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.postdate {
  color: var(--heading-color);
}

.postdateiconwraap {
  align-items: center;
  display: flex;
}

.postdateimg {
  width: 1.25rem;
  margin-right: .375rem;
}

.mintreadtext {
  border-left: .125rem solid var(--heading-color);
  color: var(--text-color);
  padding-left: .625rem;
}

.tagstext {
  background-color: var(--border-color);
  color: var(--text-color);
  white-space: nowrap;
  margin-right: 1.25rem;
  padding: .3125rem .625rem;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
}

.tagstext:hover {
  color: var(--button-read-more-color);
}

.tagslist {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.collection-item {
  padding-left: 0;
}

.bloglistwrapper {
  max-width: 67.5rem;
}

.collection-item-2 {
  margin-bottom: 6.25rem;
}

.postheading {
  color: #374151;
  font-size: 1.875rem;
}

.blogheading {
  font-size: 3.75rem;
}

.blogdes {
  font-weight: 500;
}

.blog-post-hero {
  max-width: 56.25rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 13.75rem;
}

.posttitle {
  font-size: 3.75rem;
}

.articledes {
  color: var(--footernav-color);
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 1.2;
}

.articleimgwrap {
  width: 56.25rem;
  height: 31.25rem;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .4375rem;
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

.rich-text-block {
  text-align: justify;
}

.article-footer-wrap {
  width: 100%;
  height: 3.125rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.social-link {
  width: 3.125rem;
  height: 3.125rem;
  background-color: #000;
  background-image: url('../images/facebook-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 50%;
  justify-content: center;
  align-items: center;
  transition: margin .2s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.social-link:hover {
  margin-top: -.5rem;
}

.social-link.reddit {
  background-color: #ff4500;
  background-image: url('../images/reddit-logo.svg');
}

.social-link.reddit.hide-for-now {
  display: none;
}

.social-link.tumblr {
  background-color: #001833;
  background-image: url('../images/tumblr-logo.svg');
}

.social-link.tumblr.hide-for-now {
  display: none;
}

.social-link.email {
  background-image: url('../images/mail-logo.svg');
  background-size: auto 40%;
}

.social-link.email.hide-for-now {
  display: none;
}

.social-link.linkedin {
  background-color: #0a66c2;
  background-image: url('../images/linkedin-logo.svg');
  background-size: auto 45%;
}

.social-link.linkedin.hide-for-now {
  display: none;
}

.social-link.pinterest {
  background-color: #b7081b;
  background-image: url('../images/pinterest-logo.svg');
}

.social-link.pinterest.hide-for-now {
  display: none;
}

.social-link.twitter {
  background-color: #1c9cea;
  background-image: url('../images/twitter-logo.svg');
  background-size: auto 43%;
}

.social-link.twitter.hide-for-now {
  display: none;
}

.social-link.facebook {
  background-color: #0b85ee;
}

.social-link.facebook.hide-for-now {
  display: none;
}

.socials-container {
  align-items: center;
  display: flex;
  position: relative;
}

.tag-section {
  max-width: 56.25rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8.75rem;
}

.tag-heading-wrap {
  justify-content: center;
  margin-bottom: 3.75rem;
  display: flex;
}

.tag-heading-tag, .tag-heading {
  font-size: 3.75rem;
}

.post-detail-link-wrap {
  text-decoration: none;
}

.nav-mobile-wrap {
  align-items: center;
  display: flex;
}

.nav-shadow-wrap {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  box-shadow: 0 2px .3125rem rgba(0, 0, 0, .2);
}

.body-2 {
  padding-left: 0;
  padding-right: 0;
}

.div-block {
  width: 250rem;
  min-height: 56.25rem;
  background-image: url('../images/Group-1-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.bg-img-2 {
  z-index: 0;
  width: 93.75rem;
  max-width: none;
  margin-top: 18.75rem;
  margin-right: -88.75rem;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 50%;
}

.bg-img-1 {
  z-index: 0;
  width: 106.25rem;
  max-width: none;
  margin-top: -35.4375rem;
  margin-right: -14.6875rem;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 50%;
}

.tags-page-post-link-wrap {
  text-decoration: none;
}

.nav-int {
  margin-top: -5rem;
  position: absolute;
}

@media screen and (max-width: 991px) {
  .herosection {
    overflow: hidden;
  }

  .navcontact {
    margin-top: 2.5625rem;
    margin-right: 2.5rem;
  }

  .nav-menu {
    height: 100vh;
    background-color: var(--white);
  }

  .nav-mobile-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 5.875rem;
    display: flex;
  }

  .icon {
    color: #141212;
  }

  .menu-button, .menu-button.w--open {
    background-color: #fff;
  }
}

@media screen and (max-width: 767px) {
  body {
    padding-left: .9375rem;
    padding-right: .9375rem;
  }

  h1 {
    font-size: 2.5rem;
  }

  .herosection {
    overflow: visible;
  }

  .navbar {
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .clutchsection {
    margin-top: 6.25rem;
  }

  .rankingcontainer {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-top: 3.75rem;
  }

  .rankingimgwrap {
    min-height: 18.75rem;
    display: none;
  }

  .footersection {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .footercontainer {
    flex-direction: column;
    align-items: center;
  }

  .footernavwrap {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    justify-content: center;
  }

  .bloghero {
    padding-top: 6.25rem;
  }

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

  .postimgwrap.tag {
    width: 100%;
    max-width: none;
  }

  .postdatewrap {
    justify-content: center;
  }

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

  .blog-post-hero {
    padding-top: 6.25rem;
  }

  .articleimgwrap {
    width: 100%;
    height: 18.75rem;
    max-width: 56.25rem;
  }

  .article-footer-wrap {
    height: 6.25rem;
    min-height: 3.125rem;
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-wrap: wrap;
    justify-content: center;
  }

  .tag-heading-wrap {
    margin-bottom: 1.25rem;
  }

  .bg-img-2, .bg-img-1 {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .mainbutton {
    border-radius: .1875rem;
    padding: .625rem .9375rem;
    font-size: .875rem;
  }

  .secondbutton {
    border-radius: .1875rem;
    padding: .625rem;
    font-size: 1rem;
  }

  .herosection {
    max-width: 479px;
    padding-top: 6.25rem;
    padding-left: .937rem;
    padding-right: .937rem;
    overflow: hidden;
  }

  .logotext {
    font-size: 1.4rem;
  }

  .herocontainer {
    align-items: flex-start;
    padding-top: 2.5rem;
  }

  .herolink {
    margin-bottom: .625rem;
    font-size: .875rem;
    display: none;
  }

  .heropara {
    text-align: justify;
    font-size: 1.125rem;
  }

  .arrowiconspan-button {
    font-size: .875rem;
  }

  .clutchsection {
    max-width: 479px;
    overflow: hidden;
  }

  .abouttext {
    font-size: 1.1rem;
  }

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

  .rankingsection {
    max-width: 479px;
    overflow: hidden;
  }

  .rankingheading {
    text-align: left;
    margin-top: 2.5rem;
    font-size: 1.7rem;
  }

  .rankinginfowrap {
    margin-top: 2.05rem;
    padding-top: 1.1rem;
    padding-bottom: 1.175rem;
  }

  .ranking-h2 {
    font-size: 1.8rem;
    line-height: 1;
  }

  .rankingpara {
    text-align: justify;
    font-size: 1.25rem;
  }

  .rankingimgwrap {
    display: none;
  }

  .footersection {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .footernavwrap {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    justify-content: center;
  }

  .footernavlink {
    font-size: 1rem;
  }

  .copyrighttext {
    margin-top: 1.25rem;
    font-size: 1rem;
    line-height: 1.4;
  }

  .bloghero {
    grid-column-gap: 2.75rem;
    grid-row-gap: 2.75rem;
    overflow: hidden;
  }

  .bloglistwrap {
    width: 100%;
    grid-template-columns: 100%;
  }

  .postimgwrap {
    min-height: 10rem;
    background-position: 50%;
  }

  .postdetailwrap {
    width: 100%;
    text-align: left;
  }

  .postdatewrap {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    font-size: .8rem;
  }

  .posttagswrap {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .bloglistwrapper {
    max-width: 19.9rem;
  }

  .collection-item-2 {
    margin-bottom: 4rem;
  }

  .blogheading {
    font-size: 3.125rem;
  }

  .blogdes {
    font-size: 1.4375rem;
    line-height: 1;
  }

  .blog-post-hero {
    padding-top: 8.125rem;
  }

  .posttitle {
    font-size: 2.1875rem;
  }

  .articledes {
    text-align: justify;
    font-size: 1.25rem;
  }

  .social-link {
    width: 2.5rem;
    height: 2.5rem;
  }

  .tag-section {
    max-width: 52.4rem;
  }

  .tag-heading-tag, .tag-heading {
    font-size: 2.125rem;
  }

  .post-detail-link-wrap {
    width: 100%;
  }

  .home-hero-hading {
    text-align: left;
    font-size: 2.3rem;
  }

  .paragraph, .paragraph-2 {
    text-align: justify;
    font-size: 1rem;
  }

  .bold-text {
    line-height: 1;
  }

  .ranking-label {
    font-size: 1.7rem;
    line-height: 1;
  }

  .paragraph-3 {
    text-align: justify;
    font-size: 1.1875rem;
  }

  .tags-post-para {
    font-size: 1.0625rem;
  }

  .bg-img-2 {
    margin-top: 4.15rem;
    margin-right: -77.35rem;
    display: none;
  }

  .bg-img-1 {
    margin-top: -49.3375rem;
    margin-right: -15.7875rem;
    display: none;
  }

  .clutch-h2 {
    font-size: 1.8rem;
  }

  .body-home {
    max-width: 450px;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .blog-list-wrap, .tags-collection-list {
    width: 100%;
  }
}

#w-node-_19b66e72-49bb-a506-8ccc-74860501055c-40dd414d, #w-node-_3facb1d5-5574-1d56-e547-7f6b2e2d49a9-40dd414d, #w-node-_2d8dcce4-eea5-e3f2-c908-27d116b64d79-40dd414d, #w-node-_56d2c746-0b1e-c4ad-73c0-18835a1be5ad-40dd414d, #w-node-_5cf40cd5-a40f-a27d-8fd9-02c8f28ad7e0-40dd414d, #w-node-_5cf40cd5-a40f-a27d-8fd9-02c8f28ad7e1-40dd414d, #w-node-a1c82cf7-ebd4-febe-e10f-6e1695d5178d-40dd414d, #w-node-a1c82cf7-ebd4-febe-e10f-6e1695d51793-40dd414d, #w-node-a1c82cf7-ebd4-febe-e10f-6e1695d5179a-40dd414d, #w-node-a1c82cf7-ebd4-febe-e10f-6e1695d5179b-40dd414d, #w-node-a5f2d076-7c32-3c5f-ea1c-48a4c4d014eb-40dd414d, #w-node-a5f2d076-7c32-3c5f-ea1c-48a4c4d014f1-40dd414d, #w-node-a5f2d076-7c32-3c5f-ea1c-48a4c4d014f8-40dd414d, #w-node-a5f2d076-7c32-3c5f-ea1c-48a4c4d014f9-40dd414d, #w-node-c9e34fd6-77fe-e741-8536-18720bb376ed-40dd414d, #w-node-c9e34fd6-77fe-e741-8536-18720bb376f3-40dd414d, #w-node-c9e34fd6-77fe-e741-8536-18720bb376fa-40dd414d, #w-node-c9e34fd6-77fe-e741-8536-18720bb376fb-40dd414d, #w-node-_36da521d-0b92-b4e7-69ef-0ed475a976d5-40dd414d, #w-node-_36da521d-0b92-b4e7-69ef-0ed475a976db-40dd414d, #w-node-_36da521d-0b92-b4e7-69ef-0ed475a976e2-40dd414d, #w-node-_36da521d-0b92-b4e7-69ef-0ed475a976e3-40dd414d, #w-node-d89140b9-5ec3-6c03-5dc9-586771e34af3-40dd414e, #w-node-_2461fa0c-6547-65a4-65ad-014372313b6b-40dd4150 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 479px) {
  #w-node-d89140b9-5ec3-6c03-5dc9-586771e34af3-40dd414e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Fa Solid 900';
  src: url('../fonts/fa-solid-900.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa Brands 400';
  src: url('../fonts/fa-brands-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Vietnamese Variable Wghtonly';
  src: url('../fonts/inter-vietnamese-variable-wghtOnly-normal.ac4e131c.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Greek Variable Wghtonly';
  src: url('../fonts/inter-greek-variable-wghtOnly-normal.89b4a3fe.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Cyrillic Variable Wghtonly';
  src: url('../fonts/inter-cyrillic-variable-wghtOnly-normal.262a1054.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Cyrillic Ext Variable Wghtonly';
  src: url('../fonts/inter-cyrillic-ext-variable-wghtOnly-normal.848492d3.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}