:root {
  --neutral-700: #617281;
  --neutral-800: #13273a;
  --primary-1: #214f7a;
  --neutral-600: #70869a;
  --neutral-500: #a2b2c1;
  --neutral-400: #c1d1df;
  --neutral-300: #d5e0eb;
  --neutral-200: #f9fafc;
  --neutral-100: white;
}

body {
  color: var(--neutral-700);
  font-family: Mulish, sans-serif;
  font-size: 18px;
  line-height: 1.667em;
}

h1 {
  color: var(--neutral-800);
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Playfair Display, sans-serif;
  font-size: 60px;
  font-weight: 400;
  line-height: 1.167em;
}

h2 {
  color: var(--neutral-800);
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Playfair Display, sans-serif;
  font-size: 42px;
  font-weight: 400;
  line-height: 1.31em;
}

h3 {
  color: var(--neutral-800);
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.308em;
}

h4 {
  color: var(--neutral-800);
  margin-bottom: 15px;
  font-family: Playfair Display, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.273em;
}

h5 {
  color: var(--neutral-800);
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Playfair Display, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.333em;
}

h6 {
  color: var(--neutral-800);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Playfair Display, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.375em;
}

p {
  color: var(--neutral-700);
  margin-bottom: 0;
}

a {
  color: var(--neutral-800);
  text-decoration: underline;
  transition: color .35s;
}

a:hover {
  color: var(--primary-1);
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  line-height: 1.444em;
}

li {
  margin-bottom: 10px;
}

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

label {
  color: var(--neutral-800);
  margin-bottom: 16px;
  font-weight: 700;
  line-height: 1em;
  display: block;
}

strong {
  color: var(--neutral-800);
  font-weight: 700;
}

blockquote {
  text-align: center;
  letter-spacing: -.03em;
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/69686eed3693f44379256553/69686eef3693f44379256646_icon-block-quote-law-firm-template.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-left: 0 solid #000;
  padding: 74px 80px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.667em;
  box-shadow: 0 33px 69px #00000005, 0 14px 29px #00000003, 0 7px 15px #00000003, 0 4px 9px #00000003, 0 2px 5px #00000003, 0 1px 2px #00000003;
}

figure {
  margin-bottom: 10px;
}

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

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutpaymentsummarywrapper, .w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutdiscounts {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  flex-wrap: wrap;
  padding: 20px;
  display: flex;
}

.w-commerce-commercecheckoutdiscountslabel {
  flex-basis: 100%;
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutdiscountsinput {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  flex: 1;
  width: auto;
  min-width: 0;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutdiscountsinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutdiscountsinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutdiscountsbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  height: 38px;
  margin-left: 8px;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

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

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutdiscountsinput {
    font-size: 16px;
  }
}

.bg-neutral-200 {
  background-color: var(--neutral-200);
}

.container-default {
  max-width: 1224px;
  color: var(--neutral-400);
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  position: static;
}

.container-default.hide {
  display: none;
}

.container-default.centre {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.container-default.right {
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.paragraph-large {
  color: var(--neutral-600);
  font-size: 22px;
  line-height: 1.545em;
}

.paragraph-large.about-hero {
  text-align: center;
  margin-bottom: 32px;
  font-family: Mulish, sans-serif;
  font-size: 18px;
}

.paragraph-large.contact {
  color: var(--neutral-300);
  margin-bottom: 41px;
  font-family: Mulish, sans-serif;
}

.paragraph-large._404 {
  max-width: 400px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-large.order-confirmation {
  max-width: 664px;
}

.paragraph-large.home-hero {
  opacity: 1;
  color: var(--neutral-200);
  text-align: left;
  margin-bottom: 40px;
  margin-left: 0;
  margin-right: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
}

.paragraph-large.home-hero.centro {
  color: var(--neutral-800);
  text-align: center;
  margin-right: 0;
}

.paragraph-large.home-hero.space {
  margin-bottom: 0;
}

.button-primary {
  background-color: var(--primary-1);
  color: var(--neutral-100);
  text-align: center;
  letter-spacing: .06em;
  text-transform: uppercase;
  transform-style: preserve-3d;
  padding: 24px 44px;
  line-height: 1.111em;
  transition: transform .35s, background-color .35s;
}

.button-primary:hover {
  background-color: var(--neutral-800);
  color: var(--neutral-100);
  transform: scale3d(.98, .98, 1.01);
}

.button-primary.small {
  padding: 20px 35px;
  font-size: 16px;
  line-height: 18px;
}

.button-primary.large {
  padding: 24px 58px;
  font-size: 22px;
  line-height: 24px;
}

.button-primary.full-width {
  align-self: stretch;
  display: block;
}

.button-primary.button-white {
  color: var(--primary-1);
  background-color: #fff;
}

.button-primary.get-package-add-to-cart {
  align-self: stretch;
  width: 100%;
  display: block;
}

.button-primary.home-about-us {
  margin-bottom: 20px;
}

.button-primary.home-hero {
  padding: 20px 30px;
  font-size: 16px;
}

.button-primary._2-buttons-class {
  padding: 20px 30px;
}

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

.button-primary.header-button {
  margin-left: 20px;
  padding: 20px 24px;
  font-size: 16px;
}

.button-primary.order-summary {
  border-radius: 0;
  margin-top: 10px;
  margin-bottom: 0;
}

.button-primary.discount-code {
  border-radius: 0;
  justify-content: center;
  margin-left: 0;
}

.header {
  background-color: #fff0;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.header.about {
  position: fixed;
}

.header-logo {
  width: 100px;
  max-width: none;
  height: 100px;
  min-height: auto;
  max-height: none;
}

.header-logo.home {
  width: 100px;
  height: auto;
}

.header-navigation {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.nav-item-wrapper {
  margin-bottom: 0;
  margin-right: 20px;
}

.nav-item-wrapper.last {
  margin-right: 0;
}

.nav-item-wrapper.mobile {
  display: none;
}

.nav-link {
  color: var(--neutral-100);
  white-space: nowrap;
  border-bottom: 1px solid #0000;
  font-size: 16px;
  text-decoration: none;
  transition: border-color .35s, color .35s;
}

.nav-link:hover {
  border-bottom: 1px solid var(--neutral-800);
  color: var(--primary-1);
}

.nav-link.dark {
  color: var(--neutral-600);
}

.nav-link.dropdown {
  padding: 0;
  display: inline;
}

.nav-link.dropdown-link.special {
  border-bottom-width: 3px;
  border-bottom-color: var(--primary-1);
  color: var(--primary-1);
  padding-bottom: 6px;
  font-weight: 700;
  display: inline-block;
}

.nav-link.dropdown-link.special:hover {
  border-bottom-color: var(--neutral-600);
  color: var(--neutral-600);
}

.nav-link.footer-nav-link {
  color: var(--neutral-700);
  font-size: 18px;
}

.nav-link.footer-nav-link.special {
  border-bottom-width: 3px;
  border-bottom-color: var(--primary-1);
  color: var(--primary-1);
  padding-bottom: 6px;
  font-weight: 700;
  display: inline-block;
}

.nav-link.footer-nav-link.special:hover {
  border-bottom-color: var(--neutral-600);
  color: var(--neutral-600);
}

.nav-link.footer-nav-link.space {
  padding: 0;
}

.footer {
  padding-bottom: 32px;
}

.footer-logo-container {
  transform-style: preserve-3d;
  transition-property: transform;
}

.footer-logo-container:hover {
  transform: scale3d(.96, .96, 1.01);
}

.footer-nav {
  margin-bottom: 0;
  margin-right: 20px;
  padding-left: 0;
}

.footer-nav.last {
  margin-right: 0;
}

.footer-logo {
  width: 60px;
}

.footer-nav-item {
  margin-bottom: 10px;
}

.page-wrapper {
  padding-top: 0;
}

.page-wrapper.contact, .page-wrapper.header-bg {
  position: relative;
}

.page-wrapper.utility-page {
  background-color: var(--neutral-200);
}

.input {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: black black var(--neutral-500);
  height: 46px;
  color: var(--neutral-800);
  background-color: #0000;
  margin-bottom: 0;
  padding: 0 0 16px;
  font-size: 18px;
  transition: border-color .35s, color .35s;
}

.input:hover {
  border-bottom-color: var(--neutral-800);
}

.input:focus {
  border-bottom-color: var(--neutral-800);
  color: var(--neutral-800);
}

.input::placeholder {
  color: var(--neutral-700);
  font-size: 18px;
}

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

.input.footer-newsletter:hover, .input.footer-newsletter:focus {
  border-bottom-color: var(--neutral-800);
}

.input.blog-newsletter {
  border-bottom-color: var(--neutral-600);
  height: 66px;
  color: var(--neutral-800);
  letter-spacing: -.03em;
  padding-right: 160px;
  font-size: 16px;
  line-height: 1.875em;
}

.input.blog-newsletter:hover, .input.blog-newsletter:focus {
  border-bottom-color: var(--neutral-800);
}

.input.blog-newsletter::placeholder {
  color: var(--neutral-700);
  letter-spacing: -.03em;
  font-size: 16px;
  line-height: 1.875em;
}

.input.footer-newsletter {
  border-bottom-color: var(--neutral-600);
  letter-spacing: -.03em;
  height: 66px;
  padding-right: 145px;
  font-size: 16px;
}

.input.footer-newsletter:hover, .input.footer-newsletter:focus {
  border-bottom-color: var(--neutral-800);
}

.input.footer-newsletter::placeholder {
  letter-spacing: -.03em;
  font-size: 16px;
}

.input.checkout {
  border-radius: 0;
  margin-bottom: 16px;
}

.divider {
  background-color: var(--neutral-400);
  width: 100%;
  height: 1px;
}

.divider.utility-pages {
  background-color: var(--neutral-300);
  height: 1px;
  margin-top: 60px;
  margin-bottom: 60px;
}

.divider.package-card {
  height: 1px;
  margin-top: 34px;
  margin-bottom: 32px;
}

.divider.package {
  background-color: var(--neutral-300);
  height: 1px;
  margin-top: 63px;
  margin-bottom: 80px;
}

.divider.card-blog-post {
  background-color: var(--neutral-300);
  margin-top: 40px;
  margin-bottom: 24px;
}

.divider.about-card-team {
  background-color: var(--neutral-300);
  height: 1px;
  margin-top: 30px;
  margin-bottom: 28px;
}

.divider.blog-post-featured {
  background-color: var(--neutral-300);
  height: 1px;
  margin-top: 15px;
  margin-bottom: 25px;
}

.divider.card-blog-post-top-content {
  background-color: var(--neutral-300);
  height: 1px;
  margin-top: 44px;
  margin-bottom: 32px;
}

.divider.card-about-author {
  background-color: var(--neutral-300);
  height: 1px;
  margin-top: 37px;
  margin-bottom: 29px;
}

.divider.card-team-member {
  background-color: var(--neutral-300);
  height: 1px;
  margin-top: 30px;
  margin-bottom: 28px;
}

.divider.team {
  height: 1px;
  margin-top: 90px;
  margin-bottom: 58px;
}

.divider.footer-divider {
  width: auto;
  min-width: 1px;
  height: 450px;
  margin-left: 103px;
  margin-right: 71px;
}

.container-header {
  grid-column-gap: 29px;
  grid-row-gap: 29px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  max-width: 1224px;
  margin-left: auto;
  margin-right: auto;
  padding: 28px 24px;
  display: grid;
}

.split-content.header-right {
  align-items: center;
  display: flex;
}

.split-content.home-case-results-left {
  max-width: 509px;
  margin-right: 40px;
}

.split-content.home-blog-left {
  max-width: 509px;
}

.split-content.story-left {
  max-width: 40%;
  margin-right: 40px;
}

.split-content.story-right {
  flex-direction: column;
  width: 100%;
  max-width: 639px;
  display: flex;
}

.split-content.about-team-right {
  max-width: 509px;
}

.split-content.blog-hero-right {
  max-width: 46%;
}

.split-content.blog-left {
  margin-right: 40px;
}

.split-content.practice-areas-right {
  max-width: 40%;
}

.split-content.team-members-right {
  max-width: 509px;
}

.split-content.contact-left {
  max-width: 35%;
  margin-right: 40px;
}

.split-content.about-blog-post-left {
  color: var(--neutral-700);
  align-items: center;
  margin-bottom: 32px;
  margin-right: 30px;
  text-decoration: none;
  display: flex;
}

.split-content.about-blog-post-left:hover {
  color: var(--neutral-700);
}

.split-content.about-blog-post-right {
  align-items: center;
  margin-bottom: 32px;
  display: flex;
}

.split-content.more-articles-left {
  max-width: 509px;
}

.split-content.team-articles-left {
  flex-wrap: wrap;
  max-width: 509px;
  display: flex;
}

.split-content.team-left {
  max-width: 491px;
  margin-right: 44px;
}

.split-content.team-right {
  max-width: 641px;
}

.split-content.blog-category-left {
  max-width: 541px;
  margin-bottom: 40px;
  margin-right: 40px;
}

.split-content.blog-category-right {
  margin-bottom: 30px;
}

.split-content.header-left {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  margin-right: 20px;
  display: grid;
}

.split-content.checkout-left {
  flex-grow: 1;
}

.split-content.checkout-right {
  flex-grow: 1;
  top: 20px;
}

.brand {
  transform-style: preserve-3d;
  order: -1;
  margin-right: 29px;
  padding-left: 0;
  transition-property: transform;
}

.brand:hover {
  transform: scale3d(.96, .96, 1.01);
}

.brand.w--current {
  width: 100px;
  height: 100px;
  margin-right: 0;
}

.space._2-buttons {
  width: 28px;
}

.space.faq-content-space {
  height: auto;
}

.card {
  background-color: var(--neutral-100);
  box-shadow: 0 1px 2px #00000003, 0 2px 4px #00000003, 0 4px 8px #00000003, 0 7px 15px #00000003, 0 14px 29px #00000003, 0 33px 69px #00000005;
}

.card.practice-area-card {
  padding: 54px 48px 56px 40px;
  display: flex;
}

.card.testimonials {
  z-index: 1;
  width: 100%;
  max-width: 700px;
  padding: 48px 40px 32px;
  position: absolute;
  left: 0;
}

.card.blog-newsletter {
  max-width: 680px;
  padding: 69px 74px 79px 55px;
}

.card.package {
  flex-direction: column;
  height: 100%;
  padding: 39px 28px 52px 27px;
  transition: box-shadow .35s, transform .35s;
  display: flex;
}

.card.package:hover {
  transform: scale(.98);
  box-shadow: 0 1px 2px #00000003, 0 2px 4px #00000003;
}

.card.get-package {
  min-width: 380px;
  padding: 41px 32px 49px;
  transition: box-shadow .35s, transform .35s;
  position: sticky;
  top: 140px;
}

.card.get-package:hover {
  transform: scale(.98);
  box-shadow: 0 1px 2px #00000003, 0 2px 4px #00000003;
}

.card.get-package.mobile {
  display: none;
}

.card.contact-form {
  align-items: center;
  width: 100%;
  max-width: 57%;
  min-height: 665px;
  padding: 73px 58px 78px;
  display: flex;
}

.card.office {
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  padding: 39px 20px 51px;
  display: flex;
}

.card.faq {
  cursor: pointer;
  margin-bottom: 28px;
  padding: 37px 25px 36px;
  overflow: hidden;
  box-shadow: 0 2px 6px #081d340f;
}

.card.faq.last {
  margin-bottom: 0;
}

.card.changelog {
  align-items: center;
  margin-bottom: 24px;
  padding: 32px 40px;
  display: flex;
}

.card.changelog.last {
  margin-bottom: 0;
}

.card.blog-post {
  height: 100%;
  color: var(--neutral-700);
  flex-direction: column;
  text-decoration: none;
  transition: box-shadow .3s, transform .3s;
  display: flex;
}

.card.blog-post:hover {
  color: var(--neutral-700);
  transform: scale(.98);
  box-shadow: 0 1px 2px #00000003, 0 2px 4px #00000003;
}

.card.about-team {
  width: 51vw;
  height: 100%;
  color: var(--neutral-700);
  text-decoration: none;
  transition: box-shadow .35s, transform .35s;
}

.card.about-team:hover {
  color: var(--neutral-700);
  transform: scale(.98);
  box-shadow: 0 1px 2px #00000003, 0 2px 4px #00000003;
}

.card.blog-post-featured {
  max-width: 600px;
  color: var(--neutral-700);
  padding: 60px 62px 60px 58px;
  text-decoration: none;
  position: absolute;
  right: 0;
}

.card.blog-post-featured:hover {
  color: var(--neutral-700);
}

.card.blog-post-top-content {
  margin-bottom: 90px;
  padding: 49px 51px 5px 64px;
}

.card.about-author {
  max-width: 874px;
  margin-top: 79px;
  padding: 60px 87px 48px;
  transition: box-shadow .35s, transform .35s;
  display: flex;
}

.card.about-author:hover {
  transform: scale(.99);
  box-shadow: 0 1px 2px #00000003, 0 2px 4px #00000003;
}

.card.team-member {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  height: 100%;
  color: var(--neutral-700);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  font-size: 15px;
  text-decoration: none;
  transition: box-shadow .35s, transform .35s;
  display: grid;
}

.card.team-member:hover {
  color: var(--neutral-700);
  transform: scale(.98);
  box-shadow: 0 1px 2px #00000003, 0 2px 4px #00000003;
}

.card._404 {
  z-index: 1;
  max-width: 700px;
  padding: 28px 58px 60px;
  position: relative;
}

.card.default {
  padding: 60px 50px;
}

.card.practice-area-card-copy {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  background-color: var(--neutral-300);
  color: var(--neutral-800);
  text-align: left;
  flex-flow: column;
  margin-right: 0;
  padding: 17px 48px 32px 26px;
  font-size: 15px;
  display: flex;
}

.card.practice-area-card-copy.hide {
  display: none;
}

.card.practice-area-card-copy-copy {
  margin-right: -17px;
  padding: 17px 48px 32px 26px;
  display: flex;
}

.card.header-dropdown-wrapper {
  width: 300px;
  padding: 20px;
  display: block;
  overflow: auto;
}

.card.header-dropdown-wrapper.footer {
  padding: 20px;
  position: relative;
}

.card.checkout-about {
  margin-bottom: 40px;
  padding: 64px 40px 70px;
}

.card.checkout {
  margin-bottom: 40px;
  transition: transform .35s, box-shadow .35s;
}

.card.checkout:hover {
  transform: scale(.99);
  box-shadow: 0 1px 2px #00000003, 0 2px 4px #00000003;
}

.card.checkout.order-confirmation {
  transition-property: none;
}

.card.checkout.order-confirmation:hover {
  transform: none;
  box-shadow: 0 33px 69px #00000005, 0 14px 29px #00000003, 0 7px 15px #00000003, 0 4px 9px #00000003, 0 1px 2px #00000003, 0 2px 4px #00000003;
}

.card.checkout.last {
  margin-bottom: 0;
}

.card.checkout.order-summary {
  box-shadow: none;
  margin-bottom: 0;
}

.card.checkout.order-summary:hover {
  transform: none;
}

.paragraph.home-about-us {
  max-width: 485px;
  color: var(--neutral-800);
  text-align: center;
  margin-bottom: 48px;
  margin-left: auto;
  margin-right: auto;
  font-family: Mulish, sans-serif;
}

.paragraph.cta {
  color: var(--neutral-800);
  margin-bottom: 26px;
}

.paragraph.testimonial {
  text-align: center;
  margin-bottom: 22px;
}

.paragraph.newsletter {
  color: var(--neutral-700);
  letter-spacing: -.03em;
  margin-bottom: 40px;
}

.paragraph.package-card-about-summary {
  letter-spacing: -.03em;
}

.paragraph.package-description {
  letter-spacing: -.03em;
  margin-bottom: 27px;
}

.paragraph.get-package {
  margin-bottom: 31px;
}

.paragraph.faqs-contact {
  max-width: 429px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph.card-blog-post {
  letter-spacing: -.03em;
}

.paragraph.team-about-summary {
  color: var(--neutral-700);
  margin-bottom: 50px;
}

.paragraph.password {
  margin-bottom: 40px;
}

.paragraph.dark {
  color: var(--neutral-700);
  font-size: 15px;
}

.paragraph.footer-newsletter {
  color: var(--neutral-700);
  margin-bottom: 35px;
}

.paragraph.less {
  color: var(--neutral-700);
  font-size: 15px;
  line-height: 1.4em;
}

.title.case-result-card {
  margin-bottom: 18px;
  font-family: Playfair Display, sans-serif;
}

.title.footer-title, .title.header-dropdown-title {
  margin-bottom: 23px;
  font-size: 22px;
  line-height: 1em;
}

.title.about-team, .title.blog-hero {
  margin-bottom: 0;
}

.title.blog {
  margin-bottom: 10px;
}

.title.practice-areas {
  margin-bottom: 0;
}

.title.case-results {
  margin-bottom: 15px;
}

.title.team-members {
  margin-bottom: 0;
}

.title.packages {
  margin-bottom: 15px;
}

.title.package-card-name {
  margin-bottom: 11px;
  font-family: Mulish, sans-serif;
  font-size: 26px;
  line-height: 1.308em;
}

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

.title.package-about {
  margin-bottom: 23px;
}

.title.get-package {
  font-family: Mulish, sans-serif;
  font-size: 26px;
  line-height: 1.308em;
}

.title.contact {
  color: var(--neutral-100);
  margin-bottom: 15px;
  font-family: Playfair Display, sans-serif;
}

.title.contact-directly {
  color: var(--neutral-100);
  margin-bottom: 39px;
  font-family: Mulish, sans-serif;
  font-size: 26px;
  line-height: 1.308em;
}

.title.faqs {
  margin-bottom: 0;
}

.title.contact-social-media {
  margin-bottom: 26px;
}

.title.card-office {
  margin-bottom: 5px;
}

.title.faqs-contact {
  margin-bottom: 20px;
  font-family: Playfair Display, sans-serif;
}

.title.faq {
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 20px;
  line-height: 1.4em;
}

.title.card-blog-post {
  margin-bottom: 16px;
  font-family: Mulish, sans-serif;
}

.title.home-hero {
  color: var(--neutral-200);
  text-align: left;
  background-color: #00000003;
  border-radius: 8px;
  margin-bottom: 20px;
  margin-left: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 1em;
  text-decoration: none;
}

.title.about-card-team {
  margin-bottom: 10px;
  font-weight: 700;
}

.title.about-story {
  max-width: 376px;
}

.title.card-blog-post-featured {
  margin-bottom: 16px;
}

.title.card-blog-post-featured.heading-size-h3 {
  font-family: Mulish, sans-serif;
}

.title.blog-post {
  max-width: 771px;
  margin-bottom: 20px;
  font-size: 42px;
  line-height: 1.31em;
}

.title.more-articles {
  margin-bottom: 0;
}

.title.card-about-author {
  margin-bottom: 8px;
  font-family: Mulish, sans-serif;
  font-size: 26px;
  line-height: 1.308em;
}

.title.page-case-result-card {
  margin-bottom: 18px;
}

.title.card-team-member {
  margin-bottom: 10px;
  font-weight: 700;
}

.title.team-articles {
  margin-bottom: 0;
}

.title.team-name {
  margin-bottom: 18px;
}

.title.team-about {
  margin-bottom: 0;
}

.title.category {
  color: var(--neutral-800);
  margin-bottom: 0;
  margin-right: 10px;
  font-family: Playfair Display, sans-serif;
  font-size: 60px;
  line-height: 1.167em;
}

.title.category.last {
  margin-right: 0;
}

.title.order-item, .title.cart-item {
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}

.title.footer-title {
  margin-bottom: 23px;
  font-size: 22px;
  line-height: 1em;
}

.title.card-checkout {
  margin-top: 0;
  margin-bottom: 0;
}

.title.order-item {
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}

.footer-wrapper {
  border-top: 1px solid var(--neutral-400);
  border-bottom: 1px solid var(--neutral-400);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.footer-nav-wrapper {
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.small-print-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.small-print-wrapper.space {
  margin-bottom: 40px;
}

.small-print {
  color: var(--neutral-700);
  font-size: 16px;
  line-height: 1.875em;
}

.footer-newsletter-wrapper {
  width: 100%;
  max-width: 476px;
  margin-top: 0;
  margin-bottom: 0;
}

.footer-nav-box {
  width: 100%;
  max-width: 263px;
  margin-bottom: 30px;
  margin-right: 20px;
}

.footer-nav-box.last {
  width: auto;
  max-width: none;
  margin-right: 0;
}

.footer-nav-content {
  justify-content: space-between;
  display: flex;
}

.footer-newsletter-input-wrapper {
  align-items: flex-start;
  display: flex;
  position: relative;
}

.footer-newsletter-submit-button {
  background-color: var(--primary-1);
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 16px 24px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.286em;
  transition: transform .35s, background-color .35s;
  position: absolute;
  right: 0;
}

.footer-newsletter-submit-button:hover {
  background-color: var(--neutral-800);
  transform: scale(.98);
}

.footer-social-media-grid {
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 38px);
  grid-auto-columns: 38px;
  justify-content: start;
}

.footer-social-media-link {
  border: 1.05px solid var(--neutral-400);
  min-width: 38px;
  height: 38px;
  color: var(--neutral-600);
  transform-style: preserve-3d;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  font-family: Icons Law Firm Template, sans-serif;
  text-decoration: none;
  transition: transform .35s, border-color .35s, color .35s;
  display: flex;
}

.footer-social-media-link:hover {
  border-color: var(--primary-1);
  transform: scale3d(.96, .96, 1.01);
}

.footer-social-media-link.icon-size-16px {
  font-size: 16px;
}

.footer-social-media-link.icon-size-20px {
  font-size: 20px;
}

.footer-social-media-link.icon-size-15px {
  font-size: 15px;
}

.header-dropdown {
  display: inline;
}

.header-icon {
  border: 1px solid var(--neutral-400);
  width: 48px;
  min-width: 48px;
  height: 48px;
  color: var(--neutral-700);
  background-color: #0000;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  font-family: Icons Law Firm Template, sans-serif;
  font-size: 26px;
  text-decoration: none;
  transition: border-color .35s, color .35s;
  display: flex;
}

.header-icon:hover {
  border-color: var(--primary-1);
  color: var(--neutral-800);
}

.header-icon.cart {
  padding: 0;
}

.header-icon.phone.mob {
  display: none;
}

.header-dropdown-box {
  background-color: #0000;
  padding-top: 10px;
  right: -66px;
}

.header-dropdown-box.w--open {
  inset: 40px auto auto 0%;
}

.header-dropdown-box._2.w--open {
  inset: 40px 0% auto auto;
}

.header-dropdown-box.footer.w--open {
  padding-bottom: 0;
  position: static;
}

.header-dropdown-content {
  display: flex;
}

.header-dropdown-nav {
  margin-right: 0;
  padding-left: 0;
}

.header-dropdown-nav.last {
  margin-right: 0;
}

.header-dropdown-nav-item {
  margin-bottom: 10px;
}

.header-dropdown-nav-item.last {
  margin-bottom: 0;
}

.footer-form-block {
  margin-bottom: 40px;
}

.checkout-form {
  background-color: #0000;
  padding: 80px 0 180px;
}

.block-header {
  border-width: 0;
  align-items: center;
  padding: 30px 40px 10px;
}

.block-content {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  padding: 20px 40px 40px;
}

.block-content.order-summary {
  padding-bottom: 20px;
}

.checkout-field-label {
  margin-top: 16px;
  margin-bottom: 10px;
}

.order-item-wrapper {
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 20px;
}

.order-item-option {
  margin-bottom: 0;
}

.option-in-order {
  color: var(--neutral-800);
  font-weight: 600;
}

.order-item-price {
  color: var(--neutral-800);
  margin-bottom: 10px;
}

.order-item-box {
  flex-wrap: wrap;
  align-items: flex-end;
  margin-bottom: 40px;
}

.checkout-order-summary-subtotal {
  color: var(--neutral-800);
  margin-left: 20px;
  font-weight: 600;
}

.checkout-order-summary-total {
  color: var(--neutral-800);
  margin-left: 20px;
  font-size: 20px;
}

.order-summary-line-item {
  flex-wrap: wrap;
}

.discounts {
  background-color: #0000;
  border-width: 0;
  flex-direction: column;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.success-message {
  border: 1px solid var(--primary-1);
  color: var(--primary-1);
  text-align: center;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #0000;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 600;
}

.error-message {
  color: #ff0004;
  text-align: center;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid red;
  align-self: stretch;
  margin-top: 20px;
  padding: 20px;
  font-size: 16px;
}

.error-message.cart {
  padding-left: 10px;
  padding-right: 10px;
}

.header-dropdown-arrow {
  padding-left: 10px;
  font-family: Icons Law Firm Template, sans-serif;
  font-size: 12px;
  display: flex;
  position: relative;
  top: 2px;
}

.nav-link-dropdown-text {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  transition: all .4s cubic-bezier(.23, 1, .32, 1);
  display: flex;
}

.nav-link-dropdown-text:hover {
  text-decoration: underline;
}

.more-templates-logo-wrapper {
  position: relative;
}

.more-templates-logo {
  width: 80px;
}

.more-templates-logo.blur {
  z-index: -1;
  opacity: .68;
  filter: blur(3px);
  position: absolute;
  inset: 10% 0% 20px;
}

.more-templates-logo.customize {
  width: 110px;
}

.more-templates-p {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.4em;
}

.more-webflow-templates-sub {
  color: #523ff5;
  text-decoration: underline;
}

.more-templates-lottie-2 {
  z-index: 9999;
  width: 44px;
  position: absolute;
  inset: -18px -19px auto auto;
}

.hidden-code {
  display: none;
}

.more-templates-badge-wrapper {
  z-index: 9991;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: 0;
  color: #666977;
  background-color: #fff;
  border: 1px solid #f0f0f6;
  border-radius: 12px;
  align-items: center;
  width: 100%;
  max-width: 310px;
  min-height: 76px;
  padding: 12px 22px 12px 18px;
  text-decoration: none;
  transition-property: none;
  display: flex;
  position: absolute;
  transform: scale(.9)translate(0, 20px);
  box-shadow: 0 .6px .8px #1010650a, 0 3px 6px #11115414;
}

.more-templates-badge-wrapper:hover {
  color: #666977;
}

.more-templates-badge-wrapper.customization {
  border-color: #4a3aff;
  padding-left: 10px;
}

.brix-badges-wrapper {
  z-index: 99999999;
  width: 310px;
  height: 120px;
  position: fixed;
  inset: auto 50px 0 auto;
}

@media screen and (min-width: 1280px) {
  .section.home-hero.max {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .title.home-hero {
    margin-bottom: 40px;
    font-size: 54px;
    line-height: 1.1em;
  }

  .home-banner-discription {
    width: 54%;
  }

  .banner-section-photo {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
  }

  .banner-content-container {
    justify-content: center;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .home-title {
    max-width: 740px;
    font-size: 62px;
  }
}

@media screen and (min-width: 1440px) {
  .header {
    max-width: none;
  }

  .nav-link.dark.conyacy.w--current {
    color: var(--neutral-200);
  }

  .section.home-hero.max {
    justify-content: center;
    align-items: center;
    padding-top: 60px;
    display: flex;
  }

  .container-header {
    padding-top: 10px;
  }

  .split-content.header-left._2 {
    margin-right: 0;
  }

  .title.home-hero {
    font-size: 56px;
  }

  .banner-section-photo {
    min-height: 100vh;
  }

  .container.space {
    margin-top: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1920px) {
  .container-default {
    max-width: 1324px;
  }

  .paragraph-large.home-hero.centro {
    text-align: center;
    text-align: center;
    text-align: center;
    align-self: center;
  }

  .button-secondary.home-blog {
    margin-bottom: 10px;
  }

  .header {
    max-width: none;
  }

  .header-logo {
    width: 100px;
  }

  .footer-logo {
    width: 200px;
  }

  .section.home-hero.max {
    margin-right: 24px;
  }

  .container-header {
    max-width: 1324px;
  }

  .title.home-hero {
    font-size: 60px;
    line-height: 1.2em;
  }

  .contact-form-grid {
    grid-template-areas: ". ."
                         ". Area";
  }

  .page-section-offset {
    height: 150px;
    top: -150px;
  }

  .home-banner-discription {
    width: 50%;
  }

  .banner-section-photo {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 0;
  }

  .banner-content-container {
    max-width: 1400px;
  }

  .home-title {
    max-width: 840px;
    font-size: 70px;
  }

  .container.space {
    text-align: center;
    text-align: center;
    align-self: center;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    margin-bottom: 25px;
    font-size: 50px;
  }

  h2 {
    font-size: 35px;
  }

  blockquote {
    padding: 62px 67px;
    font-size: 22px;
  }

  .styleguide-sidebar {
    display: none;
  }

  .container-default.checkout {
    flex-direction: column;
  }

  .styleguide-content {
    margin-left: 0;
  }

  .styleguide-seccion {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .styleguide-header {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .typography-container {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .paragraph-large.home-hero {
    max-width: 694px;
    margin-bottom: 40px;
  }

  .paragraph-large.home-hero.space {
    display: none;
  }

  .paragraph-large.contact {
    margin-bottom: 40px;
  }

  .styleguide-subheader {
    padding-top: 34px;
    padding-bottom: 34px;
  }

  .styleguide-content-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .buttons-grid {
    grid-row-gap: 40px;
  }

  .button-primary.header-button {
    padding: 18px 24px;
  }

  .button-primary.header-button.mobile {
    margin-left: 0;
    padding: 24px 16px;
    display: block;
  }

  .cards-grid {
    grid-row-gap: 64px;
    grid-template-columns: 1fr;
  }

  .header-logo {
    width: auto;
    height: 80px;
    min-height: 50px;
  }

  .header-logo.home {
    width: auto;
    height: 80px;
  }

  .header-navigation {
    text-align: left;
    flex-direction: column;
    align-items: stretch;
    margin-left: 24px;
    margin-right: 24px;
  }

  .nav-item-wrapper {
    margin-bottom: 25px;
    margin-right: 0;
  }

  .nav-item-wrapper.last {
    margin-bottom: 0;
  }

  .nav-link {
    color: var(--neutral-800);
    font-size: 24px;
  }

  .nav-link.dropdown-link {
    font-size: 18px;
  }

  .menu-button {
    background-color: var(--primary-1);
    color: #fff;
    border-radius: 1000px;
    width: 55px;
    min-width: 55px;
    height: 55px;
    margin-left: 15px;
    padding: 0;
    font-size: 30px;
    transition: background-color .35s;
    position: relative;
    overflow: hidden;
  }

  .menu-button:hover, .menu-button.w--open {
    background-color: var(--neutral-800);
  }

  .nav-menu {
    background-color: var(--neutral-100);
    height: 100vh;
    padding-top: 20px;
    padding-bottom: 60px;
    overflow: auto;
    box-shadow: 0 33px 69px #00000005, 0 14px 29px #00000003, 0 7px 15px #00000003, 0 4px 9px #00000003, 0 2px 5px #00000003, 0 1px 2px #00000003;
  }

  .footer {
    padding-bottom: 17px;
  }

  .footer-logo-container {
    margin-bottom: 15px;
    margin-right: 40px;
  }

  .licenses-hero {
    padding-top: 64px;
  }

  .section {
    padding-top: 144px;
    padding-bottom: 144px;
  }

  .section.home-hero {
    padding-top: 20px;
    padding-bottom: 128px;
  }

  .section.home-hero.max {
    margin-left: 24px;
    margin-right: 24px;
  }

  .section.about-hero {
    padding-top: 220px;
    padding-bottom: 85px;
  }

  .section.achievements {
    padding-top: 58px;
    padding-bottom: 78px;
  }

  .section.blog-hero {
    padding-top: 140px;
    padding-bottom: 120px;
  }

  .section.blog-newsletter {
    padding-top: 58px;
    padding-bottom: 58px;
  }

  .section.practice-areas {
    padding-top: 220px;
    padding-bottom: 109px;
  }

  .section.case-results {
    padding-top: 64px;
  }

  .section.team-members {
    padding-top: 140px;
  }

  .section.packages {
    padding-top: 64px;
    padding-bottom: 128px;
  }

  .section.package {
    padding-top: 64px;
  }

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

  .section.faqs {
    padding-bottom: 104px;
  }

  .section.contact-social-media {
    padding-top: 65px;
    padding-bottom: 78px;
  }

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

  .section.team {
    padding-top: 140px;
    padding-bottom: 80px;
  }

  .section.team-articles {
    padding-top: 112px;
  }

  .section.packages-category {
    padding-top: 64px;
    padding-bottom: 128px;
  }

  .section.blog-category {
    padding-top: 64px;
  }

  .section.our-offices-contact {
    padding-top: 60px;
  }

  .divider.footer-divider {
    min-width: auto;
    height: 2px;
    margin: 60px 0;
    display: none;
  }

  .divider.package-card {
    align-self: stretch;
    width: 1px;
    height: auto;
    margin: 0 20px;
  }

  .divider.package {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .divider.card-blog-post-top-content {
    margin-top: 40px;
  }

  .divider.card-about-author {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .divider.team {
    margin-top: 72px;
    margin-bottom: 46px;
  }

  .container-header {
    grid-template-rows: auto;
  }

  .split-content.header-left {
    grid-template-columns: 1fr 1fr 1fr;
    margin-right: 0;
  }

  .split-content.header-left._2 {
    grid-template-columns: 1fr 1fr;
  }

  .split-content.home-case-results-left {
    margin-right: 0;
  }

  .split-content.home-blog-left {
    margin-right: 40px;
  }

  .split-content.home-blog-right {
    margin-top: 20px;
  }

  .split-content.story-left {
    max-width: 754px;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .split-content.story-right {
    max-width: 754px;
  }

  .split-content.blog-hero-right {
    max-width: 541px;
  }

  .split-content.practice-areas-left {
    margin-bottom: 15px;
  }

  .split-content.practice-areas-right {
    max-width: 473px;
  }

  .split-content.team-members-right {
    max-width: 54%;
  }

  .split-content.contact-left {
    max-width: 576px;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .split-content.about-blog-post-right {
    font-size: 16px;
  }

  .split-content.team-articles-left {
    margin-right: 40px;
  }

  .split-content.team-left {
    margin-right: 20px;
  }

  .split-content.blog-category-left {
    margin-right: 0;
  }

  .split-content.blog-category-right {
    margin-bottom: 0;
  }

  .split-content.checkout-left {
    margin-bottom: 40px;
    margin-right: 0;
  }

  .split-content.checkout-right {
    flex: 1;
    align-self: stretch;
  }

  .brand {
    margin-right: 0;
  }

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

  .home-hero-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .home-hero-box {
    margin-right: 100px;
    padding-top: 71px;
    padding-bottom: 62px;
    padding-right: 40px;
    position: static;
  }

  .image.about-hero {
    min-height: auto;
  }

  .space.faq-content-space {
    height: auto;
  }

  .container-small-557px.case-results {
    margin-bottom: 40px;
  }

  .home-practice-areas-grid {
    grid-column-gap: 13px;
    margin-bottom: 50px;
  }

  .card.practice-area-card {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .card.practice-area-card-copy-copy, .card.practice-area-card {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .card.case-result {
    display: flex;
  }

  .card.testimonials {
    z-index: 1;
    width: auto;
    margin-right: 100px;
    padding-top: 40px;
    padding-bottom: 30px;
    position: relative;
  }

  .card.header-dropdown-wrapper {
    box-shadow: none;
    background-color: #0000;
    padding: 20px 0 0;
  }

  .card.package {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .card.get-package {
    display: none;
  }

  .card.get-package.mobile {
    min-width: auto;
    display: block;
    position: static;
  }

  .card.contact-form {
    max-width: none;
    padding: 63px 50px 68px;
  }

  .card.office {
    flex-direction: row;
    max-width: 754px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .card.about-team {
    width: auto;
    display: flex;
  }

  .card.blog-post-featured {
    margin-top: -181px;
    padding: 50px 40px;
    position: static;
  }

  .card.blog-post-top-content {
    margin-bottom: 72px;
    padding-top: 40px;
    padding-left: 41px;
    padding-right: 41px;
  }

  .card.about-author {
    margin-top: 63px;
    padding: 50px 70px 40px;
  }

  .card.practice-area-card-copy {
    flex-direction: column;
    align-items: flex-start;
    margin-right: 0;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .card.practice-area-card-copy-copy {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .image-wrapper.practice-area-card-icon-wrapper {
    margin-bottom: 25px;
  }

  .image-wrapper.home-hero {
    align-self: flex-end;
    width: 90%;
    margin-top: -350px;
  }

  .image-wrapper.home-about-us.decs {
    display: none;
  }

  .image-wrapper.testimonials {
    align-self: flex-end;
    max-width: 74%;
    margin-top: -392px;
  }

  .image-wrapper.testimonial-picture {
    margin-right: 20px;
  }

  .image-wrapper.offices {
    margin-top: -110px;
  }

  .image-wrapper.card-office {
    margin-bottom: 0;
    margin-right: 40px;
  }

  .image-wrapper.about-card-team {
    max-width: 370px;
  }

  .image-wrapper.blog-post-featured {
    margin-right: 0;
  }

  .image-wrapper.about-blog-post-author {
    width: 61px;
    min-width: 61px;
    height: 61px;
    margin-right: 20px;
  }

  .image-wrapper.about-author {
    margin-right: 30px;
  }

  .image-wrapper.icon-style-guide {
    margin-bottom: 10px;
  }

  .home-about-us-box {
    max-width: 648px;
    padding: 72px 46px 56px;
    bottom: -72px;
  }

  .paragraph.home-about-us {
    margin-bottom: 40px;
  }

  .paragraph.team-about-summary, .paragraph.home-about-us {
    margin-bottom: 40px;
  }

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

  .paragraph.footer-newsletter {
    max-width: 566px;
  }

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

  .paragraph.about-card-team {
    max-width: 420px;
  }

  .paragraph.team-about-summary {
    margin-bottom: 40px;
  }

  .cta-box {
    padding: 38px 41px 41px 64px;
  }

  .top-content.blog-hero, .top-content.blog {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 40px;
  }

  .top-content.more-articles, .top-content.team-articles {
    flex-wrap: wrap;
  }

  .top-content.home-case-results {
    flex-flow: column;
    align-items: flex-start;
    margin-bottom: 40px;
  }

  .top-content.home-blog {
    flex-wrap: wrap;
    margin-bottom: 40px;
  }

  .top-content.about-team {
    margin-bottom: 40px;
  }

  .top-content.blog-hero, .top-content.blog {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 40px;
  }

  .top-content.practice-areas {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 50px;
  }

  .top-content.team-members {
    margin-bottom: 50px;
  }

  .top-content.faqs {
    margin-bottom: 40px;
  }

  .top-content.more-articles, .top-content.team-articles {
    flex-wrap: wrap;
  }

  .top-content.blog-category {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 40px;
  }

  .home-case-results-grid {
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .container-medium-665px.testimonials {
    margin-bottom: 40px;
  }

  .testimonials-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .case-result-card-content {
    max-width: 50%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .title.about-team {
    margin-right: 40px;
  }

  .title.blog-hero {
    margin-bottom: 15px;
  }

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

  .title.package-about {
    margin-bottom: 20px;
  }

  .title.contact-directly {
    margin-bottom: 35px;
  }

  .title.contact-social-media {
    margin-bottom: 20px;
  }

  .title.home-hero {
    max-width: 694px;
    font-size: 45px;
  }

  .title.about-story {
    max-width: none;
  }

  .title.blog-post {
    max-width: 657px;
    font-size: 34px;
  }

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

  .footer-wrapper {
    grid-column-gap: 34px;
    grid-row-gap: 34px;
    flex-direction: column;
  }

  .footer-nav-wrapper {
    justify-content: flex-start;
    margin-top: 60px;
    margin-bottom: 0;
  }

  .small-print-wrapper {
    flex-wrap: wrap;
  }

  .small-print {
    margin-bottom: 15px;
  }

  .footer-newsletter-wrapper {
    max-width: 754px;
    margin-top: 0;
    margin-bottom: 40px;
  }

  .footer-nav-box {
    margin-bottom: 0;
    margin-right: 80px;
  }

  .testimonials-tabs-menu {
    margin-top: 40px;
  }

  .testimonials-tabs-content {
    padding-left: 0;
    padding-right: 0;
  }

  .header-dropdown-box {
    position: static;
  }

  .container-medium-687px.about-hero {
    margin-bottom: 60px;
  }

  .bg.about-hero {
    height: 400px;
  }

  .bg.contact-1 {
    width: 100%;
    height: 80%;
    bottom: auto;
    right: 0;
  }

  .achievement-number {
    margin-bottom: 25px;
    font-size: 67px;
  }

  .story-wrapper {
    text-align: center;
    flex-direction: column;
  }

  .case-results-grid {
    grid-template-columns: 1fr 1fr;
  }

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

  .package-card-price {
    margin-bottom: 20px;
  }

  .package-card-features-grid {
    margin-bottom: 42px;
  }

  .package-body {
    margin-right: 0;
  }

  .package-features-grid {
    margin-bottom: 40px;
  }

  .contact-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .container-medium-614px.offices {
    margin-bottom: 40px;
  }

  .offices-grid {
    grid-column-gap: 16px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }

  .card-office-title-wrapper {
    margin-bottom: 0;
    margin-right: 40px;
  }

  .card-office-links-wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .faqs-grid {
    grid-column-gap: 24px;
    margin-bottom: 58px;
  }

  .faq-icon-wrapper {
    margin-right: 15px;
  }

  .faq-content {
    margin-left: 30px;
  }

  .changelog-version {
    padding-left: 0;
    padding-right: 11px;
  }

  .card-blog-post-content {
    padding: 40px 30px 22px;
  }

  .card-blog-post-about-wrapper {
    flex-wrap: wrap;
  }

  .card-blog-post-link {
    margin-bottom: 10px;
    margin-right: 40px;
  }

  .card-blog-post-date {
    margin-bottom: 10px;
  }

  .home-slide-to-down-link {
    display: none;
  }

  .about-our-team-grid {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }

  .about-card-team-item {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    max-width: none;
    display: block;
  }

  .about-card-team-content {
    flex-direction: column;
    justify-content: center;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
  }

  .blog-post-featured-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .card-blog-post-featured-link {
    margin-bottom: 10px;
    margin-right: 40px;
  }

  .back-link-wrapper {
    margin-bottom: 30px;
  }

  .blog-post-content {
    margin-top: -142px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .blog-post-wrapper {
    display: block;
  }

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

  .rich-text h3 {
    margin-top: 50px;
  }

  .rich-text ul {
    margin-top: 30px;
    margin-bottom: 50px;
    padding-left: 20px;
  }

  .rich-text figure {
    margin-top: 50px;
    margin-bottom: 60px;
  }

  .rich-text figcaption {
    margin-top: 30px;
  }

  .rich-text h4 {
    margin-top: 50px;
  }

  .rich-text ol {
    margin-top: 30px;
    margin-bottom: 50px;
    padding-left: 20px;
  }

  .rich-text blockquote {
    margin-top: 50px;
    margin-bottom: 70px;
  }

  .rich-text h5 {
    margin-top: 50px;
  }

  .about-blog-post-author-name {
    font-size: 20px;
  }

  .card-about-author-name-wrapper {
    margin-bottom: 20px;
  }

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

  .team-name-wrapper, .team-social-media-grid, .team-about-title-wrapper {
    margin-bottom: 20px;
  }

  .card-package-top {
    max-width: 45%;
  }

  .card-office-content {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

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

  .checkout-form {
    padding-top: 70px;
    padding-bottom: 144px;
  }

  .checkout-row {
    flex-direction: column;
  }

  .rich-text-style-guide p {
    margin-bottom: 30px;
  }

  .rich-text-style-guide h3 {
    margin-top: 50px;
  }

  .rich-text-style-guide ul {
    padding-left: 20px;
  }

  .rich-text-style-guide figcaption {
    margin-top: 30px;
  }

  .rich-text-style-guide h4 {
    margin-top: 50px;
  }

  .rich-text-style-guide ol {
    padding-left: 20px;
  }

  .rich-text-style-guide h5 {
    margin-top: 50px;
  }

  .header-dropdown-arrow {
    font-size: 18px;
  }

  .menu-button-icon {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    width: 25px;
    height: 20px;
    display: flex;
  }

  .menu-line-top {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--neutral-100);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    min-height: 2px;
    max-height: 2px;
    padding: 0;
  }

  .menu-line-middle, .menu-line-bottom {
    background-color: var(--neutral-100);
    min-height: 2px;
    max-height: 2px;
    padding: 0;
  }

  .menu-button-icon-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .more-templates-badge-wrapper-edited {
    right: 24px;
  }

  .brix-badges-wrapper {
    right: 35px;
  }

  .home-banner-discription {
    width: 60%;
  }

  .banner-section-photo {
    min-height: 560px;
    padding: 60px 24px;
  }

  .primary-button {
    display: block;
  }

  .home-title {
    max-width: 620px;
    font-size: 52px;
  }

  .container {
    padding-right: 0;
  }

  .collection-list, .collection-list-2 {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    display: flex;
  }

  .collection-item-3 {
    padding-right: 5px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    text-align: center;
    margin-bottom: 21px;
    font-size: 42px;
  }

  h2 {
    font-size: 29px;
  }

  h3 {
    font-size: 22px;
  }

  h4 {
    font-size: 20px;
  }

  blockquote {
    padding: 52px 38px;
    font-size: 20px;
  }

  .styleguide-title {
    font-size: 46px;
    line-height: 52px;
  }

  .styleguide-header {
    padding-left: 32px;
    padding-right: 32px;
  }

  .color-primary-grid, .color-neutral-grid {
    grid-template-columns: 1fr 1fr;
  }

  .paragraph-large {
    font-size: 20px;
  }

  .paragraph-large.home-hero {
    max-width: 540px;
  }

  .paragraph-large.contact {
    margin-bottom: 35px;
  }

  .styleguide-subheader, .styleguide-content-wrapper {
    padding-left: 32px;
    padding-right: 32px;
  }

  .icons-grid {
    grid-template-columns: repeat(auto-fit, 80px);
  }

  .button-primary.header-button {
    display: none;
  }

  .button-primary._2-buttons-class {
    margin-bottom: 20px;
    padding: 20px 30px;
  }

  .button-secondary.home-hero {
    width: 100%;
    max-width: 290px;
  }

  .button-secondary._404, .button-secondary.home-hero {
    width: 100%;
    max-width: 290px;
  }

  .button-secondary._2-buttons-class {
    margin-bottom: 20px;
    padding: 20px 30px;
  }

  .button-secondary._404 {
    width: 100%;
    max-width: 290px;
  }

  .header-logo {
    width: auto;
  }

  .nav-item-wrapper.mobile {
    order: 1;
    margin-top: 40px;
    margin-bottom: 0;
    display: block;
  }

  .licenses-hero {
    padding-top: 51px;
    padding-bottom: 80px;
  }

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

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

  .section.cta {
    padding-top: 57px;
    padding-bottom: 57px;
  }

  .section.about-hero {
    padding-top: 140px;
    padding-bottom: 68px;
  }

  .section.achievements {
    padding-top: 46px;
    padding-bottom: 62px;
  }

  .section.blog-hero {
    padding-top: 140px;
    padding-bottom: 96px;
  }

  .section.blog-newsletter {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section.practice-areas {
    padding-top: 140px;
    padding-bottom: 87px;
  }

  .section.case-results {
    padding-top: 51px;
  }

  .section.team-members {
    padding-top: 140px;
  }

  .section.packages {
    padding-top: 51px;
    padding-bottom: 102px;
  }

  .section.package {
    padding-top: 51px;
  }

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

  .section.faqs {
    padding-bottom: 83px;
  }

  .section.contact-social-media {
    padding-top: 52px;
    padding-bottom: 62px;
  }

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

  .section.team {
    padding-top: 140px;
    padding-bottom: 64px;
  }

  .section.team-articles {
    padding-top: 90px;
  }

  .section.packages-category {
    padding-top: 51px;
    padding-bottom: 102px;
  }

  .section.blog-category {
    padding-top: 51px;
  }

  .section.our-offices-contact {
    padding-top: 40px;
  }

  .utility-page-content-password {
    padding-left: 32px;
    padding-right: 32px;
  }

  ._404-title {
    font-size: 150px;
  }

  .divider.package-card {
    width: 100%;
    height: 1px;
    margin: 28px 0;
  }

  .divider.package {
    margin-top: 56px;
    margin-bottom: 56px;
  }

  .divider.blog-post-featured {
    margin-bottom: 20px;
  }

  .divider.card-blog-post-top-content {
    margin-top: 30px;
  }

  .divider.card-about-author {
    margin-top: 20px;
    margin-bottom: 15px;
  }

  .divider.team {
    margin-top: 58px;
    margin-bottom: 37px;
  }

  .container-header {
    grid-template-rows: auto;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .split-content.header-left {
    grid-template-columns: 1fr 1fr;
  }

  .split-content.home-blog-left {
    margin-right: 0;
  }

  .split-content.team-members-left {
    margin-bottom: 15px;
  }

  .split-content.team-members-right {
    max-width: 509px;
  }

  .split-content.faqs-left {
    margin-bottom: 40px;
  }

  .split-content.more-articles-left {
    margin-bottom: 20px;
  }

  .split-content.team-articles-left {
    margin-bottom: 30px;
    margin-right: 0;
  }

  .split-content.team-left {
    max-width: none;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .split-content.checkout-left {
    margin-bottom: 40px;
  }

  .home-hero-wrapper {
    align-items: flex-start;
  }

  .home-hero-box {
    margin-right: 0;
    padding-top: 51px;
    padding-bottom: 50px;
    padding-right: 0;
  }

  .image.about-hero {
    height: auto;
  }

  .image.package-feature {
    margin-right: 8px;
  }

  .image.about-card-team {
    max-width: none;
  }

  ._2-buttons {
    flex-wrap: wrap;
  }

  ._2-buttons.home-about-us, ._2-buttons.about-hero {
    justify-content: flex-start;
  }

  ._2-buttons.home-about-us, ._2-buttons.about-hero {
    justify-content: flex-start;
  }

  ._2-buttons.about-hero.gap {
    justify-content: space-between;
    align-items: center;
  }

  ._2-buttons.home-case-results {
    flex-wrap: wrap;
  }

  ._2-buttons.home-hero {
    flex-direction: column;
    align-items: flex-start;
  }

  ._2-buttons._404 {
    flex-direction: column;
  }

  .space._2-buttons.home-hero {
    height: 20px;
  }

  .container-small-557px.home-practice-areas, .container-small-557px.packages, .container-small-557px.home-practice-areas, .container-small-557px.packages {
    text-align: left;
    margin-left: 0;
  }

  .home-practice-areas-grid {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }

  .card.practice-area-card {
    padding-right: 40px;
  }

  .card.page-case-result, .card.team-member {
    flex-direction: column;
  }

  .card.practice-area-card-copy, .card.practice-area-card-copy-copy, .card.practice-area-card {
    padding-right: 40px;
  }

  .card.case-result {
    flex-direction: column;
  }

  .card.testimonials {
    max-width: 100%;
    margin-right: 0;
  }

  .card.header-dropdown-wrapper {
    flex-wrap: wrap;
  }

  .card.blog-newsletter {
    padding: 50px 40px 59px;
  }

  .card.package {
    flex-direction: column;
    align-items: stretch;
    padding-top: 32px;
    padding-bottom: 45px;
  }

  .card.get-package.mobile {
    padding-left: 30px;
    padding-right: 30px;
  }

  .card.contact-form {
    padding: 53px 40px 58px;
  }

  .card.office {
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: none;
  }

  .card.faq {
    margin-bottom: 22px;
  }

  .card.changelog {
    flex-direction: column;
    align-items: flex-start;
  }

  .card.about-team {
    flex-direction: column;
    width: 60vw;
  }

  .card.blog-post-featured {
    margin-top: -30px;
    padding-top: 32px;
    padding-bottom: 40px;
  }

  .card.blog-post-top-content {
    margin-bottom: 58px;
    padding: 35px 33px 20px;
  }

  .card.about-author {
    margin-top: 50px;
    padding-left: 40px;
    padding-right: 40px;
    display: block;
  }

  .card.page-case-result, .card.team-member {
    flex-direction: column;
  }

  .card._404 {
    padding: 20px 40px 50px;
  }

  .card.checkout-about {
    padding-top: 54px;
    padding-bottom: 60px;
  }

  .card.default {
    padding: 50px 40px;
  }

  .card.practice-area-card-copy, .card.practice-area-card-copy-copy {
    padding-right: 40px;
  }

  .home-about-us-wrapper {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .image-wrapper.practice-area-card-icon-wrapper {
    margin-bottom: 20px;
  }

  .image-wrapper.home-hero {
    width: 100%;
    margin-top: 0;
  }

  .image-wrapper.home-about-us {
    width: 100%;
  }

  .image-wrapper.home-about-us.mob {
    display: none;
  }

  .image-wrapper.home-about-us.decs {
    display: block;
  }

  .image-wrapper.testimonials {
    max-width: 100%;
    margin-top: 0;
    display: none;
  }

  .image-wrapper.testimonial-picture {
    margin-right: 15px;
  }

  .image-wrapper.story-2 {
    margin-top: -235px;
  }

  .image-wrapper.offices {
    margin-top: 40px;
    display: none;
  }

  .image-wrapper.card-office {
    margin-bottom: 20px;
    margin-right: 20px;
  }

  .image-wrapper.about-card-team {
    max-width: none;
  }

  .image-wrapper.about-author {
    width: 96px;
    min-width: 96px;
    height: 96px;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .image-wrapper.card-team-member {
    max-width: none;
  }

  .home-about-us-box {
    text-align: left;
    max-width: 100%;
    padding: 58px 40px 45px;
    position: static;
  }

  .paragraph.about-card-team, .paragraph.card-team-member {
    max-width: none;
  }

  .paragraph.home-about-us {
    text-align: left;
    margin-left: 0;
  }

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

  .paragraph.package-description {
    margin-bottom: 20px;
  }

  .paragraph.faqs-contact {
    margin-left: 0;
  }

  .paragraph.about-card-team, .paragraph.card-team-member {
    max-width: none;
  }

  .paragraph.team-about-summary {
    margin-bottom: 35px;
  }

  .paragraph.team-about-summary.centro {
    text-align: center;
    text-align: center;
  }

  .cta-box {
    padding-bottom: 40px;
    padding-left: 51px;
    padding-right: 40px;
  }

  .top-content {
    flex-direction: column;
    align-items: flex-start;
  }

  .top-content.more-articles, .top-content.team-articles {
    flex-flow: column;
    align-items: flex-start;
  }

  .top-content.home-case-results {
    text-align: left;
    margin-bottom: 20px;
  }

  .top-content.home-blog {
    flex-flow: column;
    align-items: flex-start;
  }

  .top-content.blog {
    margin-bottom: 30px;
  }

  .top-content.practice-areas {
    margin-bottom: 40px;
  }

  .top-content.team-members {
    align-items: flex-start;
    margin-bottom: 40px;
  }

  .top-content.faqs {
    align-items: flex-start;
  }

  .top-content.blog-post-featured {
    flex-flow: wrap;
    margin-bottom: 4px;
  }

  .top-content.more-articles, .top-content.team-articles {
    flex-flow: column;
    align-items: flex-start;
  }

  .home-case-results-grid {
    grid-row-gap: 32px;
    max-width: none;
    margin-left: 0;
  }

  .container-medium-665px.testimonials {
    text-align: left;
    text-align: left;
    margin-left: 0;
  }

  .case-result-card-content {
    max-width: none;
    padding: 40px 24px 50px;
  }

  .title.package, .title.package-about {
    margin-bottom: 15px;
  }

  .title.contact-social-media, .title.faqs-contact {
    margin-bottom: 15px;
  }

  .title.header-dropdown-title {
    margin-bottom: 20px;
  }

  .title.about-team {
    margin-bottom: 15px;
    margin-right: 0;
  }

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

  .title.package-card-name {
    font-size: 21px;
  }

  .title.package, .title.package-about {
    margin-bottom: 15px;
  }

  .title.contact-directly {
    margin-bottom: 30px;
    font-size: 22px;
  }

  .title.contact-social-media, .title.faqs-contact {
    margin-bottom: 15px;
  }

  .title.home-hero {
    max-width: 511px;
  }

  .title.blog-post {
    max-width: 478px;
    font-size: 27px;
  }

  .title.card-about-author {
    font-size: 24px;
  }

  .title.team-name {
    margin-bottom: 15px;
  }

  .title.category {
    font-size: 42px;
  }

  .footer-nav-box {
    margin-right: 40px;
  }

  .testimonials-tabs-menu {
    justify-content: flex-start;
    padding-top: 20px;
  }

  .testimonial-wrapper {
    align-items: flex-start;
  }

  .about-testimonial-job {
    font-size: 16px;
  }

  .testimonial-tab-link {
    margin-right: 20px;
  }

  .header-dropdown-main-content {
    margin-bottom: 20px;
  }

  .header-dropdown-nav {
    margin-right: 40px;
  }

  .container-medium-687px.about-hero {
    text-align: left;
    text-align: left;
    margin-bottom: 20px;
    margin-left: 0;
  }

  .bg.about-hero {
    width: 100%;
    height: 250px;
  }

  .achievements-grid {
    grid-column-gap: 60px;
    grid-row-gap: 32px;
    grid-template-columns: auto auto;
    justify-content: center;
  }

  .achievement-wrapper {
    max-width: none;
  }

  .achievement-number {
    margin-bottom: 20px;
    font-size: 54px;
  }

  .story-wrapper {
    text-align: left;
    align-items: flex-start;
  }

  .flex-vc {
    align-items: flex-start;
  }

  .practice-areas-grid {
    grid-template-columns: 1fr;
  }

  .case-results-grid {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .package-card-price {
    margin-bottom: 15px;
    font-size: 26px;
  }

  .package-card-features-grid {
    margin-bottom: 40px;
  }

  .package-features-grid {
    grid-row-gap: 10px;
    margin-bottom: 35px;
  }

  .get-package-price {
    font-size: 22px;
  }

  .get-package-compare-at-price {
    font-size: 18px;
  }

  .contact-directly-link {
    font-size: 20px;
  }

  .contact-directly-icon {
    margin-right: 10px;
  }

  .container-medium-614px.offices, .container-small-595px.contact-social-media {
    text-align: left;
    text-align: left;
    margin-left: 0;
  }

  .contact-social-media-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: repeat(auto-fit, 51px);
    grid-auto-columns: 51px;
    justify-content: start;
  }

  .contact-social-media-link {
    width: 51px;
    min-width: 51px;
    height: 51px;
    font-size: 26px;
  }

  .contact-social-media-link.icon-size-27px {
    font-size: 23px;
  }

  .contact-social-media-link.icon-size-32px {
    font-size: 28px;
  }

  .contact-social-media-link.icon-size-25px {
    font-size: 21px;
  }

  .card-office-title-wrapper {
    margin-bottom: 32px;
    margin-right: 0;
  }

  .faqs-grid {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }

  .container-medium-600px.faqs {
    text-align: left;
    text-align: left;
    margin-left: 0;
  }

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

  .changelog-version {
    justify-content: flex-start;
    height: 60px;
    margin-bottom: 15px;
    margin-right: 0;
    padding-top: 17px;
    padding-bottom: 17px;
    padding-right: 0;
  }

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

  .about-card-team-content {
    padding-left: 40px;
    padding-right: 40px;
  }

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

  .badge.card-blog-post-featured, .card-blog-post-featured-date {
    margin-bottom: 10px;
  }

  .blog-category-link.all {
    margin-right: 15px;
  }

  .blog-category-wrapper {
    margin-right: 15px;
    padding-left: 15px;
  }

  .back-link-wrapper {
    margin-bottom: 20px;
  }

  .blog-post-content {
    margin-top: -150px;
    margin-left: 15px;
    margin-right: 15px;
  }

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

  .rich-text p {
    margin-bottom: 24px;
  }

  .rich-text h3 {
    margin-top: 40px;
  }

  .rich-text ul {
    margin-top: 24px;
    margin-bottom: 40px;
  }

  .rich-text figure {
    margin-top: 40px;
    margin-bottom: 50px;
  }

  .rich-text figcaption {
    margin-top: 25px;
  }

  .rich-text h4 {
    margin-top: 40px;
  }

  .rich-text ol {
    margin-top: 24px;
    margin-bottom: 40px;
  }

  .rich-text blockquote {
    margin-top: 40px;
    margin-bottom: 60px;
  }

  .rich-text h5 {
    margin-top: 40px;
  }

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

  .card-about-author-name-wrapper {
    margin-bottom: 15px;
  }

  .card-about-author-rol {
    font-size: 18px;
  }

  .page-case-result-card-content {
    max-width: none;
    padding-top: 40px;
    padding-bottom: 50px;
  }

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

  .card-team-member-content {
    padding-left: 40px;
    padding-right: 40px;
  }

  .team-wrapper {
    flex-direction: column;
  }

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

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

  .team-social-media-grid {
    grid-template-columns: repeat(auto-fit, 40px) 200px;
    display: flex;
  }

  .team-top-content {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .team-about-title-wrapper {
    margin-bottom: 18px;
  }

  .card-package-top {
    max-width: 531px;
  }

  .card-office-content {
    flex-direction: column;
    max-width: 460px;
  }

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

  .checkout-form {
    padding-top: 56px;
    padding-bottom: 115px;
  }

  .rich-text-style-guide h4, .rich-text-style-guide h5 {
    margin-top: 40px;
  }

  .rich-text-style-guide h2 {
    margin-bottom: 20px;
  }

  .rich-text-style-guide p {
    margin-bottom: 24px;
  }

  .rich-text-style-guide h3 {
    margin-top: 40px;
  }

  .rich-text-style-guide figcaption {
    margin-top: 25px;
  }

  .rich-text-style-guide h4, .rich-text-style-guide h5 {
    margin-top: 40px;
  }

  .cart-container {
    margin-top: 0;
    margin-bottom: 0;
  }

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

  .link-licenses-container {
    height: auto;
  }

  .home-banner-discription {
    width: 90%;
  }

  .banner-section-photo {
    padding-top: 90px;
    padding-bottom: 60px;
  }

  .buttons-wrapper {
    margin-top: 30px;
  }

  .buttons-wrapper.mobile-center {
    justify-content: center;
  }

  .banner-content-container {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .home-title {
    font-size: 44px;
  }

  .container {
    padding-right: 0;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    text-align: center;
    margin-bottom: 18px;
    font-size: 35px;
  }

  h2 {
    text-align: center;
    font-size: 24px;
  }

  h3 {
    margin-bottom: 10px;
    font-size: 20px;
  }

  h4 {
    font-size: 18px;
  }

  h5 {
    font-size: 16px;
  }

  blockquote {
    padding: 43px 20px;
    font-size: 18px;
  }

  .container-default {
    padding-left: 16px;
    padding-right: 16px;
  }

  .styleguide-seccion {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .styleguide-header {
    padding-left: 20px;
    padding-right: 20px;
  }

  .color-primary-grid, .color-neutral-grid {
    grid-template-columns: 1fr;
  }

  .paragraph-large {
    font-size: 18px;
  }

  .paragraph-large.about-hero, .paragraph-large.contact {
    margin-bottom: 30px;
  }

  .paragraph-large.home-hero {
    text-align: center;
    margin-bottom: 30px;
    font-size: 18px;
  }

  .paragraph-large.about-hero, .paragraph-large.contact {
    margin-bottom: 30px;
  }

  .styleguide-subheader {
    padding-left: 20px;
    padding-right: 20px;
  }

  .styleguide-content-wrapper {
    padding: 60px 20px;
  }

  .icons-grid {
    grid-template-columns: repeat(auto-fit, 60px);
  }

  .button-primary {
    letter-spacing: .04em;
    padding-left: 35px;
    padding-right: 35px;
    font-size: 16px;
    display: block;
  }

  .button-primary.cart {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-secondary {
    letter-spacing: .04em;
    padding-left: 35px;
    padding-right: 35px;
    font-size: 16px;
    display: block;
  }

  .button-secondary.home-about-us {
    margin-bottom: 0;
  }

  .button-secondary.home-hero {
    max-width: none;
  }

  .button-secondary._2-buttons-class {
    margin-bottom: 0;
  }

  .button-secondary._404 {
    max-width: none;
  }

  .header-logo {
    width: auto;
    height: 70px;
    min-height: auto;
  }

  .header-logo.home {
    width: auto;
    height: 70px;
  }

  .header-navigation {
    margin-left: 16px;
    margin-right: 16px;
  }

  .nav-item-wrapper {
    margin-bottom: 20px;
  }

  .nav-link {
    font-size: 20px;
  }

  .menu-button {
    width: 46px;
    min-width: 46px;
    height: 46px;
    margin-left: 10px;
    font-size: 26px;
  }

  .footer-logo-container {
    max-width: 180px;
    margin-right: 0;
  }

  .footer-nav {
    flex-direction: column;
    align-items: flex-start;
    margin-right: 0;
  }

  .footer-nav.last {
    margin-top: -8px;
  }

  .footer-nav-item {
    margin: 8px 0;
  }

  .licenses-hero {
    padding-top: 41px;
    padding-bottom: 70px;
  }

  .section {
    padding-top: 92px;
    padding-bottom: 92px;
  }

  .section.home-hero {
    padding-bottom: 82px;
  }

  .section.home-hero.max {
    margin-left: 16px;
    margin-right: 16px;
  }

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

  .section.about-hero {
    padding-top: 140px;
  }

  .section.achievements {
    margin-top: 60px;
  }

  .section.blog-hero {
    padding-top: 100px;
    padding-bottom: 77px;
  }

  .section.practice-areas {
    padding-top: 140px;
    padding-bottom: 70px;
  }

  .section.case-results {
    padding-top: 41px;
  }

  .section.team-members {
    padding-top: 100px;
  }

  .section.packages {
    padding-top: 41px;
    padding-bottom: 82px;
  }

  .section.package {
    padding-top: 41px;
  }

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

  .section.faqs {
    padding-bottom: 66px;
  }

  .section.contact-social-media {
    padding-top: 42px;
    padding-bottom: 50px;
  }

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

  .section.team {
    padding-top: 140px;
    padding-bottom: 51px;
  }

  .section.team-articles {
    padding-top: 72px;
  }

  .section.packages-category {
    padding-top: 41px;
    padding-bottom: 82px;
  }

  .section.blog-category {
    padding-top: 41px;
  }

  .utility-page-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }

  .utility-page-content-password {
    padding: 56px 20px;
  }

  .input.footer-newsletter, .input.blog-newsletter, .input.footer-newsletter, .input.blog-newsletter {
    text-align: center;
    height: 46px;
    padding-right: 0;
  }

  ._404-title {
    font-size: 120px;
  }

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

  .divider.footer-divider {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .divider.package-card {
    margin-top: 23px;
  }

  .divider.package {
    margin-top: 45px;
    margin-bottom: 45px;
  }

  .divider.card-blog-post {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .divider.about-card-team {
    margin-top: 25px;
    margin-bottom: 20px;
  }

  .divider.card-blog-post-top-content {
    margin-top: 20px;
  }

  .divider.card-team-member {
    margin-top: 25px;
    margin-bottom: 20px;
  }

  .divider.team {
    margin-top: 50px;
    margin-bottom: 32px;
  }

  .container-header {
    padding: 20px 16px;
  }

  .split-content.more-articles-right, .split-content.team-articles-right {
    align-self: stretch;
  }

  .split-content.home-blog-right {
    align-self: stretch;
  }

  .split-content.story-left {
    margin-bottom: 30px;
  }

  .split-content.about-blog-post-left {
    flex-direction: column;
    align-items: flex-start;
  }

  .split-content.about-blog-post-right {
    flex-direction: column;
    align-items: flex-start;
    font-size: 14px;
  }

  .split-content.more-articles-right, .split-content.team-articles-right {
    align-self: stretch;
  }

  .split-content.team-left {
    margin-bottom: 30px;
  }

  .brand.w--current {
    width: auto;
    height: auto;
  }

  .home-hero-box {
    padding-top: 41px;
    padding-bottom: 40px;
  }

  .image.package-card-feature {
    margin-right: 8px;
  }

  ._2-buttons {
    flex-direction: column;
    align-items: stretch;
  }

  ._2-buttons.home-hero, ._2-buttons._404 {
    align-items: stretch;
  }

  ._2-buttons.about-hero.gap {
    margin-bottom: 60px;
  }

  ._2-buttons.home-hero, ._2-buttons._404 {
    align-items: stretch;
  }

  .container-small-557px {
    padding-left: 16px;
    padding-right: 16px;
  }

  .card.practice-area-card {
    justify-content: flex-start;
    align-items: center;
    padding: 40px 20px;
  }

  .card.testimonials {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .card.header-dropdown-wrapper {
    padding-top: 10px;
  }

  .card.blog-newsletter {
    padding: 40px 20px 49px;
  }

  .card.package {
    padding: 26px 20px 36px;
  }

  .card.get-package.mobile {
    padding: 33px 20px 39px;
  }

  .card.contact-form {
    padding: 43px 20px 48px;
  }

  .card.office {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    padding: 31px 20px 41px;
  }

  .card.faq {
    margin-bottom: 24px;
    padding: 30px 20px 29px;
  }

  .card.changelog {
    padding: 44px 20px 46px;
  }

  .card.about-team {
    width: auto;
  }

  .card.blog-post-featured {
    margin-top: 0;
    padding: 22px 20px 30px;
  }

  .card.blog-post-top-content {
    margin-bottom: 46px;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .card.about-author {
    margin-top: 40px;
    padding: 40px 20px 30px;
  }

  .card._404 {
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .card.checkout-about {
    padding: 44px 20px 50px;
  }

  .card.default {
    padding: 40px 20px;
  }

  .card.practice-area-card-copy {
    margin-right: 0;
    padding: 40px 20px;
  }

  .card.practice-area-card-copy-copy {
    padding: 40px 20px;
  }

  .image-wrapper.testimonial-picture {
    width: 67px;
    min-width: 67px;
    height: 67px;
    margin-right: 10px;
  }

  .image-wrapper.story-2 {
    margin-top: -140px;
  }

  .image-wrapper.offices {
    margin-top: 32px;
  }

  .image-wrapper.card-office {
    width: 80px;
    min-width: 80px;
    height: 80px;
  }

  .image-wrapper.about-blog-post-author {
    margin-bottom: 15px;
  }

  .image-wrapper.about-author {
    width: 77px;
    min-width: 77px;
    height: 77px;
    margin-bottom: 15px;
  }

  .home-about-us-box {
    padding: 50px 20px;
  }

  .paragraph.home-about-us, .paragraph.cta, .paragraph.footer-newsletter {
    text-align: center;
  }

  .paragraph.dark, .paragraph.home-about-us, .paragraph.cta, .paragraph.footer-newsletter {
    text-align: center;
  }

  .paragraph.newsletter {
    text-align: center;
    margin-bottom: 30px;
  }

  .paragraph.faqs-contact {
    text-align: center;
  }

  .paragraph.team-about-summary {
    margin-bottom: 30px;
  }

  .paragraph.password {
    font-size: 16px;
  }

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

  .cta-box {
    padding: 35px 20px;
  }

  .top-content {
    align-items: stretch;
  }

  .top-content.blog-hero, .top-content.team-members {
    justify-content: space-between;
    align-items: center;
  }

  .top-content.home-case-results {
    align-items: stretch;
    margin-bottom: 40px;
  }

  .top-content.blog-hero, .top-content.team-members {
    justify-content: space-between;
    align-items: center;
  }

  .top-content.faqs {
    align-items: stretch;
  }

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

  .case-result-card-content {
    padding: 30px 20px 40px;
  }

  .title.card-office, .title.faqs-contact {
    text-align: center;
  }

  .title.card-about-author, .title.card-team-member.heading-size-h3.left {
    text-align: left;
  }

  .title.case-result-card {
    text-align: center;
  }

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

  .title.header-dropdown-title {
    margin-bottom: 15px;
  }

  .title.blog {
    margin-bottom: 25px;
  }

  .title.team-members {
    text-align: center;
  }

  .title.package-card-name {
    font-size: 18px;
  }

  .title.contact-directly {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .title.card-office, .title.faqs-contact {
    text-align: center;
  }

  .title.home-hero {
    text-align: center;
    font-size: 32px;
  }

  .title.card-about-author, .title.card-team-member.heading-size-h3.left, .title.card-team-member.heading-size-h3.left, .title.card-team-member.heading-size-h3.left {
    text-align: left;
  }

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

  .title.card-checkout {
    margin-bottom: 10px;
  }

  .case-result-card-price {
    text-align: center;
  }

  .footer-nav-wrapper {
    justify-content: center;
    align-items: center;
  }

  .small-print-wrapper {
    flex-flow: column;
  }

  .footer-newsletter-wrapper {
    margin-bottom: 32px;
  }

  .footer-nav-box {
    max-width: none;
    margin-right: 0;
  }

  .footer-nav-box.last {
    margin-bottom: 0;
  }

  .footer-nav-content {
    flex-wrap: wrap;
  }

  .footer-newsletter-input-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .footer-newsletter-submit-button {
    margin-top: 20px;
    position: static;
  }

  .footer-social-media-grid {
    grid-template-columns: repeat(auto-fit, 38px) 200px;
    justify-content: center;
    place-items: center stretch;
    display: flex;
  }

  .testimonials-tabs-menu {
    flex-wrap: wrap;
    margin-top: 30px;
  }

  .about-testimonial-name {
    font-size: 16px;
  }

  .about-testimonial-job {
    font-size: 14px;
  }

  .testimonial-tab-link {
    margin-bottom: 20px;
  }

  .header-icon {
    width: 46px;
    min-width: 46px;
    height: 46px;
  }

  .header-icon.cart, .header-icon.phone {
    min-width: 46px;
    height: 46px;
  }

  .header-icon.cart, .header-icon.phone {
    min-width: 46px;
    height: 46px;
  }

  .header-icon.phone.mob {
    color: var(--neutral-200);
    display: flex;
  }

  .header-icon.phone.mob.dark {
    border-color: var(--neutral-800);
    color: var(--neutral-800);
    border-color: var(--neutral-800);
  }

  .header-dropdown-content {
    flex-wrap: wrap;
  }

  .header-dropdown-nav {
    margin-right: 30px;
  }

  .cart-main-wrapper {
    margin-right: 10px;
  }

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

  .container-medium-687px.about-hero {
    margin-bottom: 40px;
  }

  .bg.about-hero {
    height: 26%;
  }

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

  .achievement-number {
    margin-bottom: 10px;
    font-size: 43px;
  }

  .flex-vc {
    align-items: stretch;
  }

  .empty-state.cart {
    align-items: stretch;
    padding-left: 16px;
    padding-right: 16px;
  }

  .blog-newsletter-input-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .blog-newsletter-submit-button {
    margin-top: 20px;
    position: static;
  }

  .package-card-price {
    font-size: 23px;
  }

  .package-card-features-grid {
    margin-bottom: 30px;
  }

  .select.get-package {
    margin-bottom: 25px;
  }

  .package-features-grid {
    margin-bottom: 30px;
  }

  .get-package-price-wrapper {
    margin-bottom: 18px;
  }

  .contact-directly-link {
    font-size: 18px;
  }

  .contact-directly-icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    font-size: 20px;
  }

  .contact-directly-icon.icon-size-19px {
    font-size: 17px;
  }

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

  .offices-grid {
    grid-row-gap: 32px;
  }

  .container-small-595px {
    padding-left: 16px;
    padding-right: 16px;
  }

  .card-office-title-wrapper {
    margin-bottom: 26px;
  }

  .card-office-links-wrapper {
    justify-content: center;
    align-items: center;
  }

  .card-office-link {
    font-size: 16px;
  }

  .card-office-link-text {
    font-size: 15px;
  }

  .card-office-link-icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin-right: 8px;
    font-size: 20px;
  }

  .card-office-link-icon.icon-size-19px {
    font-size: 17px;
  }

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

  .container-medium-600px.faqs {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: block;
  }

  .faq-icon-wrapper {
    margin-right: 10px;
  }

  .faq-content {
    margin-left: 25px;
  }

  .changelog-version {
    height: 40px;
  }

  .card-blog-post-content {
    padding: 30px 20px 20px;
  }

  .card-blog-post-category {
    margin-bottom: 12px;
    font-size: 17px;
  }

  .card-blog-post-link {
    margin-right: 20px;
    font-size: 14px;
  }

  .card-blog-post-date, .card-blog-post-link-arrow {
    font-size: 14px;
  }

  .about-card-team-content {
    padding: 20px 20px 40px;
  }

  .about-card-team-rol {
    font-size: 18px;
  }

  .badge.card-blog-post-featured {
    padding: 10px 13px;
    font-size: 15px;
  }

  .card-blog-post-featured-date {
    font-size: 16px;
  }

  .blog-categories-wrapper {
    flex-wrap: wrap;
  }

  .blog-category-link {
    font-size: 16px;
  }

  .blog-category-link.all {
    margin-right: 10px;
  }

  .blog-category-wrapper {
    margin-right: 10px;
    padding-left: 10px;
  }

  .card-blog-post-featured-link {
    margin-right: 20px;
  }

  .blog-post-content {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .rich-text h2 {
    margin-bottom: 15px;
  }

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

  .rich-text h3 {
    margin-top: 35px;
  }

  .rich-text ul {
    margin-top: 20px;
    margin-bottom: 35px;
  }

  .rich-text figure {
    margin-top: 35px;
    margin-bottom: 40px;
  }

  .rich-text figcaption {
    margin-top: 20px;
  }

  .rich-text h4 {
    margin-top: 35px;
  }

  .rich-text ol {
    margin-top: 20px;
    margin-bottom: 35px;
  }

  .rich-text blockquote {
    margin-top: 35px;
    margin-bottom: 50px;
  }

  .rich-text h5 {
    margin-top: 35px;
  }

  .about-blog-post-wrapper {
    align-items: flex-end;
  }

  .page-case-result-card-content {
    padding: 30px 20px 40px;
  }

  .card-team-member-content {
    padding: 20px 20px 40px;
  }

  .card-team-member-rol {
    font-size: 18px;
  }

  .team-about-title-wrapper {
    margin-bottom: 15px;
  }

  .card-office-content {
    justify-content: space-between;
    align-items: center;
  }

  .checkout-form {
    padding-top: 45px;
    padding-bottom: 92px;
  }

  .block-header {
    flex-wrap: wrap;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .block-content {
    padding: 10px 20px 30px;
  }

  .checkout-required-text {
    margin-bottom: 10px;
  }

  .rich-text-style-guide h4, .rich-text-style-guide h5 {
    margin-top: 35px;
  }

  .rich-text-style-guide h2 {
    margin-bottom: 15px;
  }

  .rich-text-style-guide p {
    margin-bottom: 20px;
  }

  .rich-text-style-guide h3 {
    margin-top: 35px;
  }

  .rich-text-style-guide figcaption {
    margin-top: 20px;
  }

  .rich-text-style-guide h4, .rich-text-style-guide h5 {
    margin-top: 35px;
  }

  .error-message.cart {
    margin-left: 16px;
    margin-right: 16px;
  }

  .header-dropdown-arrow {
    font-size: 16px;
  }

  .cart-header {
    padding: 20px 16px 15px;
  }

  .cart-footer {
    padding: 15px 16px 20px;
  }

  .cart-list {
    padding-left: 16px;
    padding-right: 16px;
  }

  .nav-link-dropdown-text {
    font-size: 18px;
  }

  .nav-link-dropdown-text.max {
    text-align: left;
    text-align: left;
    max-width: none;
    font-size: 18px;
  }

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

  .link-licenses-container {
    height: auto;
  }

  .more-templates-badge-wrapper-edited {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    max-width: 250px;
    padding: 8px 18px 8px 15px;
  }

  .more-templates-logo {
    width: 60px;
  }

  .more-templates-p {
    font-size: 12px;
  }

  .more-templates-lottie {
    width: 40px;
  }

  .more-templates-lottie-2 {
    width: 40px;
    top: -16px;
    right: -15px;
  }

  .more-templates-badge-wrapper {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    max-width: 310px;
    padding: 8px 18px 8px 15px;
  }

  .more-templates-badge-wrapper:hover {
    transform: scale(.9)translate(0, 20px);
  }

  .brix-badges-wrapper {
    width: 310px;
    height: 100px;
    right: 22px;
  }

  .heading {
    text-align: center;
    margin-top: 60px;
  }

  .paragraph-5, .paragraph-6 {
    text-align: center;
  }

  .home-banner-discription {
    width: 100%;
  }

  .banner-section-photo {
    padding-top: 0;
  }

  .buttons-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
  }

  .buttons-wrapper.mobile-center {
    align-items: center;
  }

  .banner-content-container {
    text-align: center;
  }

  .container {
    padding-right: 0;
  }

  .container.space {
    margin-top: 60px;
  }

  .paragraph-7, .heading-4 {
    text-align: center;
  }

  .text-block-2 {
    color: var(--neutral-100);
  }
}

#w-node-eb4513ae-9b4e-c560-3323-637a450a43dc-ed8dffe9 {
  justify-self: stretch;
}

#w-node-b4f42057-fb86-9608-16b8-25b8f37d6e9a-ed8dffe9 {
  place-self: center;
}

#w-node-_58db7844-5919-d71b-dd74-2323ed8dfff9-ed8dffe9 {
  place-self: center end;
}

#w-node-_5ecdd5d2-51d9-ca90-055d-fa976262c4ad-ed8dffe9 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-_0e6b93e6-2188-fa85-3ece-6733a0c11d80-ed8dffe9 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_5ecdd5d2-51d9-ca90-055d-fa976262c4ad-ed8dffe9 {
    grid-column: 2 / 3;
  }

  #w-node-_0e6b93e6-2188-fa85-3ece-6733a0c11d80-ed8dffe9 {
    grid-column: 1 / 2;
    justify-self: start;
  }

  #w-node-_58db7844-5919-d71b-dd74-2323ed8dfffb-ed8dffe9 {
    justify-self: end;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_58db7844-5919-d71b-dd74-2323ed8dffe9-ed8dffe9 {
    grid-column-end: 4;
  }

  #w-node-_5ecdd5d2-51d9-ca90-055d-fa976262c4ad-ed8dffe9 {
    grid-column: 3 / 4;
    justify-self: end;
  }

  #w-node-_0e6b93e6-2188-fa85-3ece-6733a0c11d80-ed8dffe9 {
    grid-column: 2 / 3;
    justify-self: center;
  }

  #w-node-_58db7844-5919-d71b-dd74-2323ed8dfffb-ed8dffe9 {
    justify-self: start;
  }
}