:root {
    --white: white;
    --black: black;
  }
  
  .w-layout-blockcontainer {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  
  .w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .w-checkbox {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block;
  }
  
  .w-checkbox:before {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
  }
  
  .w-checkbox:after {
    content: " ";
    clear: both;
    grid-area: 1 / 1 / 2 / 2;
    display: table;
  }
  
  .w-checkbox-input {
    float: left;
    margin: 4px 0 0 -20px;
    line-height: normal;
  }
  
  .w-checkbox-input--inputType-custom {
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 12px;
    height: 12px;
  }
  
  .w-checkbox-input--inputType-custom.w--redirected-checked {
    background-color: #3898ec;
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #3898ec;
  }
  
  .w-checkbox-input--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec;
  }
  
  @media screen and (max-width: 991px) {
    .w-layout-blockcontainer {
      max-width: 728px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .w-layout-blockcontainer {
      max-width: none;
    }
  }
  
  body {
    color: #333;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
  }
  
  h3 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
  }
  
  .hero-section {
    width: 100%;
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 75px 0;
  }
  
  .body {
    color: #000;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 400;
  }
  
  .head-logo {
    text-align: center;
    padding-bottom: 30px;
  }
  
  .body-wrap {
    background-image: linear-gradient(to right, #406dab, #409cdc 51%, #e74b53);
    border-radius: 25px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-bottom: 85px;
    padding-left: 8%;
    padding-right: 8%;
    display: flex;
  }
  
  .page-btn-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    display: flex;
  }
  
  .heading {
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 120px;
    font-size: 45px;
    font-weight: 700;
    line-height: 60px;
  }
  
  .list {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    padding-left: 3%;
    padding-right: 3%;
    display: flex;
  }
  
  .list.old-d-none {
    display: none;
  }
  
  .heading-2 {
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 19px;
    font-weight: 400;
  }
  
  .sm-box {
    text-align: center;
    width: 400px;
  }
  
  .button {
    background-color: #ff3e3e;
    border-radius: 10px;
    width: 320px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
  }
  
  .button:hover {
    background-color: #409cdc;
  }
  
  .button.home-button-style {
    border-radius: 50px;
    width: 250px;
  }
  
  .banner {
    z-index: 2;
    background-image: linear-gradient(98deg, #455a96, #3383c2 50%, #b04a64);
    position: relative;
    width: 100%;
    padding: 0;
  }
  
  .banner.faq-banner {
    height: 420px;
    padding-top: 200px;
  }
  
  .banner.casestudy-banner {
    height: 600px;
    padding-top: 220px;
  }
  
  .banner.case-study-hero {
    background-color: #edf5fe;
    background-image: none;
    height: auto;
    padding-bottom: 130px;
  }
  
  .banner.home-hero-sec {
    border-radius: 0;  /* Remove border radius to extend to edges */
  }
  
  .banner.home-hero-sec.old-home {
    height: 750px;
  }
  
  .banner.pricing-banner {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 800px;
    padding-top: 180px;
    display: flex;
  }
  
  .custom-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .custom-container.position-relative {
    z-index: 2;
    position: relative;
  }
  
  .custom-container.head-conteiner {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
  }
  
  .custom-container.large {
    max-width: 1280px;
    padding-left: 0;
    padding-right: 0;
  }
  
  .custom-container.band-video-process {
    background-color: #edf5fe;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
  .desc-block {
    z-index: 3;
    justify-content: space-between;
    display: flex;
    position: relative;
  }
  
  .desc-block.hero-desc-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: flex;
  }
  
  .content-box {
    width: 50%;
    padding-top: 20px;
  }
  
  .heading-3 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 25px;
    padding-right: 0;
    font-family: Open Sans, sans-serif;
    font-size: 48px;
    line-height: 70px;
  }
  
  .heading-3.hero-title {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    font-size: 40px;
    line-height: 65px;
    display: flex;
  }
  
  .heading-3.hero-title.sm-header {
    font-size: 30px;
    font-weight: 400;
    line-height: 50px;
  }
  
  .heading-3.hero-title.sm-header.title-2 {
    font-weight: 300;
  }
  
  .heading-3.hero-title.sm-header.title2 {
    font-size: 28px;
    font-weight: 300;
  }
  
  .paragraph {
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 30px;
    padding-right: 65px;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    line-height: 36px;
  }
  
  .paragraph.sub-text {
    padding-top: 5px;
    font-size: 14px;
    line-height: 24px;
  }
  
  .button-2 {
    background-color: #fe3f40;
    border: 1px solid #0000;
    border-radius: 12px;
    padding: 17px 75px;
    font-family: Poppins, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
  }
  
  .button-2:hover {
    color: #fff;
    background-color: #fe3f4000;
    border-color: #fff;
  }
  
  .button-2.buttontwo {
    padding-left: 50px;
    padding-right: 50px;
  }
  
  .button-2.case-study-butn {
    padding-left: 51px;
    padding-right: 51px;
    line-height: 25px;
  }
  
  .img-block {
    width: 50%;
  }
  
  .img-block.hero-imgbox {
    flex-direction: row;
    align-items: center;
    width: 100%;
    display: flex;
  }
  
  .left-arrow, .right-arrow {
    display: none;
  }
  
  .slide {
    background-color: #b1585800;
    height: 100%;
  }
  
  .slide-2 {
    background-color: #0000;
  }
  
  .slider {
    background-color: #0000;
    height: 470px;
  }
  
  .slider.slider-off.d-none {
    overflow-wrap: normal;
    mix-blend-mode: normal;
    transition: opacity .2s;
    display: none;
  }
  
  .slider.d-none {
    display: none;
  }
  
  .main-img-box {
    z-index: 2;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .img-div {
    z-index: 2;
    object-fit: none;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    flex: 0 auto;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
  }
  
  .img-div.image-off {
    background-image: none;
  }
  
  .image {
    width: 100%;
    height: 100%;
    display: none;
  }
  
  .mask {
    height: 470px;
  }
  
  .slide-nav {
    inset: auto 0% -40px;
  }
  
  .header {
    position: relative;
    width: 100%;
    height: auto;  /* Let content determine height */
    padding: 20px 0;  /* Add some vertical padding */
    z-index: 999;
  }
  
  .navbar-logo-left {
    background-color: white;
    border-radius: 12px;
    padding: 10px 20px;  /* Add some padding inside the white nav bar */
  }
  
  .navbar-logo-left-container {
    padding: 0;
    height: auto;
  }
  
  .navbar-logo-left-container.shadow-three {
    width: 100%;
    max-width: 1140px;
    margin-bottom: 0;
    padding: 20px 5px;
  }
  
  .navbar-logo-left-container.shadow-three.word-block-nav {
    padding-left: 20px;
    padding-right: 24px;
  }
  
  .container {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .navbar-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  
  .nav-menu-two {
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    display: flex;
  }
  
  .nav-link {
    color: #1a1b1f;
    letter-spacing: .25px;
    white-space: nowrap;
    word-break: keep-all;
    width: 100%;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px 10px;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
  }
  
  .nav-link:hover {
    color: #fe3f40;
  }
  
  .nav-link:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
  }
  
  .nav-link[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
  }
  
  .nav-link.lastmenu-mr-off {
    margin-right: 0;
  }
  
  .nav-link.nav-link-padding {
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    display: inline;
  }
  
  .nav-link.nav-link-padding.contact-us-footer {
    color: #080808;
    margin-left: 0;
    margin-right: 0;
    padding-left: 1px;
    padding-right: 0;
    font-size: 14px;
    font-weight: 400;
  }
  
  .nav-link.nav-link-padding.login-header {
    float: right;
    clear: none;
    color: red;
    text-align: center;
    font-size: 16px;
  }
  
  .nav-dropdown {
    margin-left: 5px;
    margin-right: 5px;
  }
  
  .nav-dropdown-toggle {
    letter-spacing: .25px;
    padding: 5px 30px 5px 10px;
    font-size: 14px;
    line-height: 20px;
  }
  
  .nav-dropdown-toggle:hover {
    color: #1a1b1fbf;
  }
  
  .nav-dropdown-toggle:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd;
  }
  
  .nav-dropdown-toggle[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd;
  }
  
  .nav-dropdown-icon {
    margin-right: 10px;
  }
  
  .nav-dropdown-list {
    background-color: #fff;
    border-radius: 12px;
  }
  
  .nav-dropdown-list.w--open {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .nav-dropdown-link {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
  }
  
  .nav-dropdown-link:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd;
  }
  
  .nav-dropdown-link[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd;
  }
  
  .nav-divider {
    background-color: #e4ebf3;
    width: 1px;
    height: 22px;
    margin-left: 15px;
    margin-right: 15px;
  }
  
  .nav-link-accent {
    color: #1a1b1f;
    letter-spacing: .25px;
    margin-left: 5px;
    margin-right: 20px;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
  }
  
  .nav-link-accent:hover {
    color: #1a1b1fbf;
  }
  
  .button-primary {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #1a1b1f;
    padding: 12px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
  }
  
  .button-primary:hover {
    color: #fff;
    background-color: #32343a;
  }
  
  .button-primary:active {
    background-color: #43464d;
  }
  
  .right-box {
    justify-content: center;
    align-items: center;
    font-size: 15px;
    display: flex;
  }
  
  .header-btn {
    margin-bottom: 0;
    padding-left: 10px;
    display: flex;
  }
  
  .header-btn.for-mobile {
    display: none;
  }
  
  .login {
    color: #fe3f40;
    text-align: center;
    background-color: #0000;
    border: 1px solid #fe3f40;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    display: flex;
  }
  
  .login:hover {
    color: #fff;
    background-color: #409cdc;
    border-color: #0000;
  }
  
  .login.advertiser-btn {
    color: #fff;
    overflow-wrap: normal;
    background-color: #fe3f40;
    border-color: #0000;
    flex-wrap: nowrap;
    justify-content: center;
    width: 146px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 16px;
  }
  
  .login.advertiser-btn:hover {
    color: #409cdc;
    background-color: #0000;
    border-color: #409cdc;
  }
  
  .list-item {
    padding-left: 10px;
  }
  
  .button-3 {
    background-color: #409cdc;
    border: 1px solid #0000;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 50px;
    margin-right: 10px;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 500;
    display: flex;
  }
  
  .button-3:hover {
    color: #409cdc;
    background-color: #0000;
    border-color: #409cdc;
  }
  
  .button-3.creator-btn {
    background-color: #409cdc;
    width: 146px;
    font-size: 14px;
  }
  
  .image-2 {
    width: 234px;
    margin-left: 10px;
  }
  
  .support-block {
    padding-top: 1000px;
    padding-bottom: 112px;
  }
  
  .support-block.product-page-comp-chart {
    background-color: #edf5fe;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 100px;
    display: flex;
  }
  
  .support-block.brand-platforms {
    padding-top: 110px;
    padding-bottom: 110px;
  }
  
  .banner-bg-texture {
    z-index: 2;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 225px;
    position: absolute;
    inset: auto 0% 0;
  }
  
  .banner-bg-texture.ig-to-fb {
    height: 180px;
  }
  
  .social-platform {
    margin-top: 0;
    padding-bottom: 0;
  }
  
  .sm-heading {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: 600;
  }
  
  .sm-heading.padding-botton-60px {
    padding-bottom: 60px;
  }
  
  .sm-heading.p-two.news {
    text-align: left;
    flex-flow: row;
    margin-bottom: 20px;
    padding-top: 100px;
    padding-bottom: 0;
    padding-left: 50px;
    font-size: 18px;
    font-weight: 500;
    line-height: 5px;
    display: block;
  }
  
  .body-2 {
    color: #080808;
    font-family: Poppins, sans-serif;
    font-size: 16px;
  }
  
  .bold-text {
    color: #03a4ed;
    font-weight: 600;
  }
  
  .list-2 {
    justify-content: center;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    display: flex;
  }
  
  .list-2.product-page {
    margin-left: 0;
    margin-right: 0;
    list-style-type: none;
    display: block;
  }
  
  .social-sm-box {
    background-color: #fff;
    border-radius: 25px;
    justify-content: center;
    align-items: center;
    width: 172px;
    height: 172px;
    padding-top: 14px;
    line-height: 30px;
    display: flex;
    box-shadow: 0 4px 25px 5px #a1cadd57;
  }
  
  .list-item-2 {
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .f-shado {
    width: 100%;
    height: 25px;
    box-shadow: 0 2px 5px #c2defb;
  }
  
  .brand-section {
    background-color: #edf5fe;
    border-radius: 25px;
    padding-top: 70px;
    padding-bottom: 76px;
  }
  
  .brand-section.home-brand-sec {
    border-radius: 0;
  }
  
  .brands {
    flex-direction: row;
    align-items: center;
    padding-top: 50px;
    display: flex;
  }
  
  .brands-box {
    flex-direction: column;
    align-items: center;
    height: 145px;
    display: flex;
  }
  
  .brands-box.brands-box-layout {
    display: flex;
  }
  
  .brands-box.brands-box-layout.brands-box2 {
    flex-direction: row;
    align-items: center;
    height: 146px;
    display: flex;
  }
  
  .target-block {
    margin-top: 60px;
    padding: 15px 20px 0;
  }
  
  .target-list {
    padding-top: 45px;
  }
  
  .target-list.mobile-view, .target-list.mobile-view-block {
    display: none;
  }
  
  .target-item {
    background-color: #03a4ed;
    border-radius: 30px;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px 10px 15px;
    display: flex;
  }
  
  .tearget-box {
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 17px;
    font-weight: 500;
  }
  
  .target-box {
    padding: 10px;
  }
  
  .targettow {
    padding-top: 8px;
  }
  
  .footer {
    background-color: #edf5fe;
    padding: 130px 20px 20px;
  }
  
  .footer-top-block {
    padding-bottom: 50px;
  }
  
  .heading-4 {
    color: #080808;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
    font-size: 20px;
  }
  
  .link {
    color: #080808;
    text-decoration: none;
  }
  
  .link:hover {
    color: #fe3f40;
  }
  
  .list-item-3 {
    padding-bottom: 14px;
  }
  
  .list-3 {
    margin-top: 15px;
    display: flex;
  }
  
  .list-item-4, .list-item-5, .list-item-6 {
    padding-right: 15px;
  }
  
  .footer-bottom-block {
    border-top: 1px solid #bee5fb;
    justify-content: space-between;
    align-items: center;
    padding-top: 27px;
  }
  
  .div-block {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  
  .text-block, .text-block-2 {
    font-size: 15px;
  }
  
  .list-4 {
    display: flex;
  }
  
  .link-2 {
    color: #080808;
    font-size: 14px;
    text-decoration: none;
  }
  
  .link-2:hover {
    color: #fe3f40;
  }
  
  .list-item-7 {
    padding-left: 40px;
  }
  
  .target-video {
    padding-top: 85px;
    display: none;
  }
  
  .target-video.target-video-two {
    padding-top: 45px;
    display: block;
  }
  
  .videothumble {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    width: 95%;
    height: 650px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
  }
  
  .videothumble.videothumble-two {
    background-position: 50%;
    background-size: 100%;
    border-radius: 2px;
    height: 400px;
  }
  
  .videothumble.videothumble-two.videothumble-processvid {
    background-size: contain;
  }
  
  .videothumble.videothumble-two.creator {
    border-radius: 8px;
    width: 95%;
    margin-right: 113px;
  }
  
  .html-embed {
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }
  
  .div-block-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }
  
  .proess-block.brand-video-process {
    background-color: #edf5fe;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
  .wrok-block {
    margin-top: 20px;
    padding: 60px 40px 100px;
  }
  
  .div-block-3 {
    padding-top: 60px;
  }
  
  .work-sm-box {
    background-color: #fff;
    border-radius: 25px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 10px;
    position: relative;
    box-shadow: 1px 8px 19px 8px #d9f1fced;
  }
  
  .work-sm-box.work-sm-box2 {
    box-shadow: 0 0 20px 6px #ffe8e8;
  }
  
  .work-img-box {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    height: 142px;
    display: flex;
  }
  
  .work-img-box.work-img-box2 {
    background-position: 50%;
    background-size: cover;
  }
  
  .work-content-box {
    height: 205px;
    padding-top: 20px;
  }
  
  .heading-5 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 13px;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
  }
  
  .paragraph-2 {
    color: #080808;
    text-align: center;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 24px;
  }
  
  .gap {
    justify-content: center;
    align-items: stretch;
    height: 90px;
    display: flex;
  }
  
  .number {
    background-color: #03a4ed;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 58px;
    display: flex;
    position: absolute;
    inset: -6% auto auto -7%;
  }
  
  .number.number-red {
    background-color: #fe3f40;
  }
  
  .heading-6 {
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
  }
  
  .line-block {
    background-color: #e3e6ef;
    width: 15px;
  }
  
  .heading-7 {
    color: #eef7fd;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 25px;
    font-size: 56px;
    font-weight: 800;
    line-height: 60px;
  }
  
  .heading-7.text-bottom {
    color: #ffc0c0;
    padding-top: 25px;
    padding-bottom: 0;
    font-size: 65px;
    line-height: 65px;
  }
  
  .heading-7.text-bottom.text-bottom-off {
    display: none;
  }
  
  .heading-7.d-none {
    color: #bce3fd;
    display: block;
  }
  
  .top-space {
    height: 55px;
  }
  
  .line2 {
    z-index: -1;
    transform-style: preserve-3d;
    background-color: #e3e6ef;
    width: 15px;
    height: 125px;
    position: absolute;
    inset: -24% -14% auto auto;
    transform: rotateX(13deg)rotateY(0)rotateZ(58deg);
  }
  
  .bgtexture1 {
    z-index: -1;
    position: absolute;
    inset: -3% auto auto -1%;
  }
  
  .bgtexture1.bgtexturenew {
    top: 12%;
  }
  
  .bgtexture2 {
    z-index: -1;
    position: absolute;
    inset: 10% auto auto -5%;
  }
  
  .bgtexture2.bgtexture2-new {
    top: 36%;
  }
  
  .bgtexture3 {
    z-index: -1;
    position: absolute;
    inset: auto -2% 3% auto;
  }
  
  .image-3 {
    z-index: -1;
    position: absolute;
    inset: auto -4% 15% auto;
  }
  
  .client-block {
    z-index: 1;
    padding: 130px 10px 74px;
    position: relative;
  }
  
  .div-block-4 {
    padding-top: 40px;
  }
  
  .client {
    transition: opacity .2s;
  }
  
  .client-box {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #fff;
    border-radius: 20px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    height: 500px;
    margin: 15px 15px 20px;
    padding: 24px 24px 0;
    display: flex;
    box-shadow: 0 3px 12px 9px #c5c3c333;
  }
  
  .div-block-5 {
    border: 5px solid #fe3f40;
    border-radius: 100px;
    width: 95px;
    height: 95px;
    margin-bottom: 10px;
    overflow: hidden;
  }
  
  .image-4 {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
  
  .heading-8 {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
  }
  
  .paragraph-3 {
    text-align: center;
    max-height: 300px;
    line-height: 24px;
    overflow: auto;
  }
  
  .bgtexture4 {
    z-index: -1;
    width: 650px;
    position: absolute;
    inset: auto 3% 10% auto;
  }
  
  .footer-top-space {
    z-index: -1;
    background-color: #edf5fe;
    height: 150px;
    position: absolute;
    inset: auto 0% 0%;
  }
  
  .bottom-top {
    padding-top: 15px;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
  }
  
  .bottom-top.about-bottom-top {
    padding-top: 90px;
  }
  
  .bottom-top.case-study-sec {
    padding-top: 90px;
    padding-left: 40px;
    padding-right: 40px;
  }
  
  .case-studies {
    z-index: 2;
    background-image: linear-gradient(120deg, #455a96, #287cbd 54%, #9c4d6d);
    border-radius: 15px;
    padding: 72px 90px 90px;
  }
  
  .case-studies.about-cs {
    padding-left: 60px;
    padding-right: 60px;
  }
  
  .heading-9 {
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 40px;
    font-size: 36px;
    font-weight: 600;
    line-height: 40px;
  }
  
  .heading-9.line-height {
    line-height: 70px;
  }
  
  .sm-casestudies-card {
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 10px 20px;
  }
  
  .img-box {
    background-color: #edf5fe;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    height: 175px;
    margin-bottom: 20px;
    display: flex;
    overflow: hidden;
  }
  
  .image-5 {
    width: auto;
    max-height: 100%;
  }
  
  .heading-10 {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
  }
  
  .heading-10.case-study-heading {
    margin-bottom: 10px;
    font-size: 22px;
  }
  
  .paragraph-4 {
    margin-bottom: 0;
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 22px;
  }
  
  .button-4 {
    background-color: #fe3f40;
    border-radius: 12px;
    padding: 12px 24px;
    font-size: 15px;
  }
  
  .button-4:hover {
    background-color: #409cdc;
  }
  
  .div-block-6 {
    height: 220px;
    padding-left: 5px;
    padding-right: 5px;
  }
  
  .div-block-7 {
    text-align: center;
    padding-top: 50px;
  }
  
  .div-block-7.padding-off {
    padding-top: 0;
  }
  
  .sponsor-block {
    padding-top: 140px;
    padding-bottom: 120px;
  }
  
  .body-3 {
    color: #080808;
    font-family: Poppins, sans-serif;
  }
  
  .div-block-8 {
    padding-top: 50px;
  }
  
  .sponsor-box {
    border: 1px solid #03a4ed;
    border-radius: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 30px 45px;
    display: flex;
    box-shadow: 0 8px 12px 6px #d4effcb3;
  }
  
  .div-block-9 {
    text-align: center;
    margin-bottom: 15px;
  }
  
  .div-block-10 {
    text-align: center;
    padding-bottom: 32px;
  }
  
  .heading-11 {
    color: #080808;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 25px;
    font-size: 20px;
    font-weight: 600;
  }
  
  .paragraph-5 {
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 30px;
    padding-left: 0;
    font-size: 16px;
    line-height: 27px;
  }
  
  .button-5 {
    background-color: #fe3f40;
    border-radius: 10px;
    padding: 12px 30px;
    font-size: 16px;
    line-height: 24px;
  }
  
  .button-5:hover {
    background-color: #03a4ed;
  }
  
  .column, .column-2, .column-3 {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .section {
    padding-bottom: 40px;
  }
  
  .section.creator-band-sec {
    padding-bottom: 0;
  }
  
  .column-4 {
    padding-left: 5px;
    padding-right: 5px;
  }
  
  .column-5 {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .column-5.padding-top, .column-6 {
    padding-left: 5px;
    padding-right: 5px;
  }
  
  .heading-12 {
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 35px;
    font-size: 40px;
    line-height: 70px;
  }
  
  .heading-12.twitch-stream {
    font-size: 32px;
  }
  
  .howit-work {
    padding-top: 1000px;
    padding-bottom: 168px;
  }
  
  .howit-work.d-none {
    padding-left: 10px;
    padding-right: 10px;
    display: none;
  }
  
  .howit-work.yt-product-howitworks {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  
  .howit-work.creator-page {
    padding-top: 60px;
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .box-block {
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    display: flex;
  }
  
  .box-block.last-box {
    padding-bottom: 0;
  }
  
  .box-block.md-box, .box-block.yt-product-how-it-works {
    padding-bottom: 80px;
  }
  
  .howitworks-img-block {
    text-align: center;
    width: 50%;
  }
  
  .worknumber {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
  }
  
  .div-block-11 {
    background-color: #fe3f40;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 78px;
    height: 78px;
    display: flex;
  }
  
  .heading-13 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 36px;
    font-weight: 600;
  }
  
  .heading-14 {
    margin-top: 24px;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 500;
  }
  
  .video {
    width: 100%;
    height: 100%;
  }
  
  .video-slider {
    z-index: 3;
    display: block;
    position: relative;
    overflow: hidden;
  }
  
  .video-slider.short-form-videos {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: block;
  }
  
  .video-slider-item.min-height {
    min-height: 500px;
  }
  
  .video-slider-item.short-form-videos {
    justify-content: space-around;
    margin-left: 0;
    display: flex;
  }
  
  .video-slider-wrapper {
    margin-left: 40px;
    position: relative;
  }
  
  .bodywrap {
    width: 100%;
    overflow: hidden;
  }
  
  .bodywrap.overflow-vs {
    overflow: visible;
  }
  
  .slide-img.slide-img-off {
    display: none;
  }
  
  .slide-img.d-none {
    object-fit: scale-down;
    height: auto;
    display: none;
  }
  
  .image-7 {
    width: 100%;
  }
  
  .video-backup, .video-backup.d-block {
    display: block;
  }
  
  .video-backup.d-block.min-height {
    aspect-ratio: auto;
    object-fit: fill;
    flex-wrap: nowrap;
    height: 500px;
    min-height: auto;
    max-height: none;
    display: flex;
    position: relative;
    top: 0;
    bottom: 0;
  }
  
  .video-backup.d-block.min-height.short-form-video {
    aspect-ratio: auto;
    text-align: left;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: auto;
    padding-left: 0;
  }
  
  .mobile-view-text-d-block {
    display: none;
  }
  
  .heading-15 {
    z-index: 99;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 60px;
    line-height: 90px;
    position: relative;
  }
  
  .heading-15.contact {
    text-transform: none;
    margin-top: 0;
  }
  
  .heading-15.ig-to-fb {
    font-size: 36px;
    font-weight: 700;
    line-height: 70px;
  }
  
  .body-4 {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    line-height: 36px;
  }
  
  .faq-wrap {
    padding-top: 100px;
    padding-bottom: 110px;
  }
  
  .for-brand-block {
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .for-brand-block.for-creator-block {
    padding-bottom: 0;
  }
  
  .heading-16 {
    color: #080808;
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 30px;
  }
  
  .list-6 {
    padding-left: 40px;
  }
  
  .text-block-3 {
    font-size: 18px;
    line-height: 30px;
  }
  
  .sm-link-style {
    color: #080808;
  }
  
  .list-item-8 {
    padding-bottom: 23px;
  }
  
  .for-brand-faq {
    padding-top: 70px;
    padding-left: 70px;
    padding-right: 70px;
  }
  
  .for-brand-faq.for-creators-faq {
    padding-top: 95px;
  }
  
  .for-brand-faq.faq-yt-page {
    padding-top: 60px;
    padding-bottom: 120px;
  }
  
  .heading-17 {
    color: #ff3e3e;
    text-align: center;
    border-bottom: 2px solid #ff3e3e;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 50px;
    font-size: 48px;
    line-height: 50px;
  }
  
  .heading-17.blue-color {
    color: #03a4ed;
    border-bottom-color: #03a4ed;
  }
  
  .box-wrap {
    border-bottom: 2px solid #ff3e3e;
  }
  
  .box-wrap.blue-border-color, .box-wrap.blue-border-color-copy {
    border-bottom-color: #03a4ed;
  }
  
  .accordion-title.js-accordion-title {
    margin-top: 0;
    margin-bottom: 0;
    padding: 22px;
    font-size: 20px;
    font-weight: 600;
  }
  
  .accordion-content {
    padding: 25px 35px;
  }
  
  .paragraph-6 {
    color: #080808;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 30px;
  }
  
  .body-5 {
    font-family: Poppins, sans-serif;
    font-size: 16px;
  }
  
  .heading-18 {
    z-index: 99;
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 25px;
    font-size: 60px;
    line-height: 52px;
    position: relative;
  }
  
  .text-block-4 {
    z-index: 99;
    color: #fff;
    text-align: center;
    font-size: 25px;
    font-weight: 400;
    line-height: 36px;
    position: relative;
  }
  
  .case-study-list {
    padding: 90px 20px 100px;
  }
  
  .sm-cs-box {
    background-color: #fff;
    border: 1px solid #03a4ed;
    border-radius: 10px;
    margin-bottom: 25px;
    padding: 8px;
    box-shadow: 0 8px 12px -5px #0000001c;
  }
  
  .sm-cs-box.case-study-box {
    color: #fff;
    width: 100%;
    text-decoration: none;
  }
  
  .img {
    background-color: #edf5fe;
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 175px;
    display: flex;
  }
  
  .content {
    text-align: center;
    padding-top: 36px;
    padding-bottom: 26px;
  }
  
  .button-6 {
    background-color: #fe3f40;
    border: 1px solid #0000;
    border-radius: 10px;
    padding: 15px 30px;
    font-size: 16px;
  }
  
  .button-6:hover {
    color: #fe3f40;
    background-color: #0000;
    border-color: #fe3f40;
  }
  
  .button-6.case-study-butn {
    display: inline-block;
  }
  
  .collection-item {
    padding-left: 12px;
    padding-right: 12px;
  }
  
  .blacknwhite {
    filter: grayscale();
    mix-blend-mode: normal;
  }
  
  .who-we-are-block {
    z-index: 1;
    padding-top: 80px;
    padding-bottom: 70px;
    position: relative;
  }
  
  .div-block-12 {
    display: flex;
  }
  
  .aboutcontent-box {
    flex-direction: column;
    justify-content: center;
    width: 55%;
    padding-right: 100px;
    display: flex;
  }
  
  .heading-19 {
    color: #080808;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 25px;
    font-size: 30px;
    line-height: 45px;
  }
  
  .paragraph-9 {
    color: #080808;
    margin-bottom: 0;
    font-size: 20px;
  }
  
  .aboutimage-box {
    width: 45%;
  }
  
  .top-issue-block {
    background-color: #fff0f0;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
  .top-issue-block.ig-to-fb {
    background-color: #fff;
    padding-top: 0;
  }
  
  .sm-main-block {
    justify-content: space-between;
    display: flex;
  }
  
  .about-icon-block {
    background-color: #fff;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    width: 135px;
    height: 135px;
    display: flex;
  }
  
  .about-right-desc {
    width: 85%;
    padding-left: 10px;
  }
  
  .heading-20 {
    color: #080808;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 24px;
    font-size: 30px;
    line-height: 45px;
  }
  
  .heading-20.ig-to-fb {
    font-size: 17px;
  }
  
  .paragraph-10 {
    direction: ltr;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 30px;
  }
  
  .paragraph-10.ig-to-fb {
    display: flex;
  }
  
  .bottom-issue-block {
    background-color: #edf5fe;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
  .bottom-issue-block.ig-to-fb {
    background-color: #fff;
    padding-top: 0;
  }
  
  .paragraph-11 {
    color: #fff;
    text-align: center;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 60px;
  }
  
  .paragraph-11.bottom-para {
    font-weight: 500;
  }
  
  .link-3 {
    color: #fff;
    border-bottom: 2px solid #fff;
    text-decoration: none;
  }
  
  .link-3:hover {
    color: #fe3f40;
    border-bottom-color: #fe3f40;
  }
  
  .hero-butn-grid {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    text-align: left;
    grid-template: ". Area"
    / 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    display: flex;
  }
  
  .hero-butn-box {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    color: #fff;
    text-align: left;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 20px;
    line-height: 30px;
    display: flex;
  }
  
  .hero-butn-box.press {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: space-around;
    align-items: center;
    max-width: none;
    padding-top: 0;
    padding-left: 0;
    font-size: 15px;
    display: flex;
  }
  
  .hero-butn-box.press.new-home {
    justify-content: center;
    align-items: center;
    width: 70%;
    padding-left: 80px;
    display: flex;
  }
  
  .hero-img {
    aspect-ratio: auto;
    text-align: left;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin-left: 40px;
    margin-right: auto;
    font-weight: 400;
    display: inline-block;
  }
  
  .hero-img.press-image {
    width: 60%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  
  .hero-img.g2-image {
    width: 40%;
    margin-left: 0;
  }
  
  .hero-img.awards {
    width: 20%;
    margin-left: 0;
  }
  
  .advertise-section {
    padding: 90px 40px;
  }
  
  .advertise-section.pres-section {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-around;
    align-items: stretch;
    padding: 0;
    display: block;
  }
  
  .advertise-grid {
    grid-column-gap: 100px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .75fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .advertise-grid.agent-grid {
    grid-column-gap: 100px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1.25fr;
  }
  
  .sec-title {
    margin-top: 0;
    font-family: Poppins, sans-serif;
    font-size: 30px;
    line-height: 45px;
  }
  
  .sec-title.text-center.mb-0 {
    margin-bottom: 0;
  }
  
  .color-ff3e3e {
    color: #ff3e3e;
  }
  
  .advertise-para {
    color: #080808;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    display: inline-block;
  }
  
  .advertise-video {
    border-radius: 10px;
    position: relative;
  }
  
  .advertise-video.creator {
    margin-right: 40px;
    display: flex;
  }
  
  .color-409cdc {
    color: #409cdc;
  }
  
  .butn-cls {
    text-align: center;
    border: 1px solid #0000;
    border-radius: 10px;
    min-width: 200px;
    padding: 20px 30px;
    font-size: 18px;
    line-height: 19px;
  }
  
  .butn-cls.outline-red {
    color: #ff3e3e;
    background-color: #3898ec00;
    border-color: #ff3e3e;
  }
  
  .butn-cls.outline-red:hover {
    color: #fff;
    background-color: #ff3e3e;
  }
  
  .butn-cls.outline-blue {
    color: #409cdc;
    background-color: #3898ec00;
    border-color: #409cdc;
  }
  
  .butn-cls.outline-blue:hover {
    color: #fff;
    background-color: #409cdc;
  }
  
  .butn-cls.hero-butn {
    min-width: 250px;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
  }
  
  .butn-cls.hero-butn.blue {
    background-color: #409cdc;
    font-size: 24px;
  }
  
  .butn-cls.hero-butn.blue:hover {
    background-color: #409cdc00;
    border-color: #409cdc;
  }
  
  .butn-cls.hero-butn.red {
    background-color: #fe3f40;
    min-width: 250px;
    font-size: 24px;
  }
  
  .butn-cls.hero-butn.red:hover {
    background-color: #fe3f4000;
    border-color: #fe3f40;
  }
  
  .agency-textbox {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }
  
  .agent-section {
    background-color: #fff;
    border-radius: 20px;
    padding: 100px 40px;
  }
  
  .counter-section {
    padding: 95px 40px;
  }
  
  .counter-section.new-home {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  .count-grid {
    grid-column-gap: 31px;
    grid-row-gap: 31px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .count-box {
    color: #080808;
    border-radius: 10px;
    padding: 25px 15px;
    font-weight: 400;
    line-height: 24px;
    box-shadow: 0 0 20px #01010133;
  }
  
  .count-box-title {
    color: #ff3e3e;
    border-bottom: 1px solid #409cdc;
    margin-top: 0;
    padding-bottom: 18px;
    font-size: 28px;
    font-weight: 600;
    line-height: 22px;
  }
  
  .counterup {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Poppins, sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 36px;
  }
  
  .play-butn {
    cursor: pointer;
    margin: auto;
    position: absolute;
    inset: 0;
  }
  
  .play-butn.play-butn-link {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .count-no-wrap {
    align-items: center;
    margin-top: 40px;
    margin-bottom: 50px;
    font-size: 48px;
    font-weight: 700;
    line-height: 36px;
    display: flex;
  }
  
  .count-no-wrap.result-count {
    margin-top: 0;
    margin-bottom: 0;
  }
  
  .video-modal {
    z-index: 999;
    background-color: #00000080;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
  }
  
  .video-modal.active {
    padding: 8px;
    display: block;
  }
  
  .modal-center-align {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }
  
  .modal-body {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .modal-body.gallery-modal-body {
    height: 100%;
    max-height: 800px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .modal-close {
    cursor: pointer;
    background-color: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    padding: 8px;
    display: flex;
    position: absolute;
    top: -15px;
    right: -15px;
    box-shadow: 0 0 15px #0000001f;
  }
  
  .modal-content-wrap {
    background-color: #fff;
    border-radius: 5px;
    width: 600px;
    position: relative;
  }
  
  .case-study-hero-grid {
    grid-column-gap: 160px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: .75fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    display: grid;
  }
  
  .case-hero-title {
    color: #080808;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 0;
    font-family: Poppins, sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    display: flex;
  }
  
  .casestudy-2nd-section {
    padding-top: 124px;
    padding-bottom: 100px;
  }
  
  .case-grid {
    grid-column-gap: 90px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .75fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .case-grid.solution-grid {
    grid-column-gap: 60px;
    border: 2px #b6d8fa;
    border-radius: 9px;
    grid-template-columns: .75fr 1fr;
    margin-top: 60px;
  }
  
  .case-grid.result-grid {
    grid-column-gap: 50px;
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
  
  .case-rich-text {
    color: #080808;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    line-height: 30px;
  }
  
  .case-rich-text h3 {
    margin-top: 0;
    margin-bottom: 35px;
    font-size: 30px;
    line-height: 45px;
  }
  
  .case-barnd-imgbox {
    background-color: #fff;
    border-radius: 30px;
    flex-direction: column;
    justify-content: space-between;
    width: 425px;
    height: auto;
    padding: 15px;
    display: flex;
    box-shadow: 0 10px 30px #0003;
  }
  
  .case-imgbox {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .result-section {
    background-color: #edf5fe;
    padding: 85px 15px;
  }
  
  .createor-content-section {
    padding-top: 85px;
    padding-bottom: 60px;
  }
  
  .result-img-col {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .result-imgbox {
    color: #080808;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    width: 180px;
    max-width: 180px;
    height: 210px;
    padding-bottom: 17px;
    font-family: Poppins, sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    box-shadow: 0 0 15px #01010126;
  }
  
  .result-icon-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    color: #ff3e3e;
    border-bottom: 1px solid #409cdc;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: 138px;
    margin-bottom: 15px;
    padding: 25px 10px;
    display: flex;
  }
  
  .text-center {
    text-align: center;
  }
  
  .creator-content-list {
    grid-column-gap: 65px;
    grid-row-gap: 65px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .d-none {
    display: none;
  }
  
  .gallery-content-wrap {
    background-position: 96% 100%, 21px 24px;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
    width: 100%;
    padding: 40px 100px 85px;
  }
  
  .creator-content-box {
    max-width: 470px;
    height: 270px;
    position: relative;
  }
  
  .video-title {
    opacity: 0;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
  }
  
  .gallery-creator-item {
    max-height: 270px;
  }
  
  .creator-img-embed {
    width: 100%;
    height: 100%;
  }
  
  .home-casestudy-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .case-study-category {
    grid-column-gap: 16px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }
  
  .category-tag {
    color: #fe3f40;
    white-space: nowrap;
    word-break: keep-all;
    object-fit: fill;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    text-decoration: none;
    position: relative;
  }
  
  .brand-img-cls {
    flex: 0 80 auto;
    width: 82%;
    margin-left: auto;
    margin-right: auto;
  }
  
  .brand-img-cls.dk-logo-slider {
    aspect-ratio: 16 / 9;
    object-fit: scale-down;
  }
  
  .sponsrship-section {
    padding-top: 110px;
    padding-bottom: 140px;
  }
  
  .sponsrship-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 52px;
    display: grid;
  }
  
  .sponsor-img-wrap {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    flex-direction: column;
    align-items: center;
    height: 100%;
    display: flex;
  }
  
  .sponsor-brand-name {
    color: #080808;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
  }
  
  .sponsor-contxt {
    margin-top: 35px;
    margin-bottom: 35px;
    font-size: 16px;
    line-height: 30px;
  }
  
  .sponsor-img {
    aspect-ratio: auto;
    object-fit: contain;
    width: 160px;
    height: 160px;
  }
  
  .bn-content {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }
  
  .bn-content.new-home {
    display: block;
  }
  
  .image-8 {
    margin: auto;
    display: block;
  }
  
  .image-9 {
    max-width: 90%;
  }
  
  .image-10 {
    text-align: left;
    width: 500px;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  
  .image-11 {
    max-width: 500px;
  }
  
  .column-7 {
    padding-left: 20px;
    padding-right: 0;
  }
  
  .image-12 {
    padding-right: 10px;
  }
  
  .html-embed-2 {
    max-width: 200px;
  }
  
  .html-embed-3 {
    width: 100%;
  }
  
  .contact-us-wrap {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 15px 40px;
  }
  
  .field-label {
    color: #161616;
  }
  
  .form-block {
    margin-bottom: 100px;
    padding-bottom: 10px;
  }
  
  .submit-button {
    border-radius: 16px;
    margin-top: 20px;
  }
  
  .collection-item-2 {
    word-break: normal;
    flex: 0 auto;
    align-self: auto;
    font-weight: 400;
    display: block;
  }
  
  .paragraph-12 {
    text-align: center;
  }
  
  .div-block-13 {
    border: 4px dotted #ecf5fe;
    border-top: 4px #0b62b9;
    border-bottom-color: #b6d8fa;
    width: 80%;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .list-item-9 {
    text-align: left;
    width: 100px;
    margin-left: 5px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 500;
  }
  
  .list-item-10 {
    align-self: center;
    font-size: 14px;
    font-weight: 500;
    display: block;
  }
  
  .list-item-11 {
    white-space: normal;
    word-break: normal;
    flex: 0 auto;
    align-self: auto;
  }
  
  .dropdown-innerlist {
    color: #fff;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    max-width: 350px;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    overflow: hidden;
    box-shadow: 0 0 8px #00000059;
  }
  
  .dropdown-list {
    background-color: #0000;
    width: auto;
    margin-top: 0;
    margin-left: 0;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    box-shadow: 0 2px #0003;
  }
  
  .dropdownwrapper {
    height: 100%;
    display: block;
    position: relative;
  }
  
  .down {
    display: none;
  }
  
  .navlink {
    letter-spacing: .3px;
    text-transform: none;
    cursor: pointer;
    align-items: center;
    height: 100%;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0 5px;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    display: flex;
  }
  
  .navlink:hover {
    color: #2193b0;
    text-align: left;
  }
  
  .navlink.w--current {
    color: #2193b0;
    text-transform: capitalize;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .navlink.sub {
    color: #333;
    white-space: nowrap;
    flex-wrap: nowrap;
    align-self: stretch;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    display: block;
  }
  
  .navlink.sub:hover {
    color: #2193b0;
    text-decoration: none;
  }
  
  .navlink.company-home-page {
    font-size: 14px;
  }
  
  .navlink.company-home-page.companylink {
    letter-spacing: .25px;
  }
  
  .dropdowncontainer {
    align-items: flex-start;
    width: auto;
    height: auto;
    margin-top: 0;
    margin-left: -20px;
    padding: 5px 0 0;
    display: block;
    position: absolute;
    overflow: hidden;
  }
  
  .dropdownlink-container {
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
  }
  
  .msf-success-message {
    background-color: #0000;
    border: 1px solid #d9b1a6;
  }
  
  .msf-block {
    flex-direction: column;
    flex: 1;
    width: 100%;
    height: auto;
    margin-bottom: 32px;
    display: flex;
  }
  
  .msf-slider {
    background-color: #0000;
    flex-direction: column;
    height: auto;
    display: block;
  }
  
  .mobile-title-column {
    background-color: #b1b1b1;
    flex-direction: column;
    align-items: flex-end;
    display: none;
  }
  
  .step-name {
    font-size: 20px;
  }
  
  .msf-navigation {
    text-align: center;
    flex-direction: row;
    flex: 0 auto;
    justify-content: space-around;
    max-width: 100%;
    display: flex;
  }
  
  .msf-list {
    border-top: 1px solid #d9b1a6;
    border-bottom: 1px solid #d9b1a6;
    margin-top: 32px;
    margin-bottom: 32px;
    padding-top: 8px;
    padding-left: 0;
    list-style-type: none;
  }
  
  .step-count {
    background-color: #8897a0;
    border-radius: 16px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    margin-right: 32px;
    display: flex;
  }
  
  .step-count._1, .step-count._2, .step-count._3 {
    background-color: #409cdc;
  }
  
  .msf-list-item {
    margin-bottom: 8px;
  }
  
  .mobile-logo-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .multi-step-form {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 2fr 3fr;
    grid-auto-columns: 1fr;
    place-content: stretch center;
    place-items: flex-start stretch;
    min-height: 100vh;
    display: flex;
  }
  
  .no-margin {
    margin-top: 0;
    margin-bottom: 0;
  }
  
  .msf {
    width: 100%;
    height: auto;
  }
  
  .msf-list-label {
    margin-right: 8px;
    font-weight: 700;
    display: inline-block;
  }
  
  .msf-success-text {
    margin-bottom: 8px;
  }
  
  .heart-icon-2 {
    color: #d9b1a6;
    width: 24px;
    margin-left: 4px;
    margin-right: 4px;
    display: inline-block;
  }
  
  .info-container {
    background-color: #fffc;
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 480px;
    min-height: 100vh;
    padding: 64px;
    display: flex;
    position: sticky;
    top: 0;
  }
  
  .logo-wrapper {
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
  }
  
  .logo-wrapper:hover {
    color: #8897a0;
  }
  
  .msf-radio-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .msf-label {
    align-self: flex-start;
    margin-bottom: 8px;
    font-family: Poppins, sans-serif;
    font-size: 14px;
  }
  
  .msf-checkbox-field {
    align-items: center;
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
  }
  
  .msf-h1 {
    flex-wrap: wrap;
    justify-content: center;
    align-self: center;
    align-items: center;
    font-family: Poppins, sans-serif;
    display: flex;
  }
  
  .msf-slide-content {
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    display: flex;
  }
  
  .big-margin {
    margin-bottom: 32px;
  }
  
  .steps-container {
    flex-direction: column;
    flex: 0 auto;
    order: 2;
    display: flex;
    position: relative;
  }
  
  .steps-line {
    transform-origin: 50% 0;
    background-color: #252c31;
    width: 1px;
    height: 100%;
    position: absolute;
    inset: 0% auto 0% 16px;
  }
  
  .step-block {
    z-index: 1;
    align-items: center;
    display: flex;
    position: relative;
  }
  
  .step-block.middle {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  
  .heart-icon {
    color: #d9b1a6;
    width: 24px;
    margin-left: 4px;
    margin-right: 4px;
    display: inline-block;
  }
  
  .form-step {
    width: 100%;
  }
  
  .msf-textarea {
    margin-bottom: 0;
    font-size: 100%;
    transition: border-color .3s;
  }
  
  .msf-textarea:focus {
    border: 1px solid #d9b1a6;
  }
  
  .msf-textarea::placeholder {
    color: #8897a080;
  }
  
  .msf-error-message {
    margin-top: 16px;
    padding: 20px;
  }
  
  .msf-checkbox {
    margin-top: 0;
    margin-left: 20px;
    font-size: 16px;
    line-height: 1.5;
  }
  
  .msf-column {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }
  
  .msf-input-block {
    flex-flow: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: center;
    align-items: flex-start;
    width: 50%;
    margin-top: 0;
    margin-bottom: auto;
    display: flex;
  }
  
  .msf-input-block.sub-questions {
    width: 80%;
    margin-top: 0;
    margin-bottom: 10px;
    font-family: Poppins, sans-serif;
    display: flex;
  }
  
  .msf-input-block.brands-to-work-with {
    margin-top: 80px;
  }
  
  .msf-inputs-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-areas: ". ."
                         ". Area";
    justify-items: center;
    margin-top: auto;
    margin-bottom: 48px;
    display: flex;
  }
  
  .msf-list-text {
    display: inline-block;
  }
  
  .msf-checkbox-label {
    flex: 0 auto;
    order: -1;
    margin-bottom: 0;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 400;
  }
  
  .about {
    background-color: #fff;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 32px;
    text-decoration: none;
    display: flex;
  }
  
  .about:hover {
    color: #8897a0;
  }
  
  .msf-text-field {
    margin-bottom: 0;
    font-family: Poppins, sans-serif;
    font-size: 100%;
    transition: border-color .3s;
  }
  
  .msf-text-field:focus {
    border: 1px solid #d9b1a6;
  }
  
  .msf-text-field::placeholder {
    color: #8897a080;
  }
  
  .msf-text-field.gender-ethnicity-text {
    font-size: 95%;
  }
  
  .msf-text-field.sub-question.gender-ethnicity-text {
    font-size: 90%;
  }
  
  .hidden {
    display: none;
  }
  
  .mobile-about-wrapper {
    background-color: #fff;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 32px;
    display: flex;
  }
  
  .msf-select {
    color: #8897a080;
    white-space: normal;
    overflow-wrap: normal;
    object-fit: fill;
    background-color: #fff;
    flex: 0 auto;
    margin-bottom: 0;
    font-family: Poppins, sans-serif;
    font-size: 90%;
    font-weight: 400;
    transition: border-color .3s;
    overflow: visible;
  }
  
  .msf-button {
    color: #fff;
    background-color: #409cdc;
    justify-content: center;
    padding: 8px 48px;
    font-family: Poppins, sans-serif;
    transition: background-color .3s, color .3s;
    display: flex;
  }
  
  .msf-button:hover {
    color: #fff;
    background-color: #8897a0;
  }
  
  .msf-button:active {
    background-color: #d9b1a6;
  }
  
  .msf-button.back {
    background-color: #fe3f40;
    justify-content: center;
    font-family: Poppins, sans-serif;
  }
  
  .msf-button.back:hover {
    background-color: #d9b1a6;
  }
  
  .msf-button.back:active {
    background-color: #8897a0;
  }
  
  .msf-button.skip {
    background-color: gray;
  }
  
  .msf-container {
    flex-direction: column;
    width: 100%;
    max-width: 720px;
    height: 100%;
    display: flex;
  }
  
  .accent {
    color: #d9b1a6;
  }
  
  .msf-logo {
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1;
  }
  
  .msf-h2 {
    margin-top: 0;
  }
  
  .about-text {
    display: inline-block;
  }
  
  .msf-button-wrapper {
    justify-content: space-between;
    margin-left: 10px;
    display: flex;
  }
  
  .info-column {
    background-color: #b1b1b1;
    flex-direction: column;
    align-items: flex-end;
    display: flex;
    position: relative;
  }
  
  .date-field {
    color: #333;
    border: 1px solid #e9ecf0;
    border-radius: 12px;
    width: 100%;
    min-height: 48px;
    margin-bottom: 0;
    padding: 12px 16px 12px 52px;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    transition: all .25s;
    box-shadow: 1px 1px 2px #7281a70a;
  }
  
  .date-field:hover {
    border-color: #ccd5e0;
  }
  
  .date-field:focus {
    border-color: #642eff;
  }
  
  .date-field::placeholder {
    color: #a0a6b0;
  }
  
  .field-icon {
    float: none;
    clear: none;
    text-align: left;
    object-fit: fill;
    display: inline-block;
    position: static;
    inset: auto auto auto 16px;
  }
  
  .field-wrap {
    align-items: center;
    display: flex;
    position: relative;
  }
  
  .field-icon-2 {
    position: absolute;
    inset: auto auto auto 16px;
  }
  
  .form-group {
    height: 50%;
    margin-bottom: 20px;
  }
  
  .upload-wrap {
    flex: 0 auto;
    align-self: auto;
    align-items: center;
    display: flex;
  }
  
  .input-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    display: flex;
  }
  
  .image-13 {
    margin-right: 9px;
  }
  
  .submission-image {
    border: 1px solid #01ccbe26;
    border-radius: 40px;
  }
  
  .submission-image.hide {
    display: none;
  }
  
  .submission-field {
    color: #000;
    border: 1px solid #2717401a;
    border-radius: 40px;
    width: 100%;
    min-width: 120px;
    min-height: 45px;
    font-family: Poppins, sans-serif;
  }
  
  .submission-field::placeholder {
    color: #a7a7a7;
  }
  
  .submission-field.platform-link {
    min-height: 0;
    margin-top: auto;
    font-size: 90%;
  }
  
  .paragraph-13 {
    margin-top: -5px;
    font-family: Poppins, sans-serif;
  }
  
  .body-6 {
    background-color: #edf5fe;
  }
  
  .progress-link {
    background-color: #e7e7e7;
    border-radius: 5px;
    width: 100%;
    height: 15px;
    margin-left: 5%;
    margin-right: 5%;
  }
  
  .progress-link.current {
    background-color: #ffd000;
  }
  
  .progress-link.past {
    opacity: .5;
    background-color: #ffd000;
  }
  
  .progress-link.past:hover {
    opacity: 1;
  }
  
  .onboarding-page-wrapper {
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    padding-top: 220px;
    padding-bottom: 100px;
    display: flex;
  }
  
  .input-label {
    color: #000;
    border: 1px solid #000;
    border-radius: 5px;
    min-height: 75px;
    margin-bottom: 30px;
    margin-right: 30px;
    padding: 20px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4em;
    transition: background-color .2s, box-shadow .4s, transform .4s cubic-bezier(.25, .1, 0, 1.58), border-color .2s;
  }
  
  .input-label:hover {
    border-color: #1200ee;
    transform: translate(0, -10px);
    box-shadow: 0 20px 30px -10px #00000021;
  }
  
  .option-row {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
  }
  
  .onboarding-h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Poppins, sans-serif;
  }
  
  .progress-row {
    width: 300px;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .onboarding-image {
    max-width: 200px;
  }
  
  .onboarding-h2 {
    margin-top: 10px;
    margin-bottom: 30px;
    font-family: Poppins, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.7em;
  }
  
  .input-label-wrap {
    border-radius: 0;
    margin-bottom: 0;
    padding-left: 0;
  }
  
  .onboarding-page-wrapper-2 {
    text-align: center;
    background-color: #edf5fe;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    padding-top: 15vh;
    padding-bottom: 100px;
    display: flex;
  }
  
  .input-label-2 {
    color: #000;
    border: 1px solid #000;
    border-radius: 5px;
    min-height: 75px;
    margin-bottom: 30px;
    margin-right: 30px;
    padding: 20px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4em;
    transition: background-color .2s, box-shadow .4s, transform .4s cubic-bezier(.25, .1, 0, 1.58), border-color .2s;
  }
  
  .input-label-2:hover {
    border-color: #1200ee;
    transform: translate(0, -10px);
    box-shadow: 0 20px 30px -10px #00000021;
  }
  
  .input-label-wrap-2 {
    margin-bottom: 0;
    padding-left: 0;
  }
  
  .body-7 {
    background-color: #edf5fe;
  }
  
  .heading-21 {
    font-family: Poppins, sans-serif;
    text-decoration: underline;
  }
  
  .relative {
    position: relative;
  }
  
  .help-title {
    margin-bottom: 3px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5em;
  }
  
  .onboarding-page-wrapper-3 {
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    padding-top: 150px;
    padding-bottom: 100px;
    display: flex;
  }
  
  .ms-logo {
    margin-right: 10px;
  }
  
  .submit-button-2 {
    color: #000;
    background-color: #ffd000;
    border: 2px solid #0000;
    border-radius: 30px;
    min-width: 170px;
    height: 50px;
    margin-top: 20px;
    padding: 10px 40px 12px;
    font-weight: 500;
    transition: border-color .2s, background-color .2s;
  }
  
  .submit-button-2:hover {
    background-color: #fff;
    border-color: #1200ee;
  }
  
  .field-wrap-2 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    position: relative;
  }
  
  .form-column {
    width: 50%;
    position: relative;
  }
  
  .field-label-2 {
    z-index: 10;
    background-color: #fff;
    margin-top: -9px;
    margin-left: 10px;
    padding: 1px 10px;
    line-height: 14px;
    display: inline-block;
    position: absolute;
    left: 0;
  }
  
  .tour-bottom-row {
    z-index: 2;
    color: #64636e;
    background-color: #fff;
    border-top: 1px solid #d8e3f0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 10px 10px 15px;
    display: flex;
    position: relative;
  }
  
  .form-field {
    z-index: 1;
    background-color: #0000;
    border: 1px solid #dcdcdd;
    height: 60px;
    padding-top: 11px;
    position: relative;
  }
  
  .form-field:focus {
    border-color: #000;
  }
  
  .form-field::placeholder {
    color: #a0a0a0;
  }
  
  .form-field.select-field {
    padding-top: 8px;
  }
  
  .form-field.last-name {
    z-index: 0;
    margin-left: -1px;
  }
  
  .form-field.last-name:focus {
    z-index: 2;
  }
  
  .help-tooltip-content {
    z-index: 2;
    background-color: #f5f8fd;
    border-radius: 5px;
    padding: 22px 20px 13px;
    font-size: 12.5px;
    line-height: 1.6em;
    position: relative;
  }
  
  .help-tooltip {
    text-align: left;
    background-color: #f5f8fd;
    border: 1px solid #d8e3f0;
    border-radius: 5px;
    width: 300px;
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.4em;
    display: block;
    position: absolute;
    top: -14px;
    left: 100%;
    box-shadow: 1px 1px 8px 1px #2d3e501f;
  }
  
  .help-tooltip.tour-tooltip {
    z-index: 99;
    color: #000;
    background-color: #f5f8fd;
    border: 2px solid #2aa8ff;
    min-height: 0;
    margin-top: 10px;
    font-size: 12.5px;
    line-height: 1.6em;
    display: block;
    position: relative;
    inset: 100% auto auto 0;
    box-shadow: 0 30px 20px -10px #2d3e5040, 1px 1px 10px 1px #2d3e5033;
  }
  
  .tour-diamond {
    z-index: 1;
    background-color: #f5f8fd;
    border: 2px solid #2aa8ff;
    border-radius: 2px;
    width: 16px;
    height: 16px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: -7px 0% auto;
    transform: rotate(45deg);
  }
  
  .paragraph-14 {
    text-align: center;
    flex: 0 auto;
    order: 0;
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-bottom: 20px;
    font-family: Poppins, sans-serif;
    display: block;
  }
  
  .html-embed-4 {
    background-color: #fff;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-height: 38px;
    font-family: Poppins, sans-serif;
    font-size: 100%;
    display: flex;
  }
  
  .custom-checkbox {
    z-index: 1;
    border-style: none;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-left: 0;
    padding: 20px;
    display: inline-block;
    position: absolute;
    inset: 0%;
  }
  
  .custom-checkbox.w--redirected-checked {
    background-color: #ffd000;
    background-image: none;
    border-color: #0000;
  }
  
  .onboarding-page-wrapper-4 {
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    padding-top: 200px;
    padding-bottom: 100px;
    display: flex;
  }
  
  .checkbox-field {
    z-index: 2;
    color: #000;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    flex: none;
    min-height: 75px;
    padding: 20px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4em;
    transition: background-color .2s, box-shadow .4s, border-color .2s;
    display: block;
    position: relative;
  }
  
  .checkbox-field:hover {
    border-color: #1200ee;
    position: relative;
    box-shadow: 0 20px 30px -10px #00000021;
  }
  
  .checkbox-field.text-area {
    width: 130px;
    height: 75px;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 1.4em;
    transition: box-shadow .4s, transform .4s cubic-bezier(.25, .1, 0, 1.58), border-color .2s;
  }
  
  .checkbox-field.text-area:hover {
    transform: none;
    box-shadow: 0 5px 20px #00000021;
  }
  
  .checkbox-field.text-area:focus {
    width: 100%;
  }
  
  .hide {
    display: none;
  }
  
  .submit-button-3 {
    color: #000;
    background-color: #ffd000;
    border: 2px solid #0000;
    border-radius: 30px;
    min-width: 170px;
    height: 50px;
    margin-top: 20px;
    padding: 10px 40px 12px;
    font-weight: 500;
    transition: border-color .2s, background-color .2s;
  }
  
  .submit-button-3:hover {
    background-color: #fff;
    border-color: #1200ee;
  }
  
  .custom-checkbox-label {
    z-index: 2;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    position: relative;
  }
  
  .paragraph-15 {
    text-align: center;
  }
  
  .body-8 {
    background-color: #edf5fe;
  }
  
  .heading-22 {
    font-family: Poppins, sans-serif;
  }
  
  .checkbox-selection {
    text-align: center;
    flex: 0 auto;
    order: 0;
    align-self: auto;
    font-family: Poppins, sans-serif;
  }
  
  .div-block-14 {
    display: flex;
  }
  
  .text-block-5 {
    flex-wrap: nowrap;
    margin-right: 20px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
  }
  
  .sub-question-content {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    display: flex;
  }
  
  .horizontal-questions-survey {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: row;
    flex: 1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    align-self: auto;
    align-items: stretch;
    display: flex;
  }
  
  .horizontal-questions-survey.additional-platforms {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
  }
  
  .horizontal-questions-survey.brands-to-work-with {
    flex-direction: column;
  }
  
  .checkbox-field-2 {
    margin-left: 20px;
    font-size: 12px;
  }
  
  .heading-23 {
    font-family: Poppins, sans-serif;
  }
  
  .checkbox-field-3 {
    margin-bottom: 0;
    font-size: 12px;
  }
  
  .checkbox-label {
    flex-wrap: nowrap;
    font-size: 12px;
    display: flex;
  }
  
  .checkbox {
    font-size: 12px;
  }
  
  .add-platform {
    color: #000;
    background-color: #d8d8d8;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-width: 0%;
    max-width: 15%;
    margin-top: 20px;
    margin-bottom: 40px;
    font-family: Poppins, sans-serif;
    display: flex;
  }
  
  .next-skip-container {
    justify-content: flex-start;
    display: flex;
  }
  
  .back-container {
    text-align: center;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    max-width: 100%;
    display: flex;
  }
  
  .section-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    flex-direction: row;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    align-self: auto;
    align-items: flex-start;
    width: 60%;
    min-width: auto;
    display: flex;
  }
  
  .body-9 {
    background-color: #edf5fe;
  }
  
  .text-span {
    color: #03a4ed;
    font-size: 32px;
    font-weight: 600;
    line-height: 36px;
  }
  
  .text-span-2 {
    color: #000;
    font-size: 32px;
    font-weight: 600;
    line-height: 26px;
  }
  
  .text-span-3 {
    font-size: 16px;
    line-height: 24px;
  }
  
  .text-span-4, .text-span-5 {
    font-weight: 700;
  }
  
  .text-span-6 {
    font-size: 16px;
    line-height: 24px;
  }
  
  .list-item-12 {
    align-self: center;
  }
  
  .text-span-7 {
    font-size: 16px;
  }
  
  .image-14 {
    float: none;
    aspect-ratio: auto;
    text-align: left;
    mix-blend-mode: normal;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  
  .div-block-15 {
    justify-content: space-around;
    margin-top: auto;
    display: flex;
  }
  
  .terms {
    color: #000;
    font-size: 12px;
    text-decoration: none;
  }
  
  .column-8 {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  
  .div-block-16 {
    overflow: hidden;
  }
  
  .text-block-6 {
    text-align: center;
    padding-left: 40px;
    font-size: 15px;
  }
  
  .text-block-6.press {
    padding-left: 20px;
    font-size: 15px;
  }
  
  .link-block {
    flex-flow: row;
    justify-content: center;
    display: flex;
  }
  
  .link-block-2, .link-block-3, .link-block-4 {
    justify-content: center;
    display: flex;
  }
  
  .medium {
    font-size: 16px;
    line-height: 28px;
  }
  
  .check-itme {
    color: #fff;
    align-items: center;
    line-height: 24px;
    display: flex;
  }
  
  .pricing-group-button {
    grid-column-gap: 32px;
    grid-row-gap: 16px;
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center stretch;
    display: grid;
  }
  
  .head-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    flex: 0 auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-content: space-around;
    align-self: center;
    place-items: flex-start stretch;
    width: 90%;
    max-width: 1110px;
    margin-bottom: 72px;
    text-decoration: none;
    display: flex;
  }
  
  .button-7 {
    color: #fff;
    background-color: #1a1a1f;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 56px;
    padding-left: 28px;
    padding-right: 28px;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-decoration: none;
    display: flex;
  }
  
  .button-7.outline {
    color: #1a1a1f;
    background-color: #0000;
    border: 1px solid #1a1a1f;
  }
  
  .button-7.outline.white {
    color: #fff;
    border-color: #fff;
  }
  
  .button-7.yellow {
    box-sizing: border-box;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #1a1a1f;
    object-fit: contain;
    background-color: #fe3f40;
    border-radius: 15px;
    min-width: 0;
    font-weight: 600;
    display: inline-flex;
  }
  
  .tabs-content {
    border-left: 1px solid #ffffff4d;
    padding-left: 90px;
  }
  
  .base-section {
    flex-direction: column;
    align-items: center;
    padding-top: 160px;
    padding-bottom: 160px;
    display: flex;
    overflow: hidden;
  }
  
  .base-section.dark {
    background-color: #edf5fe;
    justify-content: center;
    align-items: center;
    min-height: 20vh;
    padding-top: 40px;
    padding-bottom: 0;
    display: block;
  }
  
  .period {
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
  }
  
  .tab-link {
    color: #fff;
    background-color: #0000;
    border-bottom: 4px solid #0000;
    margin-bottom: 30px;
    padding: 0 0 12px;
    font-size: 24px;
    line-height: 24px;
  }
  
  .tab-link.w--current {
    color: #409cdc;
    background-color: #0000;
    border-bottom-color: #fec483;
  }
  
  .check-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 56px;
    display: block;
  }
  
  .check-list.pricing-headline {
    text-align: center;
    word-break: normal;
    overflow-wrap: normal;
    flex-flow: column;
    flex: 0 auto;
    align-self: auto;
    font-size: 30px;
    line-height: 100px;
    display: flex;
  }
  
  .white {
    color: #409cdc;
    flex-flow: row;
    font-weight: 700;
    display: flex;
  }
  
  .white.pricing-header {
    color: #000;
  }
  
  .tab-content {
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    display: flex;
  }
  
  .rig-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr 3fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    width: 90%;
    max-width: 1110px;
    min-height: 600px;
    padding-top: 40px;
    padding-left: 40px;
    display: grid;
  }
  
  .check-icon {
    color: #fe3f40;
    background-color: #000;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 16px;
    margin-right: 8px;
    font-size: 20px;
  }
  
  .tab-pane {
    height: 100%;
  }
  
  .tabs-menu {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 150px;
    padding-right: 0;
    display: flex;
  }
  
  .tabs {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 3.25fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }
  
  .bottom-info {
    z-index: 2;
    color: #ffffff4d;
    border-top: 1px solid #ffffff4d;
    margin-right: 80px;
    padding-top: 24px;
    position: relative;
  }
  
  .text-block-7 {
    float: none;
    clear: none;
    color: #409cdc;
    text-align: left;
    overflow-wrap: normal;
    font-size: 20px;
    text-decoration: none;
    display: block;
  }
  
  .text-block-8, .text-block-9, .text-block-10 {
    color: #409cdc;
    font-size: 20px;
  }
  
  .text-block-11 {
    color: #409cdc;
  }
  
  .text-block-11.pricing-headline {
    font-size: 24px;
  }
  
  .text-block-11.brand-homepage-bullet {
    text-align: left;
    font-size: 11px;
  }
  
  .text-block-12 {
    color: #409cdc;
    font-size: 24px;
  }
  
  .text-block-13 {
    color: #fff;
    text-align: center;
    padding-left: 100px;
    padding-right: 100px;
    font-size: 20px;
    font-weight: 400;
  }
  
  .text-block-14, .text-block-15, .text-block-16, .text-block-17, .text-block-18 {
    color: #409cdc;
  }
  
  .text-block-19 {
    -webkit-text-stroke-color: #409cdc;
  }
  
  .text-block-20, .text-block-21, .text-block-22, .text-block-23, .text-block-24, .text-block-25, .text-block-26, .text-block-27 {
    color: #409cdc;
  }
  
  .for-creators {
    color: #409cdc;
    font-size: 12px;
  }
  
  .text-block-29.block30 {
    padding-left: 0;
    font-size: 12px;
  }
  
  .text-block-29.block29 {
    font-size: 18px;
  }
  
  .image-15 {
    padding-top: 40px;
  }
  
  @media screen and (min-width: 1280px) {
    .body-wrap {
      padding-left: 5%;
      padding-right: 5%;
    }
  
    .heading {
      padding-bottom: 120px;
      font-size: 60px;
      line-height: 70px;
    }
  
    .list {
      padding-left: 4%;
      padding-right: 4%;
    }
  
    .heading-2 {
      font-size: 21px;
      line-height: 35px;
    }
  
    .button {
      width: 350px;
      font-size: 24px;
    }
  
    .banner.home-hero-sec {
      height: 835px;
    }
  
    .custom-container {
      padding-left: 0;
      padding-right: 0;
    }
  
    .heading-3 {
      padding-right: 0;
    }
  
    .paragraph {
      padding-right: 20%;
    }
  
    .button-2 {
      padding-left: 75px;
    }
  
    .nav-link {
      padding-left: 15px;
      padding-right: 15px;
    }
  
    .login {
      font-size: 16px;
    }
  
    .login.advertiser-btn, .button-3.creator-btn {
      width: 170px;
      font-size: 16px;
    }
  
    .banner-bg-texture {
      height: 275px;
    }
  
    .videothumble {
      width: 100%;
    }
  
    .paragraph-2 {
      font-size: 16px;
    }
  
    .bodywrap {
      margin-right: auto;
    }
  
    .slide-img.d-none {
      height: auto;
    }
  
    .case-study-list {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
    }
  
    .hero-butn-box.press {
      max-width: 100%;
      padding-top: 20px;
    }
  
    .hero-butn-box.press.new-home {
      width: 60%;
    }
  
    .hero-img {
      padding-bottom: 25px;
    }
  
    .hero-img.press-image {
      width: 60%;
    }
  
    .multi-step-form {
      justify-content: center;
      align-items: flex-start;
      width: 80%;
      display: flex;
    }
  
    .msf-column {
      flex-direction: column;
      flex: 1;
      justify-content: space-between;
      align-self: auto;
      align-items: center;
    }
  
    .msf-input-block {
      clear: none;
      margin-top: 30px;
    }
  
    .upload-wrap {
      flex: 1;
    }
  
    .submission-field.platform-link {
      font-size: 90%;
    }
  
    .onboarding-page-wrapper-3 {
      aspect-ratio: auto;
      object-fit: fill;
      justify-content: flex-start;
      align-items: center;
      padding-top: 150px;
      font-family: Poppins, sans-serif;
      overflow: visible;
    }
  
    .horizontal-questions-survey {
      overflow-wrap: normal;
      flex-wrap: nowrap;
      flex: 1;
      justify-content: space-between;
      align-items: stretch;
      display: flex;
    }
  
    .text-block-11.brand-homepage-bullet {
      font-size: 13px;
    }
  
    .image-15 {
      padding-top: 40px;
    }
  }
  
  @media screen and (min-width: 1440px) {
    .hero-section {
      padding-bottom: 0;
    }
  
    .body-wrap {
      margin-bottom: 85px;
      padding-left: 6%;
      padding-right: 6%;
    }
  
    .heading {
      padding-bottom: 165px;
      font-size: 65px;
      line-height: 75px;
    }
  
    .list {
      padding-left: 6%;
      padding-right: 6%;
    }
  
    .heading-2 {
      font-size: 21px;
      line-height: 35px;
    }
  
    .button:hover {
      background-color: #409cdc;
    }
  
    .banner {
      height: 912px;
    }
  
    .banner.faq-banner {
      height: 434px;
    }
  
    .banner.home-hero-sec {
      height: 850px;
    }
  
    .paragraph {
      padding-right: 20%;
    }
  
    .support-block.brand-platforms {
      padding-top: 90px;
    }
  
    .banner-bg-texture {
      background-repeat: no-repeat;
      background-size: cover;
      height: 260px;
      padding-top: 0;
    }
  
    .banner-bg-texture.ig-to-fb {
      height: 203px;
    }
  
    .heading-15.contact {
      margin-top: 20px;
    }
  
    .case-study-list {
      padding-left: 40px;
      padding-right: 40px;
    }
  
    .hero-butn-box.press {
      width: 100%;
      max-width: 100%;
      padding-top: 30px;
    }
  
    .hero-butn-box.press.new-home {
      width: 60%;
      padding-left: 140px;
      display: flex;
    }
  
    .hero-img.g2-image {
      display: block;
    }
  
    .sponsrship-section {
      padding-top: 90px;
    }
  
    .contact-us-wrap {
      padding-top: 60px;
      padding-bottom: 40px;
    }
  
    .multi-step-form {
      align-items: flex-start;
    }
  
    .container-2 {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      width: 100%;
      height: 100%;
      margin-left: 0;
      margin-right: 0;
      display: block;
    }
  
    .banner-container {
      background-color: #edf5fe;
    }
  
    .text-block-13 {
      max-width: 1000px;
    }
  
    .image-15 {
      padding-top: 40px;
    }
  }
  
  @media screen and (min-width: 1920px) {
    .heading-2 {
      font-size: 23px;
    }
  
    .sm-box {
      width: 450px;
    }
  
    .banner {
      height: 969px;
      padding-top: 180px;
    }
  
    .banner.faq-banner {
      height: 550px;
    }
  
    .banner.home-hero-sec {
      height: 825px;
    }
  
    .custom-container {
      padding-left: 0;
    }
  
    .desc-block {
      flex-flow: row;
      align-items: flex-start;
      display: flex;
    }
  
    .heading-3.hero-title.sm-header.title2 {
      justify-content: center;
      align-items: center;
    }
  
    .heading-3.hero-title.title-1 {
      flex-flow: column;
      justify-content: center;
      align-items: center;
    }
  
    .img-block {
      width: auto;
      max-width: 30%;
    }
  
    .banner-bg-texture {
      height: 300px;
      bottom: 0%;
    }
  
    .banner-bg-texture.ig-to-fb {
      height: 296px;
    }
  
    .sm-heading.p-two.news {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      text-align: center;
      flex-flow: row;
      flex: 0 auto;
      justify-content: space-around;
      align-items: flex-start;
      padding-left: 20px;
      font-size: 20px;
      font-weight: 400;
      line-height: 30px;
      display: flex;
    }
  
    .howit-work {
      padding-top: 134px;
    }
  
    .for-brand-block {
      padding-left: 70px;
      padding-right: 70px;
    }
  
    .case-study-list {
      max-width: 1252px;
    }
  
    .hero-butn-grid {
      grid-column-gap: 29px;
      grid-row-gap: 29px;
      justify-content: center;
      align-items: center;
      display: flex;
    }
  
    .hero-butn-box {
      justify-content: space-between;
      align-items: flex-start;
    }
  
    .hero-butn-box.press {
      max-height: 50px;
      padding-top: 140px;
      overflow: visible;
    }
  
    .hero-butn-box.press.new-home {
      width: 80%;
      max-height: 100px;
      padding-top: 40px;
      padding-left: 220px;
      display: flex;
    }
  
    .hero-img {
      width: 2000px;
      padding-top: 10px;
      padding-bottom: 30px;
    }
  
    .hero-img.press-image {
      padding-top: 0;
      padding-bottom: 0;
    }
  
    .hero-img.g2-image {
      width: 15%;
    }
  
    .hero-img.awards {
      width: 10%;
    }
  
    .advertise-section {
      padding-top: 90px;
    }
  
    .advertise-section.pres-section {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      background-color: #fff;
      flex-flow: row;
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      padding-top: 20px;
      padding-left: 0;
      padding-right: 0;
      display: flex;
    }
  
    .agent-section {
      background-color: #fff;
    }
  
    .bn-content.new-home {
      text-align: left;
    }
  
    .multi-step-form {
      flex-wrap: wrap;
      align-items: flex-start;
      width: 60%;
    }
  
    .msf-column {
      flex-direction: row;
      flex: 1;
      justify-content: center;
      align-self: auto;
      align-items: center;
    }
  
    .check-list.pricing-headline.homepage-checks {
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
      padding-left: 60px;
    }
  
    .rig-grid {
      min-height: 450px;
      margin-left: 220px;
    }
  
    .text-block-11.pricing-headline {
      color: #000;
      font-size: 20px;
    }
  
    .text-block-11.pricing-headline1, .text-block-12 {
      font-size: 20px;
    }
  
    .text-block-13 {
      max-width: 1000px;
    }
  
    .text-block-29 {
      flex-flow: row;
      display: flex;
    }
  
    .text-block-29.block30 {
      justify-content: center;
      align-items: flex-start;
      padding-left: 40px;
    }
  
    .text-block-29.block29 {
      flex-flow: row;
      justify-content: flex-start;
      align-items: center;
      font-size: 27px;
      display: flex;
    }
  
    .div-block-17 {
      display: block;
    }
  
    .image-15 {
      padding-top: 40px;
    }
  }
  
  @media screen and (max-width: 991px) {
    .hero-section {
      height: 100%;
    }
  
    .body-wrap {
      margin-bottom: 50px;
      padding: 45px 5% 40px;
    }
  
    .heading {
      padding-bottom: 50px;
      font-size: 40px;
      line-height: 50px;
    }
  
    .list {
      flex-direction: column;
      align-items: center;
    }
  
    .heading-2 {
      margin-bottom: 22px;
      font-size: 15px;
      line-height: 22px;
    }
  
    .sm-box {
      width: 100%;
      padding-bottom: 32px;
    }
  
    .sm-box.last-sm-box {
      padding-bottom: 0;
    }
  
    .button {
      width: 180px;
      padding-top: 10px;
      padding-bottom: 10px;
      font-size: 16px;
      line-height: 25px;
    }
  
    .button.home-button-style {
      padding-top: 17px;
      padding-bottom: 18px;
    }
  
    .banner {
      height: auto;
      padding-top: 150px;
      padding-bottom: 80px;
    }
  
    .banner.faq-banner {
      height: 323px;
      padding-top: 125px;
    }
  
    .banner.casestudy-banner {
      height: 450px;
    }
  
    .banner.case-study-hero {
      padding-bottom: 60px;
    }
  
    .banner.home-hero-sec {
      height: 900px;
    }
  
    .banner.home-hero-sec.old-home {
      height: 750px;
    }
  
    .banner.pricing-banner {
      height: 650px;
    }
  
    .custom-container.head-conteiner {
      padding-left: 0;
      padding-right: 0;
    }
  
    .desc-block {
      flex-direction: column-reverse;
      justify-content: center;
      align-items: center;
      display: flex;
    }
  
    .desc-block.hero-desc-block {
      grid-column-gap: 60px;
      grid-row-gap: 60px;
      flex-flow: column;
      grid-template-columns: 1fr;
      justify-items: center;
    }
  
    .content-box {
      flex-direction: column;
      align-items: center;
      width: 100%;
      display: flex;
    }
  
    .heading-3 {
      text-align: center;
      padding-bottom: 15px;
      font-size: 30px;
      line-height: 40px;
    }
  
    .paragraph {
      text-align: center;
      padding-bottom: 25px;
      padding-right: 0;
      font-size: 16px;
      line-height: 30px;
    }
  
    .button-2 {
      padding: 12px 25px;
      font-size: 15px;
    }
  
    .img-block {
      width: 100%;
      max-width: 500px;
    }
  
    .img-block.hero-imgbox {
      display: none;
    }
  
    .header {
      padding-top: 0;
    }
  
    .navbar-logo-left {
      border-radius: 0;
      padding-left: 15px;
      padding-right: 15px;
    }
  
    .navbar-logo-left-container.shadow-three {
      position: static;
    }
  
    .container {
      max-width: 728px;
    }
  
    .navbar-wrapper {
      align-items: center;
    }
  
    .nav-menu-wrapper {
      background-color: #0000;
    }
  
    .nav-menu-wrapper.nav-menu-wrap {
      background-color: #fff;
    }
  
    .nav-menu-two {
      background-color: #0000;
      border-radius: 0;
      flex-flow: column wrap;
      justify-content: space-around;
      align-items: flex-start;
      margin-top: 0;
      padding: 20px;
      display: flex;
      box-shadow: 0 8px 50px #0000;
    }
  
    .nav-menu-two.nav-menu-wrap {
      padding-bottom: 10px;
    }
  
    .nav-link {
      padding-left: 5px;
      padding-right: 5px;
    }
  
    .nav-link.nav-link-padding.contact-us-footer {
      font-size: 15px;
    }
  
    .nav-dropdown-list.shadow-three.w--open {
      position: absolute;
    }
  
    .menu-button {
      justify-content: center;
      align-items: center;
      width: 48px;
      height: 48px;
      margin-left: 20px;
      padding: 0;
      display: flex;
    }
  
    .menu-button.w--open {
      color: #fff;
      background-color: #a6b1bf;
    }
  
    .header-btn {
      display: none;
    }
  
    .header-btn.for-mobile {
      grid-column-gap: 19px;
      grid-row-gap: 19px;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding-left: 0;
      display: flex;
    }
  
    .header-btn.hide {
      flex-direction: row;
      align-items: center;
      display: none;
    }
  
    .list-item.butn-list-item {
      padding-left: 0;
    }
  
    .support-block {
      padding-top: 100px;
    }
  
    .banner-bg-texture {
      height: 140px;
    }
  
    .banner-bg-texture.ig-to-fb {
      height: 124px;
    }
  
    .sm-heading {
      z-index: 2;
      position: relative;
    }
  
    .sm-heading.p-two.news {
      padding-top: 60px;
      padding-bottom: 20px;
      padding-left: 40px;
      font-size: 15px;
    }
  
    .list-2 {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
    }
  
    .list-item-2 {
      padding-bottom: 10px;
    }
  
    .brands {
      padding-top: 35px;
    }
  
    .target-block {
      padding-top: 0;
      padding-bottom: 60px;
    }
  
    .target-list {
      padding-top: 35px;
    }
  
    .footer {
      padding-top: 60px;
    }
  
    .link {
      font-size: 15px;
    }
  
    .target-video {
      padding-top: 50px;
    }
  
    .videothumble {
      width: 90%;
      height: 500px;
      margin-left: auto;
      margin-right: auto;
    }
  
    .videothumble.videothumble-two.creator {
      margin-right: auto;
    }
  
    .div-block-3 {
      padding-bottom: 35px;
      overflow: hidden;
    }
  
    .work-content-box {
      height: auto;
    }
  
    .heading-5 {
      font-size: 18px;
      line-height: 25px;
    }
  
    .paragraph-2 {
      padding-bottom: 15px;
      padding-left: 5px;
      padding-right: 5px;
      font-size: 14px;
    }
  
    .number {
      width: 50px;
      height: 50px;
      font-size: 12px;
    }
  
    .heading-6 {
      font-size: 20px;
    }
  
    .heading-7, .heading-7.text-bottom {
      font-size: 35px;
      line-height: 45px;
    }
  
    .heading-7.text-bottom.text-bottom-off {
      display: none;
    }
  
    .heading-7.text-bottom.text-bottom-off.d-block {
      display: block;
    }
  
    .bgtexture1 {
      width: 80px;
      top: -2%;
      left: 2%;
    }
  
    .client-block {
      padding-top: 80px;
      padding-bottom: 60px;
    }
  
    .client-box {
      text-align: center;
      display: block;
    }
  
    .div-block-5 {
      margin-left: auto;
      margin-right: auto;
    }
  
    .paragraph-3 {
      font-size: 15px;
      line-height: 22px;
    }
  
    .bottom-top.about-bottom-top, .bottom-top.case-study-sec {
      padding-top: 60px;
    }
  
    .case-studies {
      padding: 50px 45px;
    }
  
    .div-block-6 {
      height: 200px;
    }
  
    .div-block-7 {
      padding-top: 35px;
    }
  
    .sponsor-block {
      padding-bottom: 60px;
    }
  
    .sponsor-box {
      margin-bottom: 25px;
      padding-bottom: 30px;
    }
  
    .paragraph-5 {
      text-align: center;
    }
  
    .column-4, .column-5, .column-6 {
      padding-left: 0;
      padding-right: 0;
    }
  
    .heading-14 {
      font-size: 17px;
      line-height: 30px;
    }
  
    .icon-backup {
      display: none;
    }
  
    .span {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      background-color: #000;
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      width: 100%;
      height: 5px;
    }
  
    .list-5 {
      width: 100%;
      margin-bottom: 0;
      padding-left: 0;
    }
  
    .list-5.h-btn.not-active {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
      padding: 9px;
      display: flex;
    }
  
    .video-backup.d-block.min-height {
      height: 400px;
    }
  
    .columns {
      display: flex;
    }
  
    .heading-15 {
      font-size: 45px;
    }
  
    .heading-15.ig-to-fb {
      font-size: 35px;
    }
  
    .faq-wrap {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  
    .for-brand-block {
      padding-bottom: 25px;
    }
  
    .list-6 {
      padding-left: 25px;
    }
  
    .sm-link-style {
      font-size: 16px;
      line-height: 25px;
    }
  
    .list-item-8 {
      padding-bottom: 15px;
    }
  
    .for-brand-faq {
      padding-top: 50px;
      padding-left: 15px;
      padding-right: 15px;
    }
  
    .for-brand-faq.for-creators-faq {
      padding-top: 65px;
    }
  
    .heading-17 {
      padding-bottom: 25px;
      font-size: 30px;
      line-height: 35px;
    }
  
    .accordion-title.js-accordion-title, .accordion-content {
      padding: 15px;
    }
  
    .paragraph-7 {
      font-size: 15px;
      line-height: 30px;
    }
  
    .heading-18 {
      padding-bottom: 15px;
      font-size: 35px;
    }
  
    .text-block-4 {
      font-size: 16px;
      line-height: 30px;
    }
  
    .case-study-list {
      padding: 80px 0 50px;
    }
  
    .who-we-are-block {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  
    .div-block-12.who-we-grid {
      align-items: center;
    }
  
    .aboutcontent-box {
      padding-right: 0;
    }
  
    .sm-main-block.abt-grid {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
    }
  
    .hero-butn-box.press {
      grid-column-gap: 19px;
      grid-row-gap: 19px;
      text-align: left;
      flex-flow: row;
      justify-content: space-between;
      align-items: center;
      max-width: 100%;
      max-height: 50%;
      padding-top: 40px;
      padding-left: 0;
      display: flex;
      position: static;
    }
  
    .hero-img {
      width: 80%;
      max-width: 850px;
      margin-left: auto;
      padding-left: 100px;
      padding-right: 100px;
    }
  
    .hero-img.press-image {
      width: 70%;
      padding-left: 0;
      padding-right: 0;
    }
  
    .hero-img.g2-image {
      width: 25%;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0;
    }
  
    .hero-img.awards {
      margin-right: 0;
      padding-left: 0;
      padding-right: 0;
    }
  
    .advertise-section {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  
    .advertise-grid {
      flex-direction: column;
      display: flex;
    }
  
    .advertise-grid.reverse {
      flex-direction: column-reverse;
    }
  
    .sec-title.color-ff3e3e {
      text-align: left;
    }
  
    .sec-title.color-ff3e3e.center-align {
      text-align: center;
    }
  
    .sec-title.color-409cdc.center-align {
      text-align: center;
      width: 100%;
    }
  
    .advertise-para {
      margin-top: 0;
    }
  
    .advertise-para.center-align {
      text-align: center;
      width: 100%;
    }
  
    .butn-cls.outline-red.center-align {
      max-width: 263px;
      margin-left: auto;
      margin-right: auto;
      display: block;
    }
  
    .butn-cls.outline-blue.center-align {
      max-width: 300px;
      margin-left: auto;
      margin-right: auto;
      display: block;
    }
  
    .agent-section, .counter-section {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  
    .count-grid {
      grid-column-gap: 30px;
      grid-row-gap: 30px;
      grid-template-columns: 1fr 1fr;
    }
  
    .case-study-hero-grid {
      grid-row-gap: 20px;
      grid-template-columns: 1fr;
      justify-items: start;
    }
  
    .casestudy-2nd-section {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  
    .case-grid {
      grid-row-gap: 40px;
      flex-direction: column;
      display: flex;
    }
  
    .case-grid.solution-grid {
      flex-direction: column-reverse;
      margin-top: 60px;
    }
  
    .result-section {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  
    .createor-content-section {
      padding-top: 60px;
    }
  
    .result-imgbox {
      width: 190px;
      max-width: 100%;
    }
  
    .creator-content-list {
      grid-column-gap: 30px;
      grid-row-gap: 30px;
    }
  
    .gallery-content-wrap {
      padding-left: 40px;
      padding-right: 40px;
    }
  
    .advertise-vido-img {
      width: 100%;
    }
  
    .home-casestudy-list {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
    }
  
    .sponsrship-section {
      padding-bottom: 100px;
    }
  
    .sponsrship-grid {
      grid-row-gap: 10px;
      grid-template-columns: 1fr 1fr;
    }
  
    .html-embed-2 {
      justify-content: center;
      max-width: 200px;
      margin-left: auto;
      margin-right: auto;
      display: flex;
    }
  
    .div-block-13 {
      width: 70%;
    }
  
    .dropdown-innerlist {
      box-shadow: none;
      background-color: #0000;
      align-items: flex-start;
      width: 100%;
      margin-top: 0;
    }
  
    .dropdown-list {
      box-shadow: none;
      color: #0000;
      margin-top: 0;
      margin-left: 0;
      padding: 5px 0;
    }
  
    .down {
      color: #2193b0;
      cursor: pointer;
      justify-content: flex-end;
      align-items: center;
      width: auto;
      padding-left: 15px;
      padding-right: 15px;
      font-size: 18px;
      display: flex;
    }
  
    .navlink {
      color: #333;
      flex: 1;
      padding: 10px 15px;
    }
  
    .navlink:hover {
      color: #2193b0;
      text-decoration: none;
    }
  
    .navlink.w--current {
      color: #333;
      padding: 10px 15px;
      text-decoration: none;
    }
  
    .navlink.sub {
      color: #333;
      flex: 1;
      padding: 7px 25px;
      font-weight: 300;
      display: block;
    }
  
    .navlink.sub:hover {
      text-decoration: none;
    }
  
    .dropdowncontainer {
      color: #000;
      background-color: #f3f3f3;
      margin-left: 0;
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 0;
      position: relative;
    }
  
    .dropdownlink-container {
      justify-content: space-between;
      align-items: stretch;
      padding-right: 0;
      display: flex;
    }
  
    .mobile-title-column {
      z-index: 2;
      padding-top: 32px;
      padding-left: 32px;
      padding-right: 32px;
      display: block;
    }
  
    .step-name {
      order: -1;
      margin-bottom: 8px;
    }
  
    .msf-navigation {
      z-index: 2;
    }
  
    .step-count {
      margin-right: 0;
    }
  
    .mobile-logo-wrapper {
      text-decoration: none;
      overflow: hidden;
    }
  
    .multi-step-form {
      flex-flow: row;
      flex: 0 auto;
      grid-template-columns: 1fr;
      align-content: center;
      align-self: center;
      justify-items: center;
      width: 80%;
      position: relative;
    }
  
    .info-container {
      align-items: stretch;
      max-width: none;
      min-height: 0;
      padding-top: 32px;
      padding-bottom: 32px;
      display: flex;
      position: static;
    }
  
    .logo-wrapper {
      display: none;
      overflow: hidden;
    }
  
    .msf-label.brands-to-work-with {
      align-self: center;
    }
  
    .msf-slide-content {
      justify-content: flex-start;
    }
  
    .steps-container {
      flex-direction: row;
      order: 1;
      justify-content: space-between;
      position: sticky;
      top: 32px;
    }
  
    .steps-line {
      transform-origin: 0%;
      width: auto;
      height: 1px;
      inset: auto 32px 16px;
    }
  
    .step-block {
      flex-direction: column;
    }
  
    .step-block.middle {
      margin-top: 0;
      margin-bottom: 0;
    }
  
    .msf-column {
      align-items: stretch;
    }
  
    .about {
      background-color: #0000;
      margin-bottom: 16px;
      display: none;
      overflow: hidden;
    }
  
    .mobile-about-wrapper {
      background-color: #0000;
      padding-bottom: 0;
      text-decoration: none;
      overflow: hidden;
    }
  
    .mobile-about-wrapper:hover {
      color: #8897a0;
    }
  
    .msf-select {
      font-size: 70%;
    }
  
    .msf-button:hover {
      background-color: #d9b1a6;
    }
  
    .msf-container {
      max-width: 100vw;
    }
  
    .info-column {
      z-index: 2;
      position: sticky;
      top: 0;
    }
  
    .submission-field.platform-link {
      font-size: 80%;
    }
  
    .submission-field.platform-link.brands-to-work-with {
      order: 0;
    }
  
    .progress-row {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      text-align: left;
      flex-direction: row;
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      font-family: Poppins, sans-serif;
      display: flex;
    }
  
    .pricing-group-button {
      margin-top: 30px;
    }
  
    .tabs-content {
      border-left-style: none;
      padding-top: 0;
      padding-left: 0;
      padding-right: 30px;
    }
  
    .tab-link {
      margin-bottom: 0;
      margin-right: 20px;
    }
  
    .tab-content {
      padding-left: 40px;
    }
  
    .rig-grid {
      grid-template-rows: auto 1fr auto;
      grid-template-columns: 1fr;
      width: 100%;
      padding-left: 20px;
    }
  
    .tabs-menu {
      text-align: left;
      border-bottom: 1px solid #ffffff4d;
      flex-flow: column;
      flex: 0 auto;
      justify-content: center;
      align-self: flex-start;
      align-items: flex-start;
      padding-bottom: 30px;
      padding-right: 0;
      display: flex;
    }
  
    .tabs {
      grid-template-rows: auto auto auto;
      grid-template-columns: 1fr;
      display: flex;
    }
  
    .bottom-info {
      margin-right: 30px;
    }
  
    .text-block-7 {
      text-align: left;
      min-width: 150px;
      font-size: 15px;
      text-decoration: none;
    }
  
    .text-block-8, .text-block-9 {
      min-width: 150px;
      font-size: 15px;
    }
  
    .text-block-11.pricing-headline {
      font-size: 20px;
    }
  
    .text-block-11.brand-homepage-bullet {
      font-size: 11px;
    }
  
    .text-block-12 {
      font-size: 20px;
    }
  
    .text-block-13 {
      font-size: 15px;
    }
  
    .text-block-20, .text-block-21, .text-block-22, .text-block-23, .text-block-24, .text-block-25 {
      font-size: 10px;
    }
  
    .image-15 {
      max-width: 50%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .hero-section {
      margin-bottom: 50px;
      padding-left: 40px;
      padding-right: 40px;
    }
  
    .hero-section.hero-section-mobile {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100vh;
      display: flex;
    }
  
    .head-logo {
      padding-bottom: 55px;
    }
  
    .body-wrap {
      height: auto;
      margin-bottom: 0;
      padding: 50px 7%;
    }
  
    .heading {
      padding-bottom: 50px;
      font-size: 35px;
      line-height: 50px;
    }
  
    .heading-2 {
      margin-bottom: 30px;
      font-size: 22px;
      line-height: 35px;
    }
  
    .banner.faq-banner {
      height: 280px;
      padding-top: 125px;
    }
  
    .banner.casestudy-banner {
      height: 400px;
    }
  
    .banner.home-hero-sec {
      height: 700px;
    }
  
    .banner.home-hero-sec.old-home {
      height: 650px;
    }
  
    .banner.pricing-banner {
      height: 600px;
    }
  
    .heading-3 {
      text-align: center;
    }
  
    .heading-3.hero-title {
      line-height: 1.3;
    }
  
    .button-2.buttontwo {
      padding: 13px 30px;
      font-size: 16px;
      line-height: 20px;
    }
  
    .img-block.hero-imgbox {
      padding-top: 0;
      display: none;
    }
  
    .navbar-logo-left-container {
      max-width: 100%;
    }
  
    .navbar-logo-left-container.shadow-three {
      padding-top: 4px;
      padding-bottom: 4px;
    }
  
    .navbar-brand {
      padding-left: 0;
    }
  
    .nav-menu-two {
      border-radius: 20px;
      flex-direction: column;
      padding-bottom: 30px;
    }
  
    .nav-menu-two.nav-menu-wrap {
      padding-bottom: 20px;
    }
  
    .nav-link {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      padding-top: 10px;
      padding-bottom: 10px;
      display: inline-block;
    }
  
    .nav-dropdown {
      flex-direction: column;
      align-items: center;
      display: flex;
    }
  
    .nav-dropdown-toggle {
      padding-top: 10px;
      padding-bottom: 10px;
    }
  
    .nav-dropdown-list.shadow-three {
      box-shadow: 0 8px 50px #0000000d;
    }
  
    .nav-dropdown-list.shadow-three.w--open {
      position: relative;
    }
  
    .nav-dropdown-list.shadow-three.mobile-shadow-hide {
      box-shadow: none;
    }
  
    .nav-divider {
      width: 200px;
      max-width: 100%;
      height: 1px;
      margin-top: 10px;
      margin-bottom: 10px;
    }
  
    .nav-link-accent {
      margin-right: 5px;
      padding-top: 10px;
      padding-bottom: 10px;
      display: inline-block;
    }
  
    .mobile-margin-top-10 {
      margin-top: 10px;
    }
  
    .header-btn.for-mobile {
      padding-left: 20px;
    }
  
    .header-btn.hide {
      padding-left: 0;
    }
  
    .banner-bg-texture {
      height: 110px;
    }
  
    .banner-bg-texture.ig-to-fb {
      height: 81px;
      display: block;
    }
  
    .sm-heading {
      font-size: 25px;
    }
  
    .sm-heading.padding-botton-60px {
      padding-bottom: 30px;
    }
  
    .sm-heading.p-two.news {
      flex: 0 auto;
      padding-top: 20px;
      padding-left: 0;
      font-size: 7px;
      line-height: 10px;
      display: block;
    }
  
    .list-2 {
      z-index: 2;
      grid-template-columns: 1fr 1fr;
      position: relative;
    }
  
    .brand-section {
      padding-top: 50px;
      padding-bottom: 50px;
    }
  
    .brands {
      padding-top: 30px;
    }
  
    .target-block {
      padding-top: 15px;
      padding-bottom: 40px;
    }
  
    .target-list {
      padding-top: 30px;
    }
  
    .target-list.desktop-view {
      display: none;
    }
  
    .target-list.mobile-view {
      display: block;
    }
  
    .target-list.desktop-view-block {
      display: none;
    }
  
    .target-list.mobile-view-block {
      display: block;
    }
  
    .target-item {
      font-size: 15px;
    }
  
    .tearget-box {
      word-break: break-all;
    }
  
    .target-box {
      padding-top: 5px;
      padding-bottom: 5px;
    }
  
    .footer-logo {
      padding-bottom: 25px;
    }
  
    .heading-4 {
      padding-bottom: 15px;
    }
  
    .div-block {
      align-items: flex-start;
    }
  
    .list-item-7 {
      padding-left: 20px;
    }
  
    .target-video {
      padding-top: 40px;
    }
  
    .videothumble {
      height: 320px;
    }
  
    .wrok-block {
      padding-bottom: 25px;
    }
  
    .div-block-3 {
      padding-top: 25px;
      padding-bottom: 50px;
    }
  
    .gap {
      height: 60px;
    }
  
    .number {
      margin-left: auto;
      margin-right: auto;
      inset: -6% 0% 0%;
    }
  
    .heading-7 {
      padding-top: 20px;
      font-size: 25px;
    }
  
    .heading-7.text-bottom {
      display: none;
    }
  
    .heading-7.text-bottom.text-bottom-off {
      padding-top: 0;
      padding-bottom: 20px;
      font-size: 25px;
      display: block;
    }
  
    .heading-7.text-bottom.text-bottom-off.d-none {
      display: none;
    }
  
    .heading-7.text-bottom.text-bottom-off.d-block.mv-ptb-6 {
      color: #ffe5e5;
      line-height: 31px;
    }
  
    .heading-7.d-none {
      display: none;
    }
  
    .heading-7.mv-ptb-6 {
      color: #e0f3ff;
      padding-top: 6px;
      padding-bottom: 6px;
      line-height: 31px;
    }
  
    .top-space {
      height: 0;
    }
  
    .top-space.pt-60 {
      padding-top: 60px;
    }
  
    .line2, .bgtexture1 {
      display: none;
    }
  
    .client-block {
      padding-top: 40px;
      padding-bottom: 40px;
      overflow: hidden;
    }
  
    .div-block-4 {
      padding-top: 25px;
    }
  
    .client-box {
      height: 350px;
    }
  
    .paragraph-3 {
      font-size: 15px;
    }
  
    .bgtexture4 {
      width: 60%;
      margin-left: auto;
      margin-right: auto;
    }
  
    .case-studies {
      padding: 35px 15px;
    }
  
    .case-studies.about-cs {
      padding-left: 40px;
      padding-right: 40px;
    }
  
    .heading-9 {
      font-size: 30px;
    }
  
    .sm-casestudies-card {
      height: auto;
      margin-bottom: 25px;
      padding-bottom: 20px;
    }
  
    .div-block-6 {
      height: auto;
    }
  
    .div-block-7 {
      padding-top: 15px;
    }
  
    .sponsor-block {
      padding-top: 100px;
      padding-bottom: 40px;
    }
  
    .section {
      padding-bottom: 40px;
    }
  
    .column-5.padding-top {
      padding-top: 60px;
    }
  
    .heading-12 {
      padding-bottom: 25px;
      font-size: 25px;
      line-height: 35px;
    }
  
    .howit-work {
      padding-bottom: 35px;
    }
  
    .box-block {
      background-color: #eee;
      flex-direction: column-reverse;
      justify-content: center;
      margin-top: 15px;
      margin-bottom: 15px;
      padding-top: 20px;
      padding-bottom: 20px;
    }
  
    .box-block.last-box {
      padding-bottom: 20px;
    }
  
    .box-block.md-box {
      flex-direction: column;
      padding-bottom: 20px;
    }
  
    .worknumber {
      padding-bottom: 25px;
    }
  
    .div-block-11 {
      width: 50px;
      height: 50px;
    }
  
    .heading-13 {
      font-size: 24px;
    }
  
    .heading-14 {
      font-size: 18px;
      line-height: 25px;
    }
  
    .columns {
      display: block;
    }
  
    .mobile-view-text-d-block {
      grid-column-gap: 6px;
      grid-row-gap: 6px;
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 1fr 1fr;
      grid-auto-columns: 1fr;
      place-items: baseline stretch;
      padding-bottom: 40px;
      display: grid;
    }
  
    .target-list-static-design {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
    }
  
    .heading-15 {
      font-size: 35px;
      line-height: 40px;
    }
  
    .heading-15.ig-to-fb {
      line-height: 45px;
    }
  
    .faq-wrap {
      padding-top: 50px;
      padding-bottom: 50px;
    }
  
    .heading-17 {
      font-size: 25px;
    }
  
    .heading-17.blue-color {
      font-size: 25px;
      line-height: 30px;
    }
  
    .accordion-title.js-accordion-title {
      font-size: 18px;
      line-height: 25px;
    }
  
    .paragraph-8 {
      font-size: 15px;
    }
  
    .heading-18 {
      font-size: 35px;
      line-height: 30px;
    }
  
    .text-block-4 {
      font-size: 14px;
    }
  
    .case-study-list {
      padding: 65px 4px 35px;
    }
  
    .collection-item {
      padding-left: 10px;
      padding-right: 10px;
    }
  
    .blacknwhite {
      filter: grayscale();
      margin-left: 33px;
    }
  
    .blacknwhite.biotrust {
      margin-top: 36px;
      margin-bottom: 30px;
      margin-left: 41px;
    }
  
    .blacknwhite.farmraise {
      margin-left: 37px;
    }
  
    .blacknwhite.farm {
      margin-top: 30px;
      margin-bottom: 24px;
    }
  
    .blacknwhite.caraway {
      margin-top: 12px;
      margin-left: 37px;
    }
  
    .who-we-are-block {
      padding-top: 40px;
    }
  
    .sm-main-block.abt-grid {
      flex-direction: column;
    }
  
    .about-right-desc {
      width: 100%;
    }
  
    .heading-20 {
      padding-top: 20px;
    }
  
    .hero-butn-grid {
      grid-template-columns: 1fr;
      justify-content: center;
      align-items: stretch;
      max-width: 50%;
    }
  
    .hero-butn-box.press {
      grid-column-gap: 28px;
      grid-row-gap: 28px;
      justify-content: center;
      align-items: center;
      padding-top: 20px;
      padding-left: 0;
    }
  
    .hero-img.press-image {
      width: 100%;
    }
  
    .hero-img.g2-image {
      width: 50%;
    }
  
    .advertise-section.pres-section {
      padding-top: 20px;
      padding-left: 0;
      padding-right: 0;
    }
  
    .sec-title {
      font-size: 28px;
    }
  
    .count-grid {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      grid-template-columns: 1fr;
    }
  
    .modal-content-wrap {
      width: 92%;
    }
  
    .case-hero-title {
      font-size: 34px;
      line-height: 1.3;
    }
  
    .case-rich-text h3 {
      font-size: 26px;
      line-height: 1.3;
    }
  
    .creator-content-list {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      grid-template-columns: 1fr;
    }
  
    .column-7 {
      padding-left: 10px;
    }
  
    .div-block-13 {
      width: 80%;
    }
  
    .msf-slider {
      aspect-ratio: auto;
      object-fit: fill;
      flex-flow: column;
      justify-content: center;
      align-items: center;
      display: flex;
      overflow: visible;
    }
  
    .msf-navigation {
      justify-content: space-around;
    }
  
    .multi-step-form {
      width: 80%;
    }
  
    .msf-radio-grid {
      flex-wrap: wrap;
      grid-template-columns: 1fr 1fr;
    }
  
    .msf-label.brand-collabs {
      font-size: 11px;
    }
  
    .msf-h1 {
      flex-wrap: nowrap;
      flex: 0 auto;
      place-content: stretch center;
      align-self: center;
      align-items: center;
      font-size: 33px;
      font-weight: 700;
      display: block;
    }
  
    .msf-slide-content {
      justify-content: flex-start;
      align-items: stretch;
    }
  
    .msf-input-block {
      width: 80%;
    }
  
    .msf-inputs-grid {
      grid-auto-columns: minmax(200px, 1fr);
    }
  
    .msf-button.back {
      padding-left: 40px;
      padding-right: 40px;
    }
  
    .form-group {
      margin-bottom: 30px;
    }
  
    .submission-field.platform-link {
      font-size: 40%;
    }
  
    .submit-button-2, .submit-button-3 {
      width: 100%;
    }
  
    .text-block-5 {
      text-align: left;
    }
  
    .horizontal-questions-survey.brand-collabs {
      justify-content: space-between;
    }
  
    .add-platform {
      align-self: flex-start;
      align-items: center;
    }
  
    .pricing-group-button {
      grid-template-rows: auto auto;
      grid-template-columns: 1fr;
      margin-bottom: 30px;
    }
  
    .base-section.dark {
      padding-top: 10px;
    }
  
    .tab-link {
      margin-bottom: 16px;
      margin-right: 30px;
    }
  
    .check-list {
      grid-template-rows: auto auto auto auto auto auto auto auto;
      grid-template-columns: 1fr;
      margin-top: 30px;
    }
  
    .tab-content {
      font-size: 10px;
    }
  
    .tabs-menu {
      flex-wrap: wrap;
    }
  
    .tabs {
      grid-template-rows: auto auto;
      display: block;
    }
  
    .text-block-11.brand-homepage-bullet {
      font-size: 12px;
    }
  
    .text-block-13 {
      padding-left: 10px;
      padding-right: 10px;
      font-size: 10px;
    }
  
    .text-block-30, .text-block-31 {
      font-size: 15px;
    }
  
    .image-15 {
      max-width: 70%;
    }
  }
  
  @media screen and (max-width: 479px) {
    .hero-section {
      height: auto;
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .hero-section.hero-section-mobile {
      padding-top: 15px;
    }
  
    .head-logo {
      padding-bottom: 35px;
    }
  
    .body-wrap {
      padding: 40px 25px;
    }
  
    .heading {
      padding-bottom: 25px;
      font-size: 22px;
      line-height: 32px;
    }
  
    .heading-2 {
      margin-bottom: 25px;
      padding-left: 15px;
      padding-right: 15px;
      font-size: 18px;
      line-height: 35px;
    }
  
    .sm-box {
      padding-bottom: 25px;
    }
  
    .button {
      font-size: 15px;
    }
  
    .button.home-button-style {
      width: 220px;
    }
  
    .banner {
      padding-top: 100px;
      padding-bottom: 60px;
    }
  
    .banner.faq-banner {
      height: 200px;
      padding: 80px 10px 60px;
    }
  
    .banner.casestudy-banner {
      height: 360px;
    }
  
    .banner.home-hero-sec {
      height: 700px;
    }
  
    .banner.pricing-banner {
      height: 500px;
    }
  
    .custom-container {
      padding: 0 0 20px;
    }
  
    .custom-container.head-conteiner, .custom-container.large, .custom-container.pt-0 {
      padding-top: 0;
    }
  
    .heading-3 {
      font-size: 22px;
      line-height: 30px;
    }
  
    .heading-3.hero-title {
      font-size: 30px;
    }
  
    .heading-3.hero-title.sm-header {
      line-height: 44px;
    }
  
    .paragraph {
      font-size: 14px;
      line-height: 26px;
    }
  
    .button-2.buttontwo {
      padding-left: 10px;
      padding-right: 10px;
      font-size: 12px;
    }
  
    .button-2.buttontwo.plr {
      padding-left: 15px;
      padding-right: 15px;
      font-size: 14px;
    }
  
    .container {
      max-width: none;
    }
  
    .nav-menu-two {
      flex-direction: column;
    }
  
    .image-2 {
      width: 200px;
    }
  
    .support-block {
      padding-top: 50px;
    }
  
    .banner-bg-texture {
      height: 50px;
    }
  
    .banner-bg-texture.ig-to-fb {
      height: 34px;
      display: block;
    }
  
    .social-platform {
      padding-bottom: 40px;
    }
  
    .sm-heading {
      font-size: 22px;
      line-height: 30px;
    }
  
    .sm-heading.p-two {
      padding-left: 10px;
      padding-right: 10px;
    }
  
    .list-2 {
      padding-top: 30px;
    }
  
    .social-sm-box {
      width: 112px;
      height: 112px;
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .brand-section {
      padding-top: 40px;
      padding-bottom: 40px;
    }
  
    .brands {
      padding-top: 25px;
    }
  
    .target-block {
      padding-bottom: 20px;
    }
  
    .target-list {
      padding-top: 25px;
    }
  
    .target-item {
      padding: 8px 10px;
    }
  
    .tearget-box {
      font-size: 15px;
    }
  
    .footer {
      padding-top: 25px;
    }
  
    .footer-top-block {
      padding-bottom: 30px;
    }
  
    .heading-4 {
      padding-bottom: 12px;
      font-size: 18px;
    }
  
    .footer-bottom-block {
      padding-top: 15px;
    }
  
    .div-block {
      flex-direction: column-reverse;
      justify-content: center;
      align-items: center;
    }
  
    .target-video {
      padding-top: 40px;
      padding-bottom: 40px;
    }
  
    .target-video.target-video-two {
      padding-top: 30px;
    }
  
    .videothumble {
      height: 250px;
    }
  
    .wrok-block {
      padding-bottom: 0;
    }
  
    .div-block-3 {
      padding-bottom: 40px;
    }
  
    .heading-7.text-bottom.text-bottom-off.d-block.mv-ptb-6 {
      padding-top: 6px;
      padding-bottom: 6px;
    }
  
    .heading-7.mv-ptb-6 {
      padding-top: 4px;
      padding-bottom: 4px;
    }
  
    .client-block {
      padding-top: 20px;
    }
  
    .client-box {
      height: auto;
      padding-bottom: 15px;
      padding-left: 15px;
      padding-right: 15px;
    }
  
    .paragraph-3 {
      font-size: 14px;
    }
  
    .bgtexture4 {
      width: 95%;
      margin-left: auto;
      margin-right: auto;
      right: 0%;
    }
  
    .case-studies {
      padding-top: 35px;
      padding-bottom: 35px;
    }
  
    .case-studies.about-cs {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .heading-9 {
      padding-bottom: 25px;
      font-size: 25px;
      line-height: 25px;
    }
  
    .sponsor-block {
      padding-bottom: 30px;
    }
  
    .heading-12 {
      padding-bottom: 25px;
      font-size: 20px;
      line-height: 30px;
    }
  
    .howit-work {
      padding-top: 15px;
    }
  
    .worknumber {
      width: 100%;
    }
  
    .video-slider-wrapper {
      display: none;
    }
  
    .image-6 {
      width: 200px;
    }
  
    .mobile-view-text-d-block {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      grid-template-columns: 1fr 1fr;
      padding-bottom: 30px;
    }
  
    .target-list-static-design {
      grid-template-columns: 1fr;
      justify-content: stretch;
    }
  
    .heading-15 {
      font-size: 20px;
      line-height: 35px;
    }
  
    .heading-15.ig-to-fb {
      font-size: 30px;
    }
  
    .faq-wrap {
      padding-top: 40px;
    }
  
    .heading-16 {
      margin-bottom: 22px;
      font-size: 20px;
      line-height: 25px;
    }
  
    .list-6 {
      padding-left: 10px;
    }
  
    .text-block-3 {
      font-size: 15px;
      line-height: 20px;
    }
  
    .sm-link-style {
      font-size: 15px;
      line-height: 22px;
    }
  
    .for-brand-faq {
      padding-left: 5px;
      padding-right: 5px;
    }
  
    .accordion-title.js-accordion-title {
      padding: 10px 20px 10px 5px;
      font-size: 16px;
      line-height: 22px;
    }
  
    .accordion-content {
      padding-left: 5px;
      padding-right: 5px;
    }
  
    .heading-18 {
      font-size: 30px;
      line-height: 28px;
    }
  
    .text-block-4 {
      font-size: 12px;
      line-height: 24px;
    }
  
    .case-study-list {
      padding: 45px 4px 35px;
    }
  
    .collection-item {
      padding-left: 10px;
      padding-right: 10px;
    }
  
    .blacknwhite {
      filter: grayscale();
      margin-left: 33px;
    }
  
    .blacknwhite.biotrust {
      margin-top: 36px;
      margin-bottom: 30px;
      margin-left: 41px;
    }
  
    .blacknwhite.farmraise {
      margin-left: 37px;
    }
  
    .blacknwhite.farm {
      margin-top: 30px;
      margin-bottom: 24px;
    }
  
    .blacknwhite.caraway {
      margin-top: 12px;
      margin-left: 37px;
    }
  
    .who-we-are-block {
      padding-top: 40px;
    }
  
    .sm-main-block.abt-grid {
      flex-direction: column;
    }
  
    .about-right-desc {
      width: 100%;
    }
  
    .heading-20 {
      padding-top: 20px;
    }
  
    .hero-butn-grid {
      grid-template-columns: 1fr;
      justify-content: center;
      align-items: stretch;
      max-width: 50%;
    }
  
    .hero-butn-box.press {
      grid-column-gap: 28px;
      grid-row-gap: 28px;
      justify-content: center;
      align-items: center;
      padding-top: 20px;
      padding-left: 0;
    }
  
    .hero-img.press-image {
      width: 100%;
    }
  
    .hero-img.g2-image {
      width: 50%;
    }
  
    .advertise-section.pres-section {
      padding-top: 20px;
      padding-left: 0;
      padding-right: 0;
    }
  
    .sec-title {
      font-size: 28px;
    }
  
    .count-grid {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      grid-template-columns: 1fr;
    }
  
    .modal-content-wrap {
      width: 92%;
    }
  
    .case-hero-title {
      font-size: 34px;
      line-height: 1.3;
    }
  
    .case-rich-text h3 {
      font-size: 26px;
      line-height: 1.3;
    }
  
    .creator-content-list {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      grid-template-columns: 1fr;
    }
  
    .column-7 {
      padding-left: 10px;
    }
  
    .div-block-13 {
      width: 80%;
    }
  
    .msf-slider {
      aspect-ratio: auto;
      object-fit: fill;
      flex-flow: column;
      justify-content: center;
      align-items: center;
      display: flex;
      overflow: visible;
    }
  
    .msf-navigation {
      justify-content: space-around;
    }
  
    .multi-step-form {
      width: 80%;
    }
  
    .msf-radio-grid {
      flex-wrap: wrap;
      grid-template-columns: 1fr 1fr;
    }
  
    .msf-label.brand-collabs {
      font-size: 11px;
    }
  
    .msf-h1 {
      flex-wrap: nowrap;
      flex: 0 auto;
      place-content: stretch center;
      align-self: center;
      align-items: center;
      font-size: 33px;
      font-weight: 700;
      display: block;
    }
  
    .msf-slide-content {
      justify-content: flex-start;
      align-items: stretch;
    }
  
    .msf-input-block {
      width: 80%;
    }
  
    .msf-inputs-grid {
      grid-auto-columns: minmax(200px, 1fr);
    }
  
    .msf-button.back {
      padding-left: 40px;
      padding-right: 40px;
    }
  
    .form-group {
      margin-bottom: 30px;
    }
  
    .submission-field.platform-link {
      font-size: 40%;
    }
  
    .submit-button-2, .submit-button-3 {
      width: 100%;
    }
  
    .text-block-5 {
      text-align: left;
    }
  
    .horizontal-questions-survey.brand-collabs {
      justify-content: space-between;
    }
  
    .add-platform {
      align-self: flex-start;
      align-items: center;
    }
  
    .pricing-group-button {
      grid-template-rows: auto auto;
      grid-template-columns: 1fr;
      margin-bottom: 30px;
    }
  
    .base-section.dark {
      padding-top: 10px;
    }
  
    .tab-link {
      margin-bottom: 16px;
      margin-right: 30px;
    }
  
    .check-list {
      grid-template-rows: auto auto auto auto auto auto auto auto;
      grid-template-columns: 1fr;
      margin-top: 30px;
    }
  
    .tab-content {
      font-size: 10px;
    }
  
    .tabs-menu {
      flex-wrap: wrap;
    }
  
    .tabs {
      grid-template-rows: auto auto;
      display: block;
    }
  
    .text-block-11.brand-homepage-bullet {
      font-size: 12px;
    }
  
    .text-block-13 {
      padding-left: 10px;
      padding-right: 10px;
      font-size: 10px;
    }
  
    .text-block-30, .text-block-31 {
      font-size: 15px;
    }
  
    .image-15 {
      max-width: 70%;
    }
  }
  
  #w-node-aae26346-791c-30c5-7136-b45f8f70750b-ac410910, #w-node-_2d240999-6a6f-0dd0-8555-7cc96c67f29e-ac410910, #w-node-bbc6688f-40dd-29d4-05ab-7107724f4f75-ac410910, #w-node-b35d51b5-2c3d-588a-4c46-5f9bf33f2fdb-ac410910, #w-node-_8046b796-e378-bbb1-42c3-d8ec25546019-ac410910, #w-node-_705dd2a2-fd38-807b-3262-138572c586c0-ac410910, #w-node-_705dd2a2-fd38-807b-3262-138572c586be-ac410910, #w-node-_97dbb555-2283-8b3b-cbe4-44c793b13083-ac410910, #w-node-e7187894-d1e3-45ae-597e-ae330b082273-ac410910, #w-node-_80d8b3a5-fed2-6142-f71c-aaa91bfd6315-ac410910, #w-node-b4f02268-b2bd-275d-fb53-e74e0babd09e-ac410910, #w-node-a7122188-eef9-8501-586d-f56a777216b3-ac410917, #w-node-_69dd4834-fcf1-48e9-7189-24191293eb29-ac410917, #w-node-_8b687379-daf8-7468-217f-d98d3c54a5a8-ac410917, #w-node-_07bae35d-c871-056d-9f0c-c7db9bdb0bb1-ac410917, #w-node-_2882b852-c3b6-3db8-86e0-48b0d976b013-ac410917, #w-node-e0989d45-eca3-f29d-7a71-841f3ef3615a-ac410917, #w-node-cd711afb-5d0e-15c4-7e28-725b0c04a991-ac410917, #w-node-_455d6bd5-3f28-9aac-0ba8-c356c4306cc6-ac410917, #w-node-_041ec59b-c23b-3316-9d36-1fe35bf3e0a9-ac410917 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
  
  #w-node-_956d6dab-88e9-91fa-931e-d04c0f2bc16d-ac41092e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
  
  #w-node-_956d6dab-88e9-91fa-931e-d04c0f2bc18d-ac41092e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
  
  #w-node-_49f44e64-ee11-7907-7f2f-0814d2c8cffb-ac410930 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
  
  #w-node-_49f44e64-ee11-7907-7f2f-0814d2c8d04a-ac410930 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
  
  #w-node-_8994a4c9-b37e-6b68-4543-0ad142e0a799-ac410931 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
  
  #w-node-_8994a4c9-b37e-6b68-4543-0ad142e0a7b7-ac410931 {
    justify-self: auto;
  }
  
  #w-node-_90633c6f-a0ea-3118-2c07-93971d0b5911-ac410931 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
  
  #w-node-_8994a4c9-b37e-6b68-4543-0ad142e0a799-ac410932 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
  
  #w-node-_900821c3-02a5-aed5-6d86-cc70c5646b9b-6e9c4ad1 {
    grid-area: 1 / 1 / 3 / 3;
    align-self: stretch;
  }
  
  #w-node-_900821c3-02a5-aed5-6d86-cc70c5646b9c-6e9c4ad1 {
    grid-area: 1 / 1 / 2 / 2;
  }
  
  #w-node-_900821c3-02a5-aed5-6d86-cc70c5646ba9-6e9c4ad1 {
    grid-area: 1 / 2 / 2 / 3;
  }
  
  #w-node-_900821c3-02a5-aed5-6d86-cc70c5646c6a-6e9c4ad1 {
    grid-area: 2 / 1 / 3 / 2;
    align-self: end;
  }
  
  #w-node-eb14a604-78b9-bf8b-8abe-63071d6638f5-23b996e3, #w-node-eb14a604-78b9-bf8b-8abe-63071d663917-23b996e3, #w-node-eb14a604-78b9-bf8b-8abe-63071d663921-23b996e3, #w-node-eb14a604-78b9-bf8b-8abe-63071d66392b-23b996e3, #w-node-eb14a604-78b9-bf8b-8abe-63071d663935-23b996e3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
  
  @media screen and (min-width: 1920px) {
    #w-node-eb14a604-78b9-bf8b-8abe-63071d6638f5-23b996e3 {
      place-self: auto;
    }
  }
  
  @media screen and (max-width: 991px) {
    #w-node-cd48be73-b395-4b1e-b7ac-a90dc8ea74c1-ac4108f5, #w-node-bd137483-0625-3f69-80de-f0da7b2b1341-ac4108f5, #w-node-_3dc7e3cb-785d-46d1-4b2e-0a2ecaa8e4dc-ac4108f5, #w-node-_9b3902d9-d094-c7b3-2c0f-329739ca4a12-ac4108f5, #w-node-_19f03e76-400f-d7d7-03b4-12d44766cdf6-ac4108f5, #w-node-_1554dad7-2a6f-afc1-5c45-2688adc42f06-ac4108f5, #w-node-cd48be73-b395-4b1e-b7ac-a90dc8ea74c1-65cfea7e, #w-node-bd137483-0625-3f69-80de-f0da7b2b1341-65cfea7e, #w-node-_3dc7e3cb-785d-46d1-4b2e-0a2ecaa8e4dc-65cfea7e, #w-node-_9b3902d9-d094-c7b3-2c0f-329739ca4a12-65cfea7e, #w-node-_19f03e76-400f-d7d7-03b4-12d44766cdf6-65cfea7e, #w-node-_1554dad7-2a6f-afc1-5c45-2688adc42f06-65cfea7e {
      place-self: center;
    }
  
    #w-node-_900821c3-02a5-aed5-6d86-cc70c5646b9b-6e9c4ad1 {
      grid-column-end: 2;
    }
  
    #w-node-_900821c3-02a5-aed5-6d86-cc70c5646ba9-6e9c4ad1 {
      grid-area: 2 / 1 / 3 / 2;
    }
  
    #w-node-_900821c3-02a5-aed5-6d86-cc70c5646c6a-6e9c4ad1 {
      grid-area: 3 / 1 / 4 / 2;
      align-self: end;
    }
  }
  
  @media screen and (max-width: 767px) {
    #w-node-_3c1d6bb9-5c38-b6e7-1cd0-d4ab5eeaa502-ac4108f5, #w-node-_3c1d6bb9-5c38-b6e7-1cd0-d4ab5eeaa502-65cfea7e {
      grid-area: span 1 / span 1 / span 1 / span 1;
    }
  
    #w-node-_09443fb8-4118-24b4-b59b-8f793f517782-6e9c4ad1 {
      place-self: auto;
    }
  
    #w-node-_455931c0-68e5-12d2-9ef5-e47f0439f4bd-23b996e3 {
      grid-area: span 1 / span 1 / span 1 / span 1;
    }
  }
  
  @media screen and (max-width: 479px) {
    #w-node-b0799777-abb4-5161-1c72-7d3eaa0ec950-ac4108f5 {
      grid-area: span 1 / span 2 / span 1 / span 2;
    }
  
    #w-node-_3c1d6bb9-5c38-b6e7-1cd0-d4ab5eeaa502-ac4108f5 {
      grid-area: span 1 / span 1 / span 1 / span 1;
    }
  
    #w-node-b0799777-abb4-5161-1c72-7d3eaa0ec950-65cfea7e {
      grid-area: span 1 / span 2 / span 1 / span 2;
    }
  
    #w-node-_3c1d6bb9-5c38-b6e7-1cd0-d4ab5eeaa502-65cfea7e {
      grid-area: span 1 / span 1 / span 1 / span 1;
    }
  
    #w-node-_900821c3-02a5-aed5-6d86-cc70c5646b9b-6e9c4ad1 {
      place-self: stretch;
    }
  
    #w-node-_455931c0-68e5-12d2-9ef5-e47f0439f4b9-23b996e3 {
      grid-area: span 1 / span 2 / span 1 / span 2;
    }
  
    #w-node-_455931c0-68e5-12d2-9ef5-e47f0439f4bd-23b996e3 {
      grid-area: span 1 / span 1 / span 1 / span 1;
    }
  }

  .comparison-grid {
    margin-top: 40px;  // Add space above the comparison grid
  }

  .space-y-20 {
    margin-bottom: 80px;  // Add more space after the "Why Word on the Block" section
  }

  .grid.grid-cols-2 {
    gap: 32px;  // Increase gap between cards in the grid
  }