@charset "UTF-8";
h1, h2, h3, h4, h5, h6 {
  color: hsl(210, 15%, 30%);
  font-family: var(--primary-font);
  margin: 0;
  text-rendering: optimizeLegibility;
  line-height: 1;
  font-weight: 400;
}

h1, .h1 {
  font-size: 2rem;
}
@media screen and (max-width: 320px) {
  h1, .h1 {
    font-size: 1.25rem;
  }
}

h2, .h2 {
  font-size: 1rem;
}
@media screen and (max-width: 320px) {
  h2, .h2 {
    font-size: 0.25rem;
  }
}

h3, .h3 {
  font-size: 0.75rem;
}
@media screen and (max-width: 320px) {
  h3, .h3 {
    font-size: 0rem;
  }
}

h4, .h4 {
  font-size: 0.75rem;
}
@media screen and (max-width: 320px) {
  h4, .h4 {
    font-size: 0rem;
  }
}

h5, .h5 {
  font-size: 0.75rem;
}
@media screen and (max-width: 320px) {
  h5, .h5 {
    font-size: 0rem;
  }
}

h6, .h6 {
  font-size: 0.75rem;
}
@media screen and (max-width: 320px) {
  h6, .h6 {
    font-size: 0rem;
  }
}

.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-transparentize {
  opacity: 0.5;
}

p {
  font-family: var(--general-font);
  font-size: 0.875rem;
}
p.lead {
  font-size: 1.5rem;
}

@media (max-width: 979px) {
  h1 {
    font-size: 2rem;
  }
}
:root {
  --border-width-base: 1px;
  --layout-base: 8px;
  --transition-base: .2s;
  --primary-font: 'Montserrat', sans-serif;
  --general-font: 'Montserrat', sans-serif;
  --navbar-background: #00a5ec;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: calc(var(--layout-base) * 2);
}

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

body {
  color: black;
  background: hsl(210, 10%, 98%);
}

main {
  min-height: calc(100vh - 14.5rem);
}

@media (max-width: 979px) {
  .container.no-padding {
    padding-right: 0px;
    padding-left: 0px;
  }
  .container.no-padding > .row {
    margin-right: 0;
    margin-left: 0;
  }
  .container.no-padding > .row > .col, .container.no-padding > .row > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 320px) {
  :root {
    font-size: calc(var(--layout-base) * 1.75);
  }
}
.newest {
  width: 100%;
  margin-top: 2rem;
}
.newest h3 {
  color: #ff3c36;
  margin-bottom: 20px;
  font-size: 1.5rem;
  font-weight: bold;
}
.newest a {
  color: #222;
  text-decoration: none;
}
.newest a:hover {
  color: #ff3c36;
}
.newest h2 {
  font-size: 0.9rem;
}

.content_post {
  background-color: #f9fafa;
  margin-top: -150px;
  width: 90%;
  padding-inline: 2rem;
  -webkit-padding-before: 2rem;
          padding-block-start: 2rem;
  -webkit-padding-after: 3rem;
          padding-block-end: 3rem;
}
@media (max-width: 979px) {
  .content_post {
    width: 100%;
    margin-top: -50px;
    padding-inline: 1rem;
  }
}
.content_post h1 {
  font-size: 2.2rem;
  font-weight: 900;
  margin-bottom: 1.7rem;
}
@media (max-width: 979px) {
  .content_post h1 {
    font-size: 1.75rem;
  }
}
.content_post h2 {
  font-size: 1.7rem;
  margin-bottom: 1rem;
}
.content_post .category {
  background-color: #ff3c36;
  color: white;
  font-size: 12px;
  padding: 4px;
  margin-bottom: 1rem;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

@media (max-width: 979px) {
  article {
    padding: 2rem 0 0 0;
  }
  .article__aside {
    margin-top: 3.5rem;
    padding: 4rem 0 0 0;
    border-top: 1px solid hsl(210, 10%, 90%);
    border-left: 0;
  }
  .article__body p {
    font-size: 16px;
  }
  .article__header__img {
    height: auto;
  }
  .article__header__img img {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    position: relative;
    top: 0;
  }
}
a.ab {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.content {
  display: none;
}

#loadMore {
  width: 100%;
  background-color: #201f3c;
  color: white;
  border-radius: 2rem;
  padding: 14px 10px;
  display: block;
  text-align: center;
  text-decoration: none;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.nav_blog-mob {
  background-color: #201f3c;
  position: relative;
  padding: 14px 0;
  margin-bottom: 2rem;
  display: none;
}
@media (max-width: 990px) {
  .nav_blog-mob {
    display: block;
  }
}
.nav_blog-mob .logo_blog {
  text-align: center;
}
.nav_blog-mob .logo_blog img {
  width: 80%;
}
.nav_blog-mob .hamburger {
  position: absolute;
  left: 10px;
  z-index: 99;
  top: 20px;
}
@media (min-width: 990px) {
  .nav_blog-mob .hamburger {
    display: none;
  }
}
.nav_blog-mob .hamburger .line {
  width: 20px;
  height: 2px;
  border-radius: 2rem;
  background-color: white;
  display: block;
  margin: 4px auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.nav_blog-mob .hamburger.is-active .line {
  background-color: white;
}
.nav_blog-mob .hamburger:hover {
  cursor: pointer;
}
.nav_blog-mob {
  /* ONE */
}
.nav_blog-mob #hamburger-1.is-active .line:nth-child(2) {
  opacity: 0;
}
.nav_blog-mob #hamburger-1.is-active .line:nth-child(1) {
  -webkit-transform: translateY(7px) rotate(45deg);
      -ms-transform: translateY(7px) rotate(45deg);
          transform: translateY(7px) rotate(45deg);
}
.nav_blog-mob #hamburger-1.is-active .line:nth-child(3) {
  -webkit-transform: translateY(-5px) rotate(-49deg);
      -ms-transform: translateY(-5px) rotate(-49deg);
          transform: translateY(-5px) rotate(-49deg);
}
.nav_blog-mob .menu_mob {
  opacity: 0;
  background-color: #201f3c;
  position: absolute;
  width: 100%;
  height: 100vh;
  left: -400px;
  top: 54px;
  right: 0;
  bottom: 0;
  z-index: 9;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.nav_blog-mob .menu_mob.active {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 1;
  left: 0;
}
.nav_blog-mob .menu_mob ul {
  list-style: none;
  display: block;
  padding: 3rem 0 0 1rem;
  margin: 0;
}
.nav_blog-mob .menu_mob ul li {
  display: block;
}
.nav_blog-mob .menu_mob ul li a {
  color: white;
  text-transform: uppercase;
  font-weight: 500;
  display: block;
  font-size: 16px;
  margin-bottom: 1.25rem;
  text-decoration: none;
}

.nav_blog {
  margin-bottom: 1rem;
  background-color: #201f3c;
  padding-block: 13px;
}
@media (max-width: 990px) {
  .nav_blog {
    display: none;
  }
}
.nav_blog .logo_blog {
  margin-right: 1rem;
}
.nav_blog ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
}
.nav_blog ul li a {
  color: white;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  margin-right: 1rem;
  text-decoration: none;
}

.social .sharer {
  color: white;
  margin-right: 14px;
  cursor: pointer;
}
.social .sharer:last-child {
  margin-right: 0;
}

.blog__post {
  background-size: cover;
}
.blog__post.post__0, .blog__post.tag_img {
  width: 47%;
  height: 368px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 2rem;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 979px) {
  .blog__post.post__0, .blog__post.tag_img {
    width: 100%;
    height: 290px;
    padding: 10px;
    background-size: cover;
    background-position: center center;
  }
}
.blog__post.post__0 a, .blog__post.tag_img a {
  text-decoration: none;
}
.blog__post.post__0 a h2, .blog__post.tag_img a h2 {
  color: white;
  width: 90%;
  line-height: 53px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.blog__post.post__0 a h2:hover, .blog__post.tag_img a h2:hover {
  color: #ffee00;
}
.blog__post.post__0 a h2 span, .blog__post.tag_img a h2 span {
  background-color: rgba(0, 0, 0, 0.9);
}
@media (max-width: 979px) {
  .blog__post.post__0 a h2, .blog__post.tag_img a h2 {
    font-size: 21px;
    width: 100%;
    line-height: 32px;
  }
}
.blog__post.tag_img {
  width: 100%;
  padding: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: auto;
}
.blog__post.tag_img .img {
  background-size: cover;
  width: 50%;
}
.blog__post.tag_img .text {
  width: 47%;
  margin-left: 2rem;
}
.blog__post.tag_img h2 {
  font-size: 2.8rem;
  color: #222;
}
.blog__post.tag_img h2:hover span {
  color: #ff3c36;
}
.blog__post.tag_img h2 span {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  color: #222;
  background-color: rgba(255, 255, 255, 0) !important;
}
.blog__post.tag_img .infos {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  margin-top: 1px;
  color: #999;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.blog__post.post__1, .blog__post.post__2 {
  width: 26%;
  height: 368px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 979px) {
  .blog__post.post__1, .blog__post.post__2 {
    width: 100%;
    height: 310px;
  }
}
.blog__post.post__1 .img, .blog__post.post__2 .img {
  height: 183px;
  width: 100%;
  background-size: cover !important;
}
.blog__post.post__1 .img .category, .blog__post.post__2 .img .category {
  position: absolute;
  bottom: 0;
  margin: 0 0 0 6%;
}
.blog__post.post__1 a, .blog__post.post__2 a {
  text-decoration: none;
}
.blog__post.post__1 h2, .blog__post.post__2 h2 {
  font-size: 20px;
  word-wrap: break-word;
  width: 100%;
  line-height: 1.5;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.blog__post.post__1 h2:hover, .blog__post.post__2 h2:hover {
  color: #ff3c36;
}
.blog__post.post__1 .text, .blog__post.post__2 .text {
  padding: 15px 6% 0;
}
.blog__post.post__1 .infos, .blog__post.post__2 .infos {
  color: #999;
  text-transform: uppercase;
  background: transparent;
  padding: 0;
}
.blog__post .category {
  background-color: #ff3c36;
  color: white;
  font-size: 12px;
  padding: 4px;
  margin-bottom: 4px;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.blog__post .infos {
  background-color: rgba(0, 0, 0, 0.9);
  padding: 8px 10px;
  margin-top: 1px;
  color: #ccc;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.blog__preview {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 979px) {
  .blog__preview {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.blog__preview .img {
  width: 50%;
}
@media (max-width: 979px) {
  .blog__preview .img {
    width: 100%;
  }
}
.blog__preview .text {
  width: 45%;
  border-bottom: 1px solid #ddd;
  padding: 20px 0% 0 3%;
}
@media (max-width: 979px) {
  .blog__preview .text {
    padding: 20px 0% 1rem 3%;
    width: 100%;
  }
}
.blog__preview .text p {
  margin-bottom: 0;
}
.blog__preview .text .category {
  color: #ff3c36;
  font-size: 12px;
  padding: 0;
  margin-bottom: 4px;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.blog__preview .text h2 {
  font-size: 1.3rem;
  margin-bottom: 10px;
}

.tags {
  border-bottom: 1px solid #ddd;
  padding: 30px 0 12px;
}
.tags ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 990px) {
  .tags ul {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    gap: 30px;
  }
}
.tags ul li {
  font-size: 0.9rem;
  font-weight: 800;
  letter-spacing: 0.05rem;
  margin-left: 20px;
  text-transform: uppercase;
}
@media (max-width: 990px) {
  .tags ul li {
    font-size: 10px;
    margin-left: 0;
  }
}
.tags ul li:first-child a {
  color: #222;
}
.tags ul li:first-child a:before {
  content: "";
  background: url(../img/icon_01.png) no-repeat;
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 6px;
}
@media (max-width: 990px) {
  .tags ul li:first-child a:before {
    margin: 0 auto;
  }
}
.tags ul li:nth-child(2) a:before {
  content: "";
  background: url(../img/icon_02.png) no-repeat;
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 6px;
}
.tags ul li:nth-child(2) a:hover:before {
  background: url(../img/icon_02_h.png) no-repeat;
}
.tags ul li:nth-child(3) a:before {
  content: "";
  background: url(../img/icon_03.png) no-repeat;
  width: 25px;
  height: 28px;
  display: block;
  margin-right: 6px;
  background-size: 100%;
}
.tags ul li:nth-child(3) a:hover:before {
  background: url(../img/icon_03_h.png) no-repeat;
  width: 25px;
  height: 28px;
  display: block;
  margin-right: 6px;
  background-size: 100%;
}
.tags ul li:nth-child(4) a:before {
  content: "";
  background: url(../img/icon_04.png) no-repeat;
  width: 25px;
  height: 28px;
  display: block;
  margin-right: 6px;
  background-size: 100%;
}
.tags ul li:nth-child(4) a:hover:before {
  background: url(../img/icon_04_h.png) no-repeat;
  width: 25px;
  height: 28px;
  display: block;
  margin-right: 6px;
  background-size: 100%;
}
.tags ul li a {
  color: #ccc;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 990px) {
  .tags ul li a {
    display: block;
    text-align: center;
  }
}
@media (max-width: 990px) {
  .tags ul li a:before {
    margin: 0 auto;
    margin-right: auto !important;
  }
}
.tags ul li a:hover {
  color: #444;
}

.infos {
  color: #999;
  font-size: 0.7rem;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.trending {
  position: sticky;
  top: 2rem;
  padding-inline: 11px;
}
.trending h3 {
  color: #ff3c36;
  margin-bottom: 20px;
  font-size: 1.5rem;
  font-weight: bold;
}
.trending .bt {
  border-top: 1px solid #ddd;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
}
.trending .category {
  color: #ff3c36;
  font-size: 12px;
  padding: 0;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-left: 0%;
}
.trending .img {
  background: #222;
  border-radius: 50%;
  line-height: 0;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-size: cover !important;
}
.trending .text {
  padding: 15px 6% 0;
  width: 65%;
}
.trending .text h2 {
  font-size: 0.9rem;
}
.trending .text .infos {
  margin-top: 10px;
}

.breadcrumb {
  padding: 2rem 0;
  font-size: 0.75rem;
  margin-bottom: 0.125rem;
  font-family: var(--primary-font);
  font-weight: 600;
  line-height: 1rem;
}
.breadcrumb-item + .breadcrumb-item:before {
  content: "•";
  color: hsl(210, 10%, 60%);
}
.breadcrumb-item a {
  color: hsl(210, 15%, 40%);
  text-decoration: none;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.breadcrumb-item a:hover {
  color: hsl(210, 30%, 20%);
}
.breadcrumb-item.active {
  color: hsl(210, 10%, 60%);
}
.breadcrumb-item:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.button {
  background: hsl(210, 15%, 40%);
  color: hsl(0, 0%, 100%);
}
.button:hover {
  background: hsl(210, 15%, 50%);
  color: hsl(0, 0%, 100%);
}
.button.inverted {
  background: hsl(0, 0%, 100%);
  color: hsl(210, 15%, 40%);
  -webkit-transition: background-color var(--transition-base), color var(--transition-base);
  transition: background-color var(--transition-base), color var(--transition-base);
}
.button.inverted:hover {
  background: hsl(0, 0%, 95%);
  color: hsl(210, 15%, 35%);
}
.button.inverted.transparent {
  background: transparent;
}
.button.inverted.transparent:hover {
  background: hsla(0, 0%, 100%, 0.2);
  color: hsl(210, 15%, 40%);
}
.button.transparent {
  background: transparent;
}
.button.transparent:hover {
  background: hsla(210, 15%, 40%, 0.2);
  color: hsl(0, 0%, 100%);
}
.button.shadow {
  -webkit-box-shadow: 0 1rem 3rem -1rem hsla(0, 0%, 0%, 0.4), 0 1rem 3rem -1rem rgba(53, 171, 212, 0.2);
          box-shadow: 0 1rem 3rem -1rem hsla(0, 0%, 0%, 0.4), 0 1rem 3rem -1rem rgba(53, 171, 212, 0.2);
}
.button {
  border: none;
  border-radius: 2rem;
  cursor: pointer;
  display: inline-block;
  font-family: var(--primary-font);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  padding: 0.5rem 1rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.button-group .button {
  margin-bottom: 0.5rem;
}
.button-group .button:last-child {
  margin-bottom: 0;
}
.button.block {
  display: block;
  width: 100%;
}
.button.primary {
  background: #d2292f;
  color: hsl(0, 0%, 100%);
}
.button.primary:hover {
  background: rgb(86.6760409343%, 31.7553316147%, 33.7051792829%);
  color: hsl(0, 0%, 100%);
}
.button.primary.inverted {
  background: hsl(0, 0%, 100%);
  color: #d2292f;
  -webkit-transition: background-color var(--transition-base), color var(--transition-base);
  transition: background-color var(--transition-base), color var(--transition-base);
}
.button.primary.inverted:hover {
  background: hsl(0, 0%, 95%);
  color: rgb(73.9864073119%, 14.4449652371%, 16.5588625889%);
}
.button.primary.inverted.transparent {
  background: transparent;
}
.button.primary.inverted.transparent:hover {
  background: hsla(0, 0%, 100%, 0.2);
  color: #d2292f;
}
.button.primary.transparent {
  background: transparent;
}
.button.primary.transparent:hover {
  background: rgba(210, 41, 47, 0.2);
  color: hsl(0, 0%, 100%);
}
.button.primary.shadow {
  -webkit-box-shadow: 0 1rem 3rem -1rem hsla(0, 0%, 0%, 0.4), 0 1rem 3rem -1rem rgba(53, 171, 212, 0.2);
          box-shadow: 0 1rem 3rem -1rem hsla(0, 0%, 0%, 0.4), 0 1rem 3rem -1rem rgba(53, 171, 212, 0.2);
}
.button.secondary {
  background: #35abd4;
  color: hsl(0, 0%, 100%);
}
.button.secondary:hover {
  background: rgb(37.2741096439%, 73.9159663866%, 86.6474589836%);
  color: hsl(0, 0%, 100%);
}
.button.secondary.inverted {
  background: hsl(0, 0%, 100%);
  color: #35abd4;
  -webkit-transition: background-color var(--transition-base), color var(--transition-base);
  transition: background-color var(--transition-base), color var(--transition-base);
}
.button.secondary.inverted:hover {
  background: hsl(0, 0%, 95%);
  color: rgb(16.4841936775%, 61.7198879552%, 77.43737495%);
}
.button.secondary.inverted.transparent {
  background: transparent;
}
.button.secondary.inverted.transparent:hover {
  background: hsla(0, 0%, 100%, 0.2);
  color: #35abd4;
}
.button.secondary.transparent {
  background: transparent;
}
.button.secondary.transparent:hover {
  background: rgba(53, 171, 212, 0.2);
  color: hsl(0, 0%, 100%);
}
.button.secondary.shadow {
  -webkit-box-shadow: 0 1rem 3rem -1rem hsla(0, 0%, 0%, 0.4), 0 1rem 3rem -1rem rgba(53, 171, 212, 0.2);
          box-shadow: 0 1rem 3rem -1rem hsla(0, 0%, 0%, 0.4), 0 1rem 3rem -1rem rgba(53, 171, 212, 0.2);
}
.button.big {
  padding: 0.75rem 1.375rem;
  font-size: 0.875rem;
}
.button.bigger {
  padding: 1rem 1.75rem;
  font-size: 1rem;
}
.button.biggest {
  padding: 1.25rem 2rem;
  font-size: 1.25rem;
}
.button.arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.button.arrow i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.button.arrow i:before {
  margin: 0 0 0 0.25rem;
  font-size: 1rem;
}

.form-button {
  background: #ffbe00;
  border-radius: 0;
  border: none;
  color: hsl(0, 0%, 100%) !important;
  display: block;
  font-family: var(--primary-font);
  font-size: 1rem;
  font-weight: bold;
  line-height: 1rem;
  padding: 1.4rem 1.75rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  min-width: auto;
  height: auto !important;
  margin-bottom: 2rem;
  margin-right: 0px;
  width: 100%;
  cursor: pointer;
}
@media (max-width: 979px) {
  .form-button {
    width: 87%;
    margin: 1rem;
  }
}

button.userenroll-next {
  background: #201f3c;
  border-radius: 0 !important;
  border: none;
  border-bottom: 0;
  color: hsl(0, 0%, 100%) !important;
  display: block;
  font-family: var(--primary-font);
  font-size: 1rem !important;
  font-weight: bold;
  line-height: 1rem;
  padding: 1rem 1.75rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  min-width: auto;
  height: auto !important;
  margin-bottom: 0px !important;
  margin-right: 0px;
  width: 100%;
  cursor: pointer;
}

.bt-continue {
  margin-left: 10px;
  width: auto;
}

.check__label {
  color: #576675;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  width: 100%;
  padding-left: 2.5rem;
  margin: 0 0 1.5rem;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.check__input {
  left: 0;
}

.contact {
  padding: 5rem 0 0 0;
  min-height: calc(100vh - 14.5rem);
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#054761));
  background: linear-gradient(180deg, transparent calc(100% - 5rem), #054761 calc(100% - 5rem));
  background-position: bottom;
}
.contact h1 {
  margin-bottom: 1.25rem;
}
.contact__form {
  padding: 1.5rem;
  background-color: hsl(0, 0%, 100%);
  border-radius: 1.5rem;
  -webkit-box-shadow: 0 1rem 3rem hsla(0, 0%, 0%, 0.1);
          box-shadow: 0 1rem 3rem hsla(0, 0%, 0%, 0.1);
}
.contact__form h2 {
  margin-bottom: 1.5rem;
  color: hsl(210, 10%, 60%);
}
.contact__form__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 1.5rem;
}
.contact__form .button {
  min-width: 50%;
}
.contact label {
  margin-bottom: 0.5rem;
  font-family: var(--primary-font);
  font-size: 11px;
  font-weight: 600;
  margin-left: 1rem;
  line-height: 0.5rem;
}

.cf_check__label, .cf_bool__label, .cf_radio__label {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cf_check__label span, .cf_bool__label span, .cf_radio__label span {
  padding-left: 0.5rem;
}
.cf_check__input, .cf_bool__input, .cf_radio__input {
  position: relative !important;
}

.dialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: calc(100vh - 16.125rem);
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  padding-bottom: 3.5rem;
}
.dialog span {
  line-height: 1;
  position: absolute;
  font-size: 20rem;
  color: hsl(210, 10%, 96%);
  font-family: var(--primary-font);
  z-index: -1;
}
.dialog h1 {
  margin-bottom: 1rem;
}

.faq {
  padding: 5rem 0;
}
.faq h1 {
  margin-bottom: 1rem;
}
.faq .ql-editor {
  margin-bottom: 1.5rem;
}
.faq h2 {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 0.75rem;
}
.faqPreview {
  overflow: hidden;
}
.faqPreview__item {
  background: hsla(0, 0%, 0%, 0.3);
  margin-bottom: 0.5rem;
  padding: 1.5rem;
  border-radius: 1rem;
  cursor: pointer;
  position: relative;
}
.faqPreview__item--expanded .faqPreview__answer {
  margin-top: 1rem;
  opacity: 1;
}
.faqPreview__item--expanded .faqPreview__toggleButton {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.faqPreview__item h3 {
  font-size: 1rem;
  color: hsl(0, 0%, 100%);
}
.faqPreview__toggleButton {
  width: 1.5rem;
  height: 1.5rem;
  color: hsl(0, 0%, 100%);
  border-radius: 0.75rem;
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1rem;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
.faqPreview__toggleButton:before, .faqPreview__toggleButton:after {
  content: "";
  width: 0.75rem;
  height: 0.125rem;
  background: hsl(0, 0%, 100%);
  position: absolute;
  border-radius: 1px;
}
.faqPreview__toggleButton:after {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.faqPreview__answer {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.faq__list {
  background: hsl(0, 0%, 100%);
  padding: 3rem;
  border-radius: 1rem;
  border: 1px solid hsl(210, 10%, 90%);
}
.faq__list p {
  margin-bottom: 0;
}
.faq__item:not(:last-child) {
  border-bottom: 1px solid hsl(210, 10%, 90%);
  margin-bottom: 2.75rem;
}
.faq__item:not(:last-child) p {
  margin-bottom: 2.75rem;
}

.flow__header {
  background: #4742f6;
}
.flow__header img {
  height: 30px;
}
.flow__intro {
  background: #201f3c;
  padding: 3rem 0;
}
.flow__intro h2 {
  color: white;
  font-weight: 800;
  font-size: 2.5rem;
  line-height: 1.2;
}
@media (max-width: 979px) {
  .flow__intro h2 {
    font-size: 1.875rem;
  }
}
.flow__progress {
  padding: 1rem 0;
  position: relative;
  z-index: 9;
}
.flow__progress h3 {
  color: black;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 1.375rem;
}
@media (max-width: 979px) {
  .flow__progress h3 {
    font-size: 1.245rem;
    line-height: 1.4;
  }
}
.flow__progress h2 {
  font-size: 1.25rem;
  font-weight: bold;
  color: #3E4A3C;
}
.flow__progress p {
  font-size: 1rem;
  color: #3E4A3C;
  margin-bottom: 0;
}
.flow__container {
  padding: 2rem;
  border-radius: 1rem;
  margin: 0 auto 1rem;
}

@media (max-width: 425px) {
  .flow {
    margin: 0;
    border-radius: 0;
    padding: 0;
    border: none;
  }
  .flow__container {
    border-radius: 0;
    border-width: 1px 0 1px 0;
    padding: 1rem;
  }
}
h1 {
  color: #18262c;
  font-size: 2rem;
  font-weight: bold;
}

h2 {
  color: black;
  font-weight: 800;
  font-size: 2.5rem;
  line-height: 1.2;
}
@media (max-width: 979px) {
  h2 {
    font-size: 1.875rem;
  }
}

.subtitle p {
  margin-top: 1.8rem;
  font-size: 1.125rem;
  font-weight: 400;
}

.box__opp {
  background: #f1f1f1;
  padding: 2rem 1rem !important;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  min-height: 620px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box__opp img {
  width: 45%;
  margin: 0 auto;
}
.box__opp h3 {
  font-weight: bold;
  font-size: 1.125rem;
  color: black;
  margin: 2rem 0 1rem;
}
.box__opp p {
  font-size: 13px;
}
.box__opp a {
  background: #ffbe00;
  border-radius: 50px;
  color: white;
  display: block;
  font-family: var(--primary-font);
  font-size: 1rem;
  font-weight: bold;
  line-height: 1rem;
  padding: 1.4rem 1.75rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  margin: 1rem auto 0;
  width: 230px;
}

.api {
  background: #f4f4fa;
}
.api h2 {
  font-size: 2.4rem;
}
.api p {
  font-size: 1.125rem;
  font-weight: 400;
  width: 72%;
  margin: 2rem auto 0;
}

.hero {
  padding: 5rem 0;
  background: #006080;
  color: hsl(0, 0%, 100%);
}
.hero h1 {
  margin-bottom: 0.75rem;
  line-height: 2.5rem;
  color: hsl(0, 0%, 100%);
}
.hero h1 span {
  color: rgb(45.519007603%, 77.3445378151%, 88.4025610244%);
}
.hero h2 {
  font-weight: 500;
  line-height: 1rem;
  margin-bottom: 1.25rem;
  color: hsl(0, 0%, 100%);
}
.hero h3:not(.faqPreview__question) {
  font-weight: 600;
  line-height: 1.5rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  color: rgb(45.519007603%, 77.3445378151%, 88.4025610244%);
}
.hero p {
  margin: 0;
  opacity: 0.6;
}
.hero hr {
  margin: 0 0 1rem 0;
  opacity: 0.1;
}

@media (max-width: 979px) {
  .hero {
    padding: 3rem 0;
  }
  .hero h3 {
    margin-bottom: 0;
  }
  .hero p {
    margin-bottom: 1.5rem;
  }
  .hero br {
    display: none;
  }
}
img.image-fluid {
  max-width: 100%;
}

.input {
  background: hsl(210, 10%, 98%);
  border: 1px solid hsl(210, 10%, 90%);
  border-radius: 1.25rem;
  font-size: 0.75rem;
  font-family: var(--general-font);
  line-height: 1.5;
  padding: 0.3125rem 0.75rem;
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
  width: 100%;
}
.input::-webkit-input-placeholder {
  color: hsl(210, 15%, 40%);
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
}
.input::-moz-placeholder {
  color: hsl(210, 15%, 40%);
  -moz-transition: var(--transition-base);
  transition: var(--transition-base);
}
.input:-ms-input-placeholder {
  color: hsl(210, 15%, 40%);
  -ms-transition: var(--transition-base);
  transition: var(--transition-base);
}
.input::-ms-input-placeholder {
  color: hsl(210, 15%, 40%);
  -ms-transition: var(--transition-base);
  transition: var(--transition-base);
}
.input::placeholder {
  color: hsl(210, 15%, 40%);
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
}
.input:hover::-webkit-input-placeholder, .input:focus::-webkit-input-placeholder {
  color: hsl(210, 10%, 60%);
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
}
.input:hover::-moz-placeholder, .input:focus::-moz-placeholder {
  color: hsl(210, 10%, 60%);
  -moz-transition: var(--transition-base);
  transition: var(--transition-base);
}
.input:hover:-ms-input-placeholder, .input:focus:-ms-input-placeholder {
  color: hsl(210, 10%, 60%);
  -ms-transition: var(--transition-base);
  transition: var(--transition-base);
}
.input:hover::-ms-input-placeholder, .input:focus::-ms-input-placeholder {
  color: hsl(210, 10%, 60%);
  -ms-transition: var(--transition-base);
  transition: var(--transition-base);
}
.input:hover::placeholder, .input:focus::placeholder {
  color: hsl(210, 10%, 60%);
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
}
.input:hover {
  border-color: hsl(210, 10%, 80%);
}
.input:focus {
  border-color: #35abd4;
  outline: 0 none;
}
.input:focus:invalid {
  border-color: #d2292f;
}
.input.big {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.input.bigger {
  padding: 0.625rem 1.25rem;
  font-size: 1rem;
}
.input.biggest {
  padding: 0.6875rem 1.5rem;
  font-size: 1.25rem;
}
.input.transparent {
  background: hsla(0, 0%, 0%, 0.2);
  border-color: hsla(0, 0%, 100%, 0);
  color: hsl(0, 0%, 100%);
}
.input.transparent::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.6);
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
}
.input.transparent::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.6);
  -moz-transition: var(--transition-base);
  transition: var(--transition-base);
}
.input.transparent:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.6);
  -ms-transition: var(--transition-base);
  transition: var(--transition-base);
}
.input.transparent::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.6);
  -ms-transition: var(--transition-base);
  transition: var(--transition-base);
}
.input.transparent::placeholder {
  color: hsla(0, 0%, 100%, 0.6);
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
}
.input.transparent:hover::-webkit-input-placeholder, .input.transparent:focus::-webkit-input-placeholder {
  color: hsl(0, 0%, 100%);
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
}
.input.transparent:hover::-moz-placeholder, .input.transparent:focus::-moz-placeholder {
  color: hsl(0, 0%, 100%);
  -moz-transition: var(--transition-base);
  transition: var(--transition-base);
}
.input.transparent:hover:-ms-input-placeholder, .input.transparent:focus:-ms-input-placeholder {
  color: hsl(0, 0%, 100%);
  -ms-transition: var(--transition-base);
  transition: var(--transition-base);
}
.input.transparent:hover::-ms-input-placeholder, .input.transparent:focus::-ms-input-placeholder {
  color: hsl(0, 0%, 100%);
  -ms-transition: var(--transition-base);
  transition: var(--transition-base);
}
.input.transparent:hover::placeholder, .input.transparent:focus::placeholder {
  color: hsl(0, 0%, 100%);
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
}

select.input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url(../img/arrow.svg), hsl(210, 10%, 98%);
  background-size: 12px;
  background-repeat: no-repeat;
  background-position-x: calc(100% - 1.25rem);
  background-position-y: center;
}
select.input.biggest {
  padding: 0.875rem 1.5rem;
  font-size: 1rem;
}

textarea.input {
  resize: none;
}

.label {
  margin-bottom: 0.5rem;
  font-family: var(--primary-font);
  font-size: 11px;
  font-weight: 600;
  margin-left: 1rem;
  line-height: 0.5rem;
}

.banner__wrapper h1 {
  color: white;
  font-weight: 800;
  font-size: 2.8rem;
  line-height: 1.2;
}
@media (max-width: 979px) {
  .banner__wrapper h1 {
    text-align: center;
    font-size: 1.875rem;
  }
}
.banner__wrapper h3 {
  font-size: 1.125rem;
  color: white;
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 979px) {
  .banner__wrapper h3 {
    text-align: center;
  }
}

.register__form {
  background: #201f3c;
  color: white;
  width: 390px;
  border-radius: 16px;
  border: 6px solid white;
  padding: 2rem 0.4rem 0.4rem;
}
.register__form.steps {
  width: 500px;
}
@media (max-width: 979px) {
  .register__form.steps {
    width: 100%;
  }
}
.register__form .form2 {
  padding: 0 2rem;
}
.register__form .form2 .form-field-col {
  padding-right: calc(var(--bs-gutter-x) / 2) !important;
  padding-left: calc(var(--bs-gutter-x) / 2) !important;
}
@media (max-width: 979px) {
  .register__form .form2 {
    padding: 0 1rem;
  }
}
@media (max-width: 620px) {
  .register__form {
    width: 100%;
    padding-top: 0.6rem;
  }
}
.register__form h2 {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  color: white;
  line-height: 1.3;
  background: #201f3c;
  padding-bottom: 1rem;
}
@media (max-width: 979px) {
  .register__form h2 {
    font-size: 22px;
  }
}
.register__form h4 {
  font-size: 0.845rem;
  font-weight: 400;
  color: white;
  background: #00c5b5;
  text-align: center;
  padding: 0.6rem;
}
.register__form .form-wrapper-flex {
  background: white;
}
.register__form .form-wrapper-flex .form-field-col {
  padding: 0 2rem;
}

.process__wrapper {
  font-size: 1.125rem;
}
.process__wrapper h2 {
  font-size: 2.75rem;
  font-weight: 800;
  color: black;
}
.process__wrapper p {
  width: 55%;
  margin: 0 auto;
}
.process__box {
  font-weight: 500;
}
.process__box .icon {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  border: 8px solid #b2ede9;
  margin: 0 auto;
}
.process__box .text {
  font-size: 1.25rem;
  font-weight: bold;
  text-transform: uppercase;
}
.process__box .sub {
  color: #4641f6;
  font-size: 1rem;
  font-weight: 500;
}
.process__box p {
  width: 80%;
}

.review__wrapper {
  background: #f4f4fa;
}
.review__wrapper h2 {
  font-size: 2.75rem;
  font-weight: 800;
  color: black;
}
@media (max-width: 979px) {
  .review__wrapper h2 {
    font-size: 1.875rem;
  }
}
.review__box {
  background: white;
  color: black;
  padding: 1rem;
  border-radius: 10px;
  min-height: 270px;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}
.review__box h3 {
  font-size: 1rem;
  margin: 0.875rem 0;
  font-weight: bold;
  color: black;
}
.review__box strong {
  text-transform: uppercase;
}

.ratingsbox .stars.four {
  background-position: 0 -44px;
}
.ratingsbox .stars.fourhalf {
  background-position: 0 -65px;
}
.ratingsbox .stars.three {
  background-position: 0 -88px;
}
.ratingsbox .stars.threehalf {
  background-position: 0 -108px;
}
.ratingsbox .stars.five {
  background-position: 0 0;
}
.ratingsbox .stars.fivehalf {
  background-position: 0 -22px;
}
.ratingsbox .stars.zero {
  background-position: 0 -221px;
}
.ratingsbox .stars.two {
  background-position: 0 -130px;
}
.ratingsbox .stars.twohalf {
  background-position: 0 -154px;
}
.ratingsbox .stars.onde {
  background-position: 0 -177px;
}
.ratingsbox .stars.onehalf {
  background-position: 0 -198px;
}
.ratingsbox .stars {
  display: inline-block;
  position: relative;
  top: 4px;
  background: url(../img/stars.png) 0 0 no-repeat;
  width: 113px;
  height: 22px;
}

.calc__wrapper .content {
  background: white;
  border-radius: 10px;
  padding: 0.3rem;
  font-weight: 500;
  font-size: 1.125rem;
}
.calc__wrapper .content h2 {
  background: #201f3c;
  color: white;
  font-size: 1.75rem;
  font-weight: 800;
  text-align: center;
  border-top-right-radius: 10px;
  padding: 1.7rem;
  text-transform: uppercase;
  border-top-left-radius: 10px;
}
.calc__wrapper .content h3 {
  background: #ededf7;
  color: black;
  font-size: 1.125rem;
  font-weight: 900;
  text-align: center;
  padding: 1rem;
  margin: 1.75rem 0;
}
.calc__wrapper .content .under {
  border-bottom: 1px solid #e7e7e7;
  padding: 1.7rem;
  margin-bottom: 1rem;
}
.calc__wrapper .cont_order {
  overflow: hidden;
}
.calc__wrapper .prices {
  border: 1px solid #4641f6;
  text-align: center;
  padding: 0.8rem 1rem;
  border-radius: 4px;
  min-height: 44px;
}
@media (max-width: 979px) {
  .calc__wrapper .result {
    padding: 0 2rem;
    margin-bottom: 1rem;
  }
}
.calc__wrapper .result span {
  text-transform: uppercase;
  font-weight: 600;
  color: white;
  background: #4641f6;
  border-radius: 4px;
  padding: 0.5rem;
  width: 191px;
  display: block;
  margin-bottom: 0.8rem;
  text-align: center;
}
@media (max-width: 979px) {
  .calc__wrapper .result span {
    width: 100%;
  }
}
.calc__wrapper .disclouse {
  color: #706f74;
  padding: 0 2rem;
  text-align: center;
}
.calc__wrapper .disclouse p {
  font-size: 0.75rem;
}
.calc__wrapper select.input {
  border-radius: 4px;
  border: 1px solid #4641f6;
  background: url(../img/arrow_select.jpg) white;
  background-repeat: no-repeat;
  background-position-x: calc(100% - 0.8rem);
  background-position-y: center;
  font-weight: 500;
  font-size: 0.875rem;
  color: black;
}

.media {
  background-color: #d2292f;
  position: relative;
  padding: 4rem 0;
}
.media:after {
  position: absolute;
}
.media h1 {
  font-size: 2rem;
  color: white;
  margin-bottom: 1.5rem;
}
.media p {
  font-size: 1.25rem;
  color: white;
}
.media:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 109px;
  height: 32px;
  background: #d2292f;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
.media .uil {
  position: absolute;
  color: white;
  font-size: 8rem;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  line-height: 1;
  opacity: 0.6;
  cursor: pointer;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.media .uil:hover {
  opacity: 1;
}

@media (max-width: 979px) {
  .media {
    padding: 2rem 0;
  }
  .media h1 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
  .media p {
    font-size: 1rem;
  }
}
@-webkit-keyframes showModal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes showModal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes showModalContent {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@keyframes showModalContent {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@-webkit-keyframes hideModal {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hideModal {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes hideModalContent {
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes hideModalContent {
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
.mediaModal {
  display: none;
  background: hsla(0, 0%, 0%, 0.8);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000;
  top: 0;
  -webkit-perspective: 50rem;
          perspective: 50rem;
}
.mediaModal__close {
  background: none;
  border: none;
  color: hsl(0, 0%, 100%);
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4rem;
  width: 4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2rem;
  z-index: 1;
  cursor: pointer;
}
.mediaModal__close:focus {
  outline: none;
}
.mediaModal__content {
  background: hsl(0, 0%, 0%);
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 3rem 6rem -3rem hsla(0, 0%, 0%, 0.8);
          box-shadow: 0 3rem 6rem -3rem hsla(0, 0%, 0%, 0.8);
  margin: 1rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.mediaModal--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: showModal 0.4s cubic-bezier(0.5, 0, 0, 1);
          animation: showModal 0.4s cubic-bezier(0.5, 0, 0, 1);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
  overflow: auto;
}
.mediaModal--show .modal__content {
  -webkit-animation: showModalContent 0.8s cubic-bezier(0.5, 0, 0, 1);
          animation: showModalContent 0.8s cubic-bezier(0.5, 0, 0, 1);
}
.mediaModal--hide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: hideModal 0.4s cubic-bezier(0.5, 0, 0, 1);
          animation: hideModal 0.4s cubic-bezier(0.5, 0, 0, 1);
  opacity: 0;
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
}
.mediaModal--hide .modal__content {
  -webkit-animation: hideModalContent 0.8s cubic-bezier(0.5, 0, 0, 1);
          animation: hideModalContent 0.8s cubic-bezier(0.5, 0, 0, 1);
}

@media (max-width: 768px) {
  .mediaModal__content {
    height: 100%;
    border-radius: 0;
    padding: 4rem 2rem 2rem 2rem;
    overflow-y: scroll;
    max-width: 100%;
  }
  .mediaModal__content .h1 {
    font-size: 2rem;
  }
  .mediaModal__close {
    font-size: 1.5rem;
    color: hsl(210, 10%, 80%);
  }
}
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  max-height: 400px;
  overflow-y: scroll;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */
.remodal {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin: auto 0;
  margin-bottom: 10px;
  padding: 35px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */
.remodal-close {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  display: block !important;
  overflow: visible !important;
  width: 35px !important;
  height: 35px !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  -webkit-transition: color 0.2s !important;
  transition: color 0.2s !important;
  text-decoration: none !important;
  color: #95979c !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px #fff !important;
          box-shadow: 0px 0px 0px #fff !important;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
  background-color: #fff !important;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "×";
  text-align: center;
}

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}
/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

.multiple {
  background: hsl(210, 10%, 60%) !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 1rem 1rem 3rem !important;
  height: auto !important;
  width: 100%;
  border-radius: 0.25rem !important;
  position: relative;
  text-align: left;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.multiple:focus {
  outline: none;
}
.multiple.checked {
  background: hsl(210, 15%, 40%) !important;
}
.multiple input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: hsl(210, 10%, 98%);
  border-radius: 0.125rem;
  content: "";
  cursor: pointer;
  position: absolute;
  left: 0.75rem;
  height: 1.5rem !important;
  width: 1.5rem !important;
  border: none;
}
.multiple input[type=checkbox]:focus {
  outline: none;
}
.multiple input[type=checkbox]:checked {
  border: none;
  background: url(../img/check.svg), #29A38F;
  background-size: cover;
}

.tcpa-item-answer {
  margin-bottom: 1rem;
}
.tcpa-answers button {
  margin-bottom: 0 !important;
}
.tcpa-question {
  margin-bottom: 1rem;
}
.tcpa-continue-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  max-width: 425px;
  margin: auto !important;
  padding: 0 !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tcpa-continue-container button {
  margin-bottom: 0;
}

#optout-form .form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#optout-form .form-check .invalid-feedback {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#optout-form .form-check-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: hsl(210, 10%, 98%) !important;
  border-radius: 0.25rem !important;
  content: "";
  cursor: pointer;
  position: absolute;
  height: 20px !important;
  width: 20px !important;
  border: 1px solid hsl(210, 10%, 90%);
  position: relative;
  padding: 0;
  margin: 0;
}
#optout-form .form-check-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
#optout-form .form-check-input:checked {
  border: none;
  background: url(../img/check.svg), #d2292f !important;
  background-size: 1rem !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
#optout-form .form-check-label {
  padding: 0 0 0 0.5rem;
  margin: 0 0 1px 0;
}
#optout-form .form-check-label + .invalid-feedback {
  margin: 0 0 -1px 0.5rem;
}
#optout-form .form-control {
  background: hsl(210, 10%, 98%);
  border: 1px solid hsl(210, 10%, 90%);
  border-radius: 1.25rem;
  font-family: var(--general-font);
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.375rem;
  width: 100%;
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
}
#optout-form .form-control::-webkit-input-placeholder {
  color: hsl(210, 15%, 40%);
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
}
#optout-form .form-control::-moz-placeholder {
  color: hsl(210, 15%, 40%);
  -moz-transition: var(--transition-base);
  transition: var(--transition-base);
}
#optout-form .form-control:-ms-input-placeholder {
  color: hsl(210, 15%, 40%);
  -ms-transition: var(--transition-base);
  transition: var(--transition-base);
}
#optout-form .form-control::-ms-input-placeholder {
  color: hsl(210, 15%, 40%);
  -ms-transition: var(--transition-base);
  transition: var(--transition-base);
}
#optout-form .form-control::placeholder {
  color: hsl(210, 15%, 40%);
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
}
#optout-form .form-control:hover::-webkit-input-placeholder, #optout-form .form-control:focus::-webkit-input-placeholder {
  color: hsl(210, 10%, 60%);
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
}
#optout-form .form-control:hover::-moz-placeholder, #optout-form .form-control:focus::-moz-placeholder {
  color: hsl(210, 10%, 60%);
  -moz-transition: var(--transition-base);
  transition: var(--transition-base);
}
#optout-form .form-control:hover:-ms-input-placeholder, #optout-form .form-control:focus:-ms-input-placeholder {
  color: hsl(210, 10%, 60%);
  -ms-transition: var(--transition-base);
  transition: var(--transition-base);
}
#optout-form .form-control:hover::-ms-input-placeholder, #optout-form .form-control:focus::-ms-input-placeholder {
  color: hsl(210, 10%, 60%);
  -ms-transition: var(--transition-base);
  transition: var(--transition-base);
}
#optout-form .form-control:hover::placeholder, #optout-form .form-control:focus::placeholder {
  color: hsl(210, 10%, 60%);
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
}
#optout-form .form-control:hover {
  border-color: hsl(210, 10%, 80%);
}
#optout-form .form-control:focus {
  border-color: #35abd4;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#optout-form .form-control:focus:invalid {
  border-color: #d2292f;
}
#optout-form .form-group {
  margin-bottom: 1rem;
}
#optout-form label {
  margin-bottom: 0.5rem;
  font-family: var(--primary-font);
  font-size: 11px;
  font-weight: 600;
  margin-left: 1rem;
  line-height: 0.5rem;
}

@media (max-width: 979px) {
  #optout-form label {
    font-size: 0.75rem;
  }
}
.post {
  padding: 5rem 0;
}
.post h1 {
  margin-bottom: 1.5rem;
}
.postPreview {
  background: #1569ae;
  padding: 2rem 0;
}
.postPreview h1 {
  font-size: 2rem;
  text-align: center;
  color: white;
  margin-bottom: 2rem;
}
.postPreview__card {
  background: #ffffff;
}
.postPreview__card h2 {
  font-size: 1.25rem;
}
.postPreview__card__image {
  overflow: hidden;
  background: #f2f3f4;
  position: relative;
  height: 100%;
}
.postPreview__card__image img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  width: 100%;
}
.postPreview__featuredCard {
  background: #ffffff;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  overflow: hidden;
}
.postPreview__featuredCard img {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  height: 100%;
}
.postPreview__featuredCard h2 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 2rem;
  z-index: 1;
  position: relative;
  color: white;
}
.postRelated__content {
  cursor: pointer;
}
.postRelated__content h3 {
  font-size: 1rem;
}
.postRelated__content span {
  font-weight: bold;
  font-size: 12px;
}
.postRelated__image {
  margin-bottom: 0.25rem;
  height: 210px;
  overflow: hidden;
  position: relative;
}
.postRelated__image img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
}

.top_banner {
  width: 100%;
  background-size: cover;
  height: 545px;
}

.content_post .social {
  margin-bottom: 2rem;
}
.content_post .social .sharer {
  color: white;
  font-size: 8px;
  letter-spacing: 2px;
  background-color: #3e64ad;
  margin-right: 10px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.25rem;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
}
.content_post .social .sharer:last-child {
  background-color: #58ccff;
  margin-right: 0;
}
.content_post .social .sharer:before {
  font-size: 16px;
  margin-right: 8px;
}

@media (max-width: 979px) {
  .postPreview h1 {
    font-size: 1.5rem;
  }
  .postPreview__card h2 {
    font-size: 1rem;
  }
  .postPreview__card__image img {
    position: absolute;
    right: 50%;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
    top: 0;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
.progress-inner {
  display: block;
  height: 100%;
  width: "0%";
  background: #35abd4;
  border-radius: 1.25rem;
}
.progress-inner-10 {
  display: block;
  height: 100%;
  width: 10%;
  background: #35abd4;
  border-radius: 1.25rem;
}
.progress-inner-20 {
  display: block;
  height: 100%;
  width: 20%;
  background: #35abd4;
  border-radius: 1.25rem;
}
.progress-inner-30 {
  display: block;
  height: 100%;
  width: 30%;
  background: #35abd4;
  border-radius: 1.25rem;
}
.progress-inner-40 {
  display: block;
  height: 100%;
  width: 40%;
  background: #35abd4;
  border-radius: 1.25rem;
}
.progress-inner-50 {
  display: block;
  height: 100%;
  width: 50%;
  background: #35abd4;
  border-radius: 1.25rem;
}
.progress-inner-60 {
  display: block;
  height: 100%;
  width: 60%;
  background: #35abd4;
  border-radius: 1.25rem;
}
.progress-inner-70 {
  display: block;
  height: 100%;
  width: 70%;
  background: #35abd4;
  border-radius: 1.25rem;
}
.progress-inner-80 {
  display: block;
  height: 100%;
  width: 80%;
  background: #35abd4;
  border-radius: 1.25rem;
}
.progress-inner-90 {
  display: block;
  height: 100%;
  width: 90%;
  background: #35abd4;
  border-radius: 1.25rem;
}
.progress-inner-100 {
  display: block;
  height: 100%;
  width: 100%;
  background: #35abd4;
  border-radius: 1.25rem;
}

.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  background: none;
}
.progress-bar .progress {
  width: 100%;
  height: 1.25rem;
  border-radius: 1.25rem;
  overflow: hidden;
  background: hsl(210, 10%, 90%);
}
.progress-bar .progress-percentage {
  color: hsl(0, 0%, 100%);
  line-height: 1.25rem;
  text-align: right;
  margin-right: 0.5rem;
  font-size: 11px;
}

@media (max-width: 768px) {
  .progress-bar .progress-percentage {
    margin-left: 1rem;
  }
}
.ql-editor {
  padding: 0rem !important;
  white-space: normal !important;
  height: auto !important;
}
.ql-editor p {
  margin-bottom: 0.5rem !important;
}
.ql-editor p:last-child {
  margin-bottom: 0 !important;
}

.rules {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rules__link {
  background: hsl(210, 10%, 90%);
  color: hsl(210, 30%, 20%);
  padding: 1rem;
  border-radius: 0.25rem;
  margin: 0.25rem;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.rules__link:hover {
  text-decoration: none;
  background: #29A38F;
  color: hsl(0, 0%, 100%);
}

.circle__steps {
  display: block;
  top: 7.25rem;
  font-family: var(--primary-font);
  font-weight: 600;
  font-size: 1.125rem;
}
@media (max-width: 979px) {
  .circle__steps {
    left: 50%;
  }
}
.circle__steps h2 {
  color: #18262c;
  font-weight: bold;
  font-size: 2rem;
}
@media (max-width: 979px) {
  .circle__steps h2 {
    font-size: 1.275rem;
    width: 100%;
  }
}
.circle__steps ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 3rem 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 46px;
}
.circle__steps li {
  height: 2.5rem;
  background: #4d4bf0;
  width: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #4d4bf0;
  border-radius: 50%;
  color: black;
  margin: 0 1rem;
  font-weight: 500;
  font-weight: bold;
  line-height: 1px;
  position: relative;
}
.circle__steps li span {
  display: block;
  position: absolute;
  bottom: -24px;
  line-height: normal;
  color: #18262c;
  font-size: 12px;
  text-align: center;
  font-weight: 400;
  width: 112px;
}
.circle__steps li:nth-child(1) {
  background: white;
}
.circle__steps li:nth-child(2) {
  color: white;
}
.circle__steps li:nth-child(2):after {
  background: #4d4bf0;
}
.circle__steps li:nth-child(3) {
  background: white;
}
.circle__steps li:nth-child(2) span, .circle__steps li:nth-child(3) span {
  bottom: -40px;
}
.circle__steps li:after {
  content: "";
  width: 35px;
  height: 2px;
  border-radius: 0.125rem;
  background: #4d4bf0;
  position: absolute;
  right: -35px;
  z-index: 2;
}
.circle__steps li:last-child:after {
  display: none;
}
.circle__body {
  padding: 5rem 0;
}

.twy-registration {
  border-bottom: 0.0625rem solid hsl(210, 10%, 80%);
  margin: 0 0.5rem 1.25rem;
  padding: 0 0 1rem;
}
.twy-registration #twy-nextcampaign {
  display: none !important;
}
.twy-registration .twy-registration-input {
  display: block;
}
.twy-registration .twy-registration-container {
  line-height: 1.3;
  width: 100%;
  padding-left: 3rem;
}
@media (max-width: 480px) {
  .twy-registration .twy-registration-container {
    width: 100%;
  }
}
.twy-registration .twy-registration-container .twy-registration-container-body {
  font-size: 0.75rem;
  color: hsl(210, 15%, 40%);
  line-height: 1.25rem;
  font-weight: normal;
  font-family: var(--general-font) !important;
}
.twy-registration__label {
  color: #576675 !important;
  font-weight: normal !important;
  font-size: 0.75rem !important;
}

.twy-pub-container {
  padding: 0 !important;
  margin-top: 0 !important;
}

#twy-adserve-title, .pagetex {
  margin: 0 0 16px 0 !important;
  color: #0b5394 !important;
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center;
}

.twy-adserve-header {
  padding: 0 !important;
}

.twy-hide {
  display: none;
}

.footer {
  background: #201f3c;
  padding: 3rem 0;
}
.footer__logotype {
  margin-bottom: 1rem;
}
.footer__copyright {
  color: #9f9eb4;
  font-size: 0.75rem;
  font-family: var(--primary-font);
}
.footer ul {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.75rem;
  font-family: var(--primary-font);
}
@media (max-width: 979px) {
  .footer ul {
    width: 100%;
  }
}
.footer ul li {
  display: inline-block;
  margin-bottom: 0.875rem;
  position: relative;
}
.footer ul li:before {
  content: "|";
  display: inline-block;
  color: #9f9eb4;
  position: absolute;
  right: -3px;
}
@media (max-width: 979px) {
  .footer ul li:before {
    display: none;
  }
}
.footer ul li:last-child:before {
  display: none;
}
.footer ul li a {
  display: block;
  padding: 0 0.25rem;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: #9f9eb4;
}
.footer ul li a:hover, .footer ul li a:focus {
  color: rgb(45.519007603%, 77.3445378151%, 88.4025610244%);
  opacity: 1;
}
.footer ul li a b {
  color: white;
  text-decoration: none;
}

@media (max-width: 979px) {
  .footer ul {
    text-align: center;
  }
  .footer ul li {
    display: block;
    padding: 0.25rem 0;
  }
}
.steps .form-wrapper-flex input:not([type=checkbox]):not([type=radio]),
.steps .form-wrapper-flex select,
.steps .tcpa-details input:not([type=checkbox]):not([type=radio]),
.steps .tcpa-details select {
  background: hsl(210, 10%, 98%);
  border: 1px solid #bcbcbc;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: var(--general-font);
  margin-bottom: 1rem;
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
  width: 100%;
  min-height: 40px;
  font-weight: 300;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.steps .form-wrapper-flex input:not([type=checkbox]):not([type=radio])::-webkit-input-placeholder, .steps .form-wrapper-flex select::-webkit-input-placeholder, .steps .tcpa-details input:not([type=checkbox]):not([type=radio])::-webkit-input-placeholder, .steps .tcpa-details select::-webkit-input-placeholder {
  color: black;
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
}
.steps .form-wrapper-flex input:not([type=checkbox]):not([type=radio])::-moz-placeholder, .steps .form-wrapper-flex select::-moz-placeholder, .steps .tcpa-details input:not([type=checkbox]):not([type=radio])::-moz-placeholder, .steps .tcpa-details select::-moz-placeholder {
  color: black;
  -moz-transition: var(--transition-base);
  transition: var(--transition-base);
}
.steps .form-wrapper-flex input:not([type=checkbox]):not([type=radio]):-ms-input-placeholder, .steps .form-wrapper-flex select:-ms-input-placeholder, .steps .tcpa-details input:not([type=checkbox]):not([type=radio]):-ms-input-placeholder, .steps .tcpa-details select:-ms-input-placeholder {
  color: black;
  -ms-transition: var(--transition-base);
  transition: var(--transition-base);
}
.steps .form-wrapper-flex input:not([type=checkbox]):not([type=radio])::-ms-input-placeholder, .steps .form-wrapper-flex select::-ms-input-placeholder, .steps .tcpa-details input:not([type=checkbox]):not([type=radio])::-ms-input-placeholder, .steps .tcpa-details select::-ms-input-placeholder {
  color: black;
  -ms-transition: var(--transition-base);
  transition: var(--transition-base);
}
.steps .form-wrapper-flex input:not([type=checkbox]):not([type=radio])::placeholder,
.steps .form-wrapper-flex select::placeholder,
.steps .tcpa-details input:not([type=checkbox]):not([type=radio])::placeholder,
.steps .tcpa-details select::placeholder {
  color: black;
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
}
.steps .form-wrapper-flex select,
.steps .tcpa-details select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/arrow.svg), hsl(210, 10%, 98%);
  background-size: 8px;
  background-repeat: no-repeat;
  background-position-x: calc(100% - 1.25rem);
  background-position-y: center;
}
.steps .form-wrapper-flex .col-field-dob,
.steps .tcpa-details .col-field-dob {
  margin-bottom: 1rem;
}
.steps .form-wrapper-flex .cf_radio,
.steps .tcpa-details .cf_radio {
  float: left;
  margin-right: 1.2rem;
}
.steps .form-wrapper-flex label,
.steps .tcpa-details label {
  color: #18262c;
  font-weight: bold;
  font-size: 0.875rem;
  margin: 0 0 0;
}
.steps .form-wrapper-flex .small,
.steps .tcpa-details .small {
  font-size: 0.7rem;
  display: block;
  text-align: center;
  margin-top: 1rem;
}
.steps .tcpa-terms {
  width: 87%;
}
@media (max-width: 979px) {
  .steps .tcpa-terms {
    width: 94%;
    margin: 0 10px;
  }
}
.steps .tcpa-terms input[type=checkbox] {
  -webkit-appearance: none !important;
  margin: 0 14px 0 0 !important;
  -moz-appearance: none !important;
       appearance: none !important;
  width: 21px !important;
  height: 21px !important;
  padding: 0 !important;
  background: #f2f3f4 !important;
  border-radius: 4px !important;
  border: 1px solid #c7ccd1 !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  cursor: pointer !important;
}
.steps .tcpa-terms input[type=checkbox]:checked {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAQCAYAAAD52jQlAAAACXBIWXMAAAsSAAALEgHS3X78AAAAkUlEQVQ4ja3U0Q2AMAgFwKcTOEpH6ihuYkdxBEdwBDfAYDSppLRUJOGnJJcSCAMR4YcIAKab2cGoMyO9Yx6dn4wAFvnoQYsggO1r67LlJ+I1o7/BHF2zYvKAGqrBJrCGStgM5mggokOBu0A5KA3uAkvTt8BVUFupGtwEa3tagk1ga/lz2Axytk4fnzTOZL4IAE7JxlWhfrYiNQAAAABJRU5ErkJggg=="), #2196F3 !important;
  background-size: 11px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-color: #2196F3 !important;
}
.steps .tcpa-terms label, .steps .terms label {
  font-weight: 400;
  text-align: left;
}
@media (max-width: 979px) {
  .steps .tcpa-terms label, .steps .terms label {
    font-size: 0.7rem;
  }
}

#col-field-twyne_registration .form-row {
  margin: 0;
}

.form-wrapper-flex .form-row,
.tcpa-details .form-row {
  margin: 0 1rem;
  -ms-flex-wrap: unset;
      flex-wrap: unset;
}
@media (max-width: 979px) {
  .form-wrapper-flex .form-row,
  .tcpa-details .form-row {
    margin: 0;
  }
}
.form-wrapper-flex .form-row.term,
.tcpa-details .form-row.term {
  padding: 0 0.5rem;
}
.form-wrapper-flex .form-row .x-6,
.tcpa-details .form-row .x-6 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 0.5rem;
}
.form-wrapper-flex label,
.tcpa-details label {
  display: block;
}
.form-wrapper-flex input:not([type=checkbox]):not([type=radio]),
.form-wrapper-flex select,
.tcpa-details input:not([type=checkbox]):not([type=radio]),
.tcpa-details select {
  background: transparent;
  border: 1px solid #c5c7d1;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: var(--general-font);
  margin-top: 1rem;
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
  width: 100%;
  min-height: 40px;
  font-weight: 300;
  padding: 0.5rem 1rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.form-wrapper-flex input:not([type=checkbox]):not([type=radio])::-webkit-input-placeholder, .form-wrapper-flex select::-webkit-input-placeholder, .tcpa-details input:not([type=checkbox]):not([type=radio])::-webkit-input-placeholder, .tcpa-details select::-webkit-input-placeholder {
  color: black;
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
}
.form-wrapper-flex input:not([type=checkbox]):not([type=radio])::-moz-placeholder, .form-wrapper-flex select::-moz-placeholder, .tcpa-details input:not([type=checkbox]):not([type=radio])::-moz-placeholder, .tcpa-details select::-moz-placeholder {
  color: black;
  -moz-transition: var(--transition-base);
  transition: var(--transition-base);
}
.form-wrapper-flex input:not([type=checkbox]):not([type=radio]):-ms-input-placeholder, .form-wrapper-flex select:-ms-input-placeholder, .tcpa-details input:not([type=checkbox]):not([type=radio]):-ms-input-placeholder, .tcpa-details select:-ms-input-placeholder {
  color: black;
  -ms-transition: var(--transition-base);
  transition: var(--transition-base);
}
.form-wrapper-flex input:not([type=checkbox]):not([type=radio])::-ms-input-placeholder, .form-wrapper-flex select::-ms-input-placeholder, .tcpa-details input:not([type=checkbox]):not([type=radio])::-ms-input-placeholder, .tcpa-details select::-ms-input-placeholder {
  color: black;
  -ms-transition: var(--transition-base);
  transition: var(--transition-base);
}
.form-wrapper-flex input:not([type=checkbox]):not([type=radio])::placeholder,
.form-wrapper-flex select::placeholder,
.tcpa-details input:not([type=checkbox]):not([type=radio])::placeholder,
.tcpa-details select::placeholder {
  color: black;
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
}
.form-wrapper-flex input:not([type=checkbox]):not([type=radio]):hover::-webkit-input-placeholder, .form-wrapper-flex input:not([type=checkbox]):not([type=radio]):focus::-webkit-input-placeholder, .form-wrapper-flex select:hover::-webkit-input-placeholder, .form-wrapper-flex select:focus::-webkit-input-placeholder, .tcpa-details input:not([type=checkbox]):not([type=radio]):hover::-webkit-input-placeholder, .tcpa-details input:not([type=checkbox]):not([type=radio]):focus::-webkit-input-placeholder, .tcpa-details select:hover::-webkit-input-placeholder, .tcpa-details select:focus::-webkit-input-placeholder {
  color: black;
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
}
.form-wrapper-flex input:not([type=checkbox]):not([type=radio]):hover::-moz-placeholder, .form-wrapper-flex input:not([type=checkbox]):not([type=radio]):focus::-moz-placeholder, .form-wrapper-flex select:hover::-moz-placeholder, .form-wrapper-flex select:focus::-moz-placeholder, .tcpa-details input:not([type=checkbox]):not([type=radio]):hover::-moz-placeholder, .tcpa-details input:not([type=checkbox]):not([type=radio]):focus::-moz-placeholder, .tcpa-details select:hover::-moz-placeholder, .tcpa-details select:focus::-moz-placeholder {
  color: black;
  -moz-transition: var(--transition-base);
  transition: var(--transition-base);
}
.form-wrapper-flex input:not([type=checkbox]):not([type=radio]):hover:-ms-input-placeholder, .form-wrapper-flex input:not([type=checkbox]):not([type=radio]):focus:-ms-input-placeholder, .form-wrapper-flex select:hover:-ms-input-placeholder, .form-wrapper-flex select:focus:-ms-input-placeholder, .tcpa-details input:not([type=checkbox]):not([type=radio]):hover:-ms-input-placeholder, .tcpa-details input:not([type=checkbox]):not([type=radio]):focus:-ms-input-placeholder, .tcpa-details select:hover:-ms-input-placeholder, .tcpa-details select:focus:-ms-input-placeholder {
  color: black;
  -ms-transition: var(--transition-base);
  transition: var(--transition-base);
}
.form-wrapper-flex input:not([type=checkbox]):not([type=radio]):hover::-ms-input-placeholder, .form-wrapper-flex input:not([type=checkbox]):not([type=radio]):focus::-ms-input-placeholder, .form-wrapper-flex select:hover::-ms-input-placeholder, .form-wrapper-flex select:focus::-ms-input-placeholder, .tcpa-details input:not([type=checkbox]):not([type=radio]):hover::-ms-input-placeholder, .tcpa-details input:not([type=checkbox]):not([type=radio]):focus::-ms-input-placeholder, .tcpa-details select:hover::-ms-input-placeholder, .tcpa-details select:focus::-ms-input-placeholder {
  color: black;
  -ms-transition: var(--transition-base);
  transition: var(--transition-base);
}
.form-wrapper-flex input:not([type=checkbox]):not([type=radio]):hover::placeholder, .form-wrapper-flex input:not([type=checkbox]):not([type=radio]):focus::placeholder,
.form-wrapper-flex select:hover::placeholder,
.form-wrapper-flex select:focus::placeholder,
.tcpa-details input:not([type=checkbox]):not([type=radio]):hover::placeholder,
.tcpa-details input:not([type=checkbox]):not([type=radio]):focus::placeholder,
.tcpa-details select:hover::placeholder,
.tcpa-details select:focus::placeholder {
  color: black;
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
}
.form-wrapper-flex input:not([type=checkbox]):not([type=radio]):hover,
.form-wrapper-flex select:hover,
.tcpa-details input:not([type=checkbox]):not([type=radio]):hover,
.tcpa-details select:hover {
  border-color: hsl(210, 10%, 80%);
}
.form-wrapper-flex input:not([type=checkbox]):not([type=radio]):focus,
.form-wrapper-flex select:focus,
.tcpa-details input:not([type=checkbox]):not([type=radio]):focus,
.tcpa-details select:focus {
  border-color: #35abd4;
  outline: 0 none;
}
.form-wrapper-flex input:not([type=checkbox]):not([type=radio]).error,
.form-wrapper-flex select.error,
.tcpa-details input:not([type=checkbox]):not([type=radio]).error,
.tcpa-details select.error {
  border-color: rgb(85.0425747988%, 23.3887977502%, 25.577689243%);
}
.form-wrapper-flex input:not([type=checkbox]):not([type=radio]).error:hover, .form-wrapper-flex input:not([type=checkbox]):not([type=radio]).error:focus,
.form-wrapper-flex select.error:hover,
.form-wrapper-flex select.error:focus,
.tcpa-details input:not([type=checkbox]):not([type=radio]).error:hover,
.tcpa-details input:not([type=checkbox]):not([type=radio]).error:focus,
.tcpa-details select.error:hover,
.tcpa-details select.error:focus {
  border-color: rgb(73.9864073119%, 14.4449652371%, 16.5588625889%);
}
.form-wrapper-flex input:not([type=checkbox]):not([type=radio]).error ~ .hidden,
.form-wrapper-flex select.error ~ .hidden,
.tcpa-details input:not([type=checkbox]):not([type=radio]).error ~ .hidden,
.tcpa-details select.error ~ .hidden {
  color: #d2292f;
  font-size: 0.75rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  margin-top: -1rem;
  text-transform: uppercase;
}

.form-wrapper-flex .hidden {
  display: none;
}
.form-wrapper-flex .form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-wrapper-flex .form-row .x-3 {
  width: 25%;
}
.form-wrapper-flex .form-row .x-4 {
  width: 33.33333333%;
}
.form-wrapper-flex .form-row .x-6 {
  width: 50%;
}
.form-wrapper-flex .form-row .x-8 {
  width: 66.66666666%;
}
.form-wrapper-flex .form-row .x-9 {
  width: 75%;
}
.form-wrapper-flex .form-row .x-12 {
  width: 100%;
}
.form-wrapper-flex .form-row .x-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 !important;
}
.form-wrapper-flex .form-row .dob select {
  width: calc(33.33333333% - 13.33333333px);
}
.form-wrapper-flex .form-row .dob select:not:last-of-type {
  margin-right: 20px;
}

.terms,
.tcpa-terms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  margin: 1rem auto;
}
.terms span,
.terms label,
.tcpa-terms span,
.tcpa-terms label {
  font-size: 0.875rem;
  color: #707a8f;
  font-family: var(--primary-font);
  font-weight: 400;
  line-height: 1.5rem;
  width: 100%;
  padding-left: 2rem;
  margin: 0;
  letter-spacing: 1px;
}

.terms label.terms-label--text {
  padding-left: 0;
}

.tcpa-terms label,
.terms label {
  font-family: var(--general-font);
  font-weight: 500;
  letter-spacing: 0;
  font-size: 13px;
  line-height: 1.5;
  color: black;
  text-align: center;
  margin: -3px 0 0 0;
  padding: 0 0 0 3px;
}
.tcpa-terms label a,
.terms label a {
  color: hsl(210, 10%, 60%);
  text-decoration: underline;
}
.tcpa-terms label a:hover,
.terms label a:hover {
  color: hsl(210, 30%, 20%);
  cursor: pointer;
}

.optin input[type=email] {
  background: url("../img/icon-mail-in.svg") no-repeat scroll 14px 13px;
  padding-left: 50px;
}

.loading i {
  display: block !important;
}
.loading span {
  display: none !important;
}

#submitbutton i {
  display: none;
}
#submitbutton span {
  display: block;
}

.tcpa-questionary-form .tcpa-questionary {
  width: 100% !important;
}
.tcpa-questionary-form .tcpa-question {
  margin: 0 0 1rem 0 !important;
  font-weight: normal;
  color: hsl(210, 30%, 20%);
}
.tcpa-questionary-form .tcpa-answers {
  margin-bottom: 1rem;
}

.tcpa-details ~ .form-row {
  margin: 0;
}

#tcpacheck {
  margin: 0;
}

#tcpa-confirmation-concent {
  margin: 1rem auto 0 auto;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#tcpa-confirmation-concent > * {
  padding: 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
@media (max-width: 768px) {
  #tcpa-confirmation-concent {
    width: 100%;
    margin-top: 10px;
  }
}

.tcpa-confirmation {
  width: 60%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .tcpa-confirmation {
    width: 98%;
  }
}
.tcpa-confirmation #tcpacheck {
  display: inline-block;
  font-size: 12px;
  opacity: 1;
}

.pe-builder-form-label {
  padding-top: 1rem !important;
}

.col-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

header {
  padding: 1rem 0;
}
header img {
  height: 5rem;
}

.header__text {
  background: #201f3c;
  color: white;
  font-size: 0.875rem;
  padding: 0 1rem;
}

.navbar {
  width: 100%;
  z-index: 100;
  padding: 0;
  top: 0;
}
.navbar-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1rem 0;
  z-index: 1;
  position: relative;
  width: 100%;
}

.home_link {
  background-color: white;
  padding: 0.35rem;
  border-radius: 4px;
}
@media (max-width: 979px) {
  .home_link {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 0 0 1rem;
  }
}
.home_link a {
  color: black;
  text-decoration: none;
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding: 4px 7px;
  text-transform: uppercase;
}
@media (max-width: 979px) {
  .home_link a {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

@media (max-width: 979px) {
  .navbar-logotype img {
    height: 2rem;
  }
  .navbar:after {
    height: 4rem;
  }
}
:root {
  --padding-height-base: 6.25rem;
}

.section {
  padding: calc(var(--padding-height-base) * 1) 0;
}
.section.white {
  background: -webkit-gradient(linear, left top, left bottom, from(hsl(210, 10%, 98%)), to(hsl(0, 0%, 100%)));
  background: linear-gradient(hsl(210, 10%, 98%), hsl(0, 0%, 100%));
  background-size: 8px;
}
.section.black {
  background: hsl(0, 0%, 0%);
}
.section.big {
  padding: calc(var(--padding-height-base) * 2) 0;
}
.section.bigger {
  padding: calc(var(--padding-height-base) * 3) 0;
}
.section.biggest {
  padding: calc(var(--padding-height-base) * 4) 0;
}

@media (max-width: 979px) {
  .section {
    padding: 1rem 0.5rem;
  }
}