@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot");
  src: url("../fonts/fontawesome-webfont.svg");
  src: url("../fonts/fontawesome-webfont.tff");
  src: url("../fonts/fontawesome-webfont.woff");
  src: url("../fonts/fontawesome-webfont.woff2"); }
@font-face {
  font-family: 'Montserrat-Bold';
  src: url("../fonts/Montserrat-Bold.eot");
  src: local("Montserrat"), url("../fonts/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat-Bold.ttf") format("truetype"), url("../fonts/Montserrat-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
:root {
  --main-color: #5B86E5;
  --orange: #F2994A;
  --gray-4: #768188;
  --blue-branding: #5B86E5;
  --dark-blue-1: #3D6ACC;
  --dark-gray-1: #252627;
  --dark-gray-2: #4F4F4F;
  --dark-gray-3: #828282;
  --light-gray-3: #F3F3F3;
  --light-gray-2: #E2E2E2; }

.header-has-dot {
  padding: 10px 0;
  margin-bottom: 0;
  background-image: url("../images/socialetsy/bg-dot.png");
  background-size: 100% auto;
  background-position: bottom center;
  background-repeat: no-repeat; }

.box-list-feature {
  background-color: rgba(255, 255, 255, 0);
  background: linear-gradient(180deg, rgba(235, 241, 255, 0.7) 0%, rgba(255, 255, 255, 0) 71.48%);
  padding: 80px 0; }
  .box-list-feature header {
    margin-bottom: 30px; }
    .box-list-feature header .title, .box-list-feature header b {
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      font-size: 24px;
      line-height: 30px; }
      .box-list-feature header .title b, .box-list-feature header b b {
        color: var(--blue-branding); }
  .box-list-feature .feature-item {
    margin-bottom: 30px; }
    .box-list-feature .feature-item img {
      margin-bottom: 24px; }
    .box-list-feature .feature-item b {
      font-size: 18px;
      line-height: 26px;
      display: block;
      margin-bottom: 4px; }
    .box-list-feature .feature-item p {
      font-size: 14px;
      line-height: 21px; }
  @media (min-width: 1200px) {
    .box-list-feature header {
      margin-bottom: 60px; }
      .box-list-feature header .title, .box-list-feature header b {
        font-size: 38px;
        line-height: 57px; }
    .box-list-feature .feature-item {
      margin-bottom: 90px; }
      .box-list-feature .feature-item b {
        font-size: 24px;
        line-height: 36px; }
      .box-list-feature .feature-item:nth-child(2n) {
        padding-left: 45px; }
      .box-list-feature .feature-item:nth-child(2n+1) {
        padding-right: 45px; } }

.sec-text-image.sec-text-image-v2 .top-title {
  color: var(--dark-gray-1);
  margin-bottom: 15px; }
  .sec-text-image.sec-text-image-v2 .top-title h6 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 600; }
  .sec-text-image.sec-text-image-v2 .top-title b {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: var(--blue-branding); }
.sec-text-image.sec-text-image-v2 .col-text b {
  color: var(--blue-branding); }
.sec-text-image.sec-text-image-v2 .btn-text-image.hide-icon i {
  display: none; }
@media (min-width: 768px) {
  .sec-text-image.sec-text-image-v2 .col-text {
    text-align: left; }
    .sec-text-image.sec-text-image-v2 .col-text .btn {
      padding: 12px 35px; }
  .sec-text-image.sec-text-image-v2 .btn-text-image.hide-icon .btn {
    padding: 14px 24px; } }
@media (min-width: 1200px) {
  .sec-text-image.sec-text-image-v2 {
    padding: 80px 0 120px 0; }
    .sec-text-image.sec-text-image-v2 .top-title {
      margin-bottom: 44px; }
      .sec-text-image.sec-text-image-v2 .top-title h6 {
        font-size: 38px;
        line-height: 57px; } }

.box-faqs {
  padding: 45px 0; }
  .box-faqs header {
    text-align: center;
    margin-bottom: 20px; }
    .box-faqs header .title {
      font-size: 24px;
      line-height: 30px;
      color: var(--blue-branding); }
  .box-faqs .list-faqs .faq-item {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    background: #FFFFFF;
    border: 1px solid #EAEEF9;
    box-sizing: border-box;
    box-shadow: 0px 8px 30px rgba(119, 148, 209, 0.1);
    border-radius: 6px;
    padding: 20px 40px 20px 20px;
    color: var(--gray-1);
    position: relative;
    cursor: pointer;
    margin-bottom: 24px; }
    .box-faqs .list-faqs .faq-item-answer {
      display: none;
      padding: 10px 0 0 0;
      line-height: 24px; }
    .box-faqs .list-faqs .faq-item i.fas {
      position: absolute;
      right: 20px;
      top: 25px;
      font-size: 12px; }
      .box-faqs .list-faqs .faq-item i.fas.fa-chevron-up {
        display: none; }
      .box-faqs .list-faqs .faq-item i.fas.fa-chevron-down {
        display: inline-block; }
    .box-faqs .list-faqs .faq-item.is-active {
      transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease; }
      .box-faqs .list-faqs .faq-item.is-active .faq-item-answer {
        display: block; }
      .box-faqs .list-faqs .faq-item.is-active .fas.fa-chevron-up {
        display: inline-block; }
      .box-faqs .list-faqs .faq-item.is-active .fas.fa-chevron-down {
        display: none; }
    .box-faqs .list-faqs .faq-item b {
      font-size: 16px;
      line-height: 24px;
      font-family: 'Poppins', sans-serif;
      font-weight: 600; }
  @media (min-width: 1200px) {
    .box-faqs {
      padding: 110px 0; }
      .box-faqs header {
        margin-bottom: 43px; }
        .box-faqs header .title {
          font-size: 38px;
          line-height: 57px; } }

.box-etsy-form {
  background: linear-gradient(180deg, #7B9EEB 0%, #5B86E5 100%), #C4C4C4;
  border-radius: 10px;
  color: white; }

.etsy-form {
  background-image: url("../images/socialetsy/bg-form.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 30px 30px 0 30px; }
  .etsy-form .left-form {
    padding: 0; }
  .etsy-form .right-form {
    padding: 15px 35px 0 0; }
    .etsy-form .right-form img {
      max-height: 462px;
      object-fit: contain;
      object-position: bottom; }
  .etsy-form .form-header {
    margin-bottom: 13px; }
    .etsy-form .form-header .title {
      font-size: 32px;
      line-height: 38px;
      font-family: 'Poppins', sans-serif;
      font-weight: 600; }
      .etsy-form .form-header .title b {
        color: #F2C94C; }
    .etsy-form .form-header p {
      font-size: 14px;
      line-height: 21px; }
  .etsy-form .mauticform-innerform .mauticform-label {
    font-size: 14px;
    line-height: 21px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500; }
  .etsy-form .mauticform-innerform input {
    height: 40px;
    padding-left: 16px;
    border: 0; }
  .etsy-form .mauticform-innerform .mauticform-button {
    background: white;
    font-size: 18px;
    line-height: 27px;
    color: var(--blue-branding);
    font-size: 18px;
    line-height: 27px;
    padding: 12px 28px;
    filter: drop-shadow(0px 2px 20px rgba(0, 0, 0, 0.1));
    border-radius: 90px;
    margin-top: 10px;
    border: 0; }
    .etsy-form .mauticform-innerform .mauticform-button:hover {
      opacity: 0.8; }
  @media (min-width: 1200px) {
    .etsy-form {
      background-size: 100% 100%;
      padding: 0; }
      .etsy-form .left-form {
        padding: 50px; }
      .etsy-form .right-form {
        padding: 34px 35px 0 0; } }

.box-youtube-item {
  padding: 45px 0; }
  .box-youtube-item .youtube-item {
    max-width: 910px;
    margin: auto;
    position: relative; }
    .box-youtube-item .youtube-item:after {
      content: '';
      display: inline-block;
      background-image: url("../images/socialetsy/youtube-play.svg");
      background-size: 100%;
      position: absolute;
      width: 50px;
      height: 50px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      z-index: 5; }
  .box-youtube-item .sub-title {
    font-size: 16px;
    line-height: 24px;
    color: var(--dark-gray-1); }
  .box-youtube-item .title {
    font-size: 24px;
    line-height: 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: var(--blue-branding);
    margin-bottom: 15px; }
  .box-youtube-item .youtube-item {
    margin: 35px auto;
    cursor: pointer; }
    .box-youtube-item .youtube-item.is-active:after {
      display: none; }
    .box-youtube-item .youtube-item:after {
      cursor: pointer; }
    .box-youtube-item .youtube-item img {
      width: 100%; }
  @media (min-width: 1200px) {
    .box-youtube-item {
      padding: 110px 0; }
      .box-youtube-item .sub-title {
        font-size: 22px;
        line-height: 33px; }
      .box-youtube-item .title {
        font-size: 38px;
        line-height: 57px; }
      .box-youtube-item .youtube-item:after {
        width: 90px;
        height: 90px; } }

/* .box-youtube-item */
.thank-you-page {
  min-height: 500px;
  height: 100vh;
  position: relative; }
  .thank-you-page:before {
    background-image: url(../images/socialetsy/thank-you-top-right.png);
    background-size: 498px 505px; }
  .thank-you-page:after {
    background-image: url(../images/socialetsy/thank-you-bottom-left.png);
    background-size: 591px 328px; }
  .thank-you-page:before, .thank-you-page:after {
    content: '';
    display: inline-block;
    position: absolute; }

.thank-you-page {
  overflow: hidden;
  padding: 50px 50px 150px 50px; }
  .thank-you-page .container,
  .thank-you-page .row {
    height: inherit;
    position: relative;
    z-index: 10; }
  .thank-you-page .left-page img {
    max-height: 614px;
    object-fit: contain; }
  .thank-you-page .right-page .app-name {
    margin-bottom: 24px; }
    .thank-you-page .right-page .app-name img {
      width: 30px;
      height: 30px;
      padding: 5px;
      object-fit: contain;
      background-color: var(--blue-branding);
      border-radius: 6px; }
    .thank-you-page .right-page .app-name span {
      font-size: 24px;
      line-height: 18px;
      color: black;
      display: inline-block;
      margin-left: 10px;
      font-family: 'Poppins', sans-serif;
      font-weight: 600; }
  .thank-you-page .right-page .title {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 60px; }
  .thank-you-page .right-page .sub-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 26px;
    line-height: 18px;
    color: var(--dark-gray-2);
    margin-bottom: 20px;
    display: block; }
  .thank-you-page .right-page .page-message {
    font-size: 16px;
    line-height: 24px;
    color: var(--dark-gray-2); }
    .thank-you-page .right-page .page-message b {
      color: var(--blue-branding); }
  .thank-you-page .right-page .thank-you-button {
    margin-top: 30px; }
  .thank-you-page:before, .thank-you-page:after {
    background-repeat: no-repeat;
    z-index: 5; }
  .thank-you-page:after {
    bottom: 0;
    left: 0;
    width: 591px;
    height: 328px; }
  .thank-you-page:before {
    top: 0;
    right: 0;
    width: 498px;
    height: 505px; }
  @media (min-width: 992px) {
    .thank-you-page {
      padding: 0; }
      .thank-you-page .right-page {
        padding-left: 67px; }
        .thank-you-page .right-page .app-name {
          margin-bottom: 24px; }
          .thank-you-page .right-page .app-name img {
            width: 45px;
            height: 45px; }
          .thank-you-page .right-page .app-name span {
            font-size: 24px;
            line-height: 18px; }
        .thank-you-page .right-page .title {
          font-size: 70px;
          line-height: 105px; }
        .thank-you-page .right-page .sub-title {
          font-size: 30px;
          line-height: 18px;
          margin-bottom: 34px; }
        .thank-you-page .right-page .page-message {
          font-size: 16px;
          line-height: 24px; }
        .thank-you-page .right-page .thank-you-button {
          margin-top: 42px; } }

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