/* Media Start*/
/* Media End*/
.solutions-social-studio .top_cta {
  background-image: url(https://go.lofty.com/hubfs/social_studio/bg.png);
  background-size: cover;
  height: 500px;
}
.solutions-social-studio .top_cta .md-content-cta {
  padding: 80px 0 20px;
}
.solutions-social-studio .top_cta .md-content-cta .module-wrap {
  margin-top: -36px;
}
.solutions-social-studio .top_cta .mcc-title {
  font-size: 50px;
}
.solutions-social-studio .top_cta .mcc-img {
  width: 560px;
}
.solutions-social-studio .top_cta .mcc-descriptions {
  width: 575px;
}
.solutions-social-studio .top_cta .mcc-descriptions li::before {
  display: none !important;
}
.solutions-social-studio .top_cta .mcc-descriptions li:first-of-type {
  font-family: Manrope;
  font-weight: 500;
  font-style: Medium;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 10px;
}
.solutions-social-studio .top_cta .mcc-descriptions li + li {
  margin-top: 0;
}
.solutions-social-studio .mp-banner-cta .mbc-left {
  margin-right: 70px;
}
.solutions-social-studio .mp-banner-cta .mbc-left .md-text-button1 .mtb1-title {
  color: #202437;
  font-weight: 500;
  font-size: 50px;
  line-height: 58px;
  letter-spacing: 0px;
}
.solutions-social-studio .mp-banner-cta .mbc-left .md-text-button1 .mtb1-description {
  color: #202437;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
}
.solutions-social-studio .mp-banner-cta .mbc-left .md-text-button1 .mtb1-button {
  background: #3b5cde;
  border: 2px solid #ffffff;
}
.solutions-social-studio .mp-banner-cta img {
  width: 550px;
  margin-bottom: 30px;
}
.solutions-social-studio #hs_cos_wrapper_module_1696741741298 {
  background-color: #fafafa;
}
.solutions-social-studio .sss-cta-swiper {
  background-color: #fafafa;
  padding: 100px 0;
}
.solutions-social-studio .sss-cta-swiper .module-wrap .cta-swiper-title {
  margin: 0 auto 60px auto;
  color: #202437;
  font-weight: 500;
  font-size: 34px;
  line-height: 42px;
  letter-spacing: 0;
  text-align: center;
}

.power-swiper-container {
  background-color: #fafafa;
  padding: 100px 0;
}
.power-swiper-container .power-swiper-title {
  text-align: center;
}
.power-swiper-container .md-swiper-cta {
  margin-top: 70px;
}

@media (min-width: 801px) {
  .sss-cta-swiper .md-swiper-cta .swiper {
    flex: none;
    width: 620px;
  }
  .sss-cta-swiper .md-swiper-cta .cta-list {
    flex: 1;
    margin-left: 80px;
  }
}
@media (max-width: 800px) {
  .solutions-social-studio .top_cta {
    background-image: url(https://go.lofty.com/hubfs/social_studio/bgm.png);
    height: 714px;
  }
  .solutions-social-studio .top_cta > div {
    height: 100%;
  }
  .solutions-social-studio .top_cta > div .md-content-cta {
    padding: 120px 0 40px;
    height: 100%;
  }
  .solutions-social-studio .top_cta > div .md-content-cta .module-wrap {
    position: relative;
    height: 100% !important;
    margin-top: 0;
    display: block;
  }
  .solutions-social-studio .top_cta > div .mcc-title {
    font-family: Manrope;
    font-weight: 500;
    font-size: 36px;
    line-height: 40px;
    margin: 0 0 20px 0;
  }
  .solutions-social-studio .top_cta > div .mcc-img {
    width: 100%;
    position: absolute;
    bottom: 0;
  }
  .solutions-social-studio .top_cta > div .mcc-descriptions {
    width: 100%;
  }
  .solutions-social-studio .top_cta > div .mcc-descriptions li:first-of-type {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
  }
  .solutions-social-studio .mp-banner-cta .mbc-left .md-text-button1 .mtb1-title {
    font-weight: 500;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0px;
  }
  .solutions-social-studio .mp-banner-cta .mbc-left .md-text-button1 .mtb1-description {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
  }
  .solutions-social-studio .mp-banner-cta img {
    margin-bottom: 40px;
  }
  .solutions-social-studio .sss-cta-swiper {
    padding: 50px 0;
  }
  .solutions-social-studio .sss-cta-swiper .module-wrap .cta-swiper-title {
    margin: 0 auto 30px auto;
    color: #202437;
    text-align: left;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0;
  }
  .power-swiper-container {
    padding: 50px 0;
  }
  .power-swiper-container .power-swiper-title .mt-title {
    text-align: left;
    line-height: 36px;
  }
  .power-swiper-container .md-swiper-cta {
    margin-top: 20px;
  }
}

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