/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
/* cs prologue */
.socialbee-section-cs-prologue {
  padding: 100px 0;
}
.socialbee-section-cs-prologue p {
  color: var(--color_gray_900);
}
.socialbee-section-cs-prologue .prologue-heading h2 {
  margin-bottom: 40px;
  color: var(--color_gray_900);
}
.socialbee-section-cs-prologue .prologue-heading .prologue-year {
  opacity: 0.1;
}
.socialbee-section-cs-prologue .prologue-content p:not(:last-child) {
  margin-bottom: 40px;
}
.socialbee-section-cs-prologue .prologue-wrapper {
  display: flex;
  gap: 130px;
}
.socialbee-section-cs-prologue .prologue-wrapper > div {
  flex: 0 1 50%;
}

@media only screen and (max-width: 1280px) {
  .socialbee-section-cs-prologue .prologue-wrapper {
    gap: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .socialbee-section-cs-prologue {
    padding: 48px 0;
  }
  .socialbee-section-cs-prologue .prologue-heading h2 {
    margin-bottom: 24px;
  }
  .socialbee-section-cs-prologue .prologue-content p:not(:last-child) {
    margin-bottom: 24px;
  }
  .socialbee-section-cs-prologue .prologue-wrapper {
    flex-wrap: wrap;
    gap: 40px;
  }
  .socialbee-section-cs-prologue .prologue-wrapper > div {
    flex: 0 0 100%;
  }
}
/* /cs prologue */
/* cs prologue number */
.socialbee-section-cs-prologue-numbers h4,
.socialbee-section-cs-prologue-numbers p {
  color: var(--color_gray_900);
}
.socialbee-section-cs-prologue-numbers h4 {
  margin-top: 20px;
}
.socialbee-section-cs-prologue-numbers .prologue-wrapper {
  display: flex;
  gap: 130px;
}
.socialbee-section-cs-prologue-numbers .prologue-wrapper > div {
  flex: 0 1 50%;
}
.socialbee-section-cs-prologue-numbers .prologue-wrapper .prologue-image img {
  animation: floatImg 5s ease-in-out infinite;
}
.socialbee-section-cs-prologue-numbers .prologue-wrapper .prologue-numbers {
  margin-top: 68px;
  padding-bottom: 100px;
}
.socialbee-section-cs-prologue-numbers .prologue-wrapper .prologue-numbers .prologue-number-item:not(:last-child) {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1280px) {
  .socialbee-section-cs-prologue-numbers .prologue-wrapper {
    gap: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .socialbee-section-cs-prologue-numbers {
    padding: 48px 0;
  }
  .socialbee-section-cs-prologue-numbers .prologue-wrapper {
    flex-wrap: wrap;
    gap: 40px;
  }
  .socialbee-section-cs-prologue-numbers .prologue-wrapper > div {
    flex: 0 0 100%;
  }
  .socialbee-section-cs-prologue-numbers .prologue-wrapper .prologue-image {
    order: 1;
    text-align: center;
  }
  .socialbee-section-cs-prologue-numbers .prologue-wrapper .prologue-image img {
    width: auto;
    max-width: 100%;
    max-height: 70vh;
  }
  .socialbee-section-cs-prologue-numbers .prologue-wrapper .prologue-numbers {
    margin-top: 74px;
    padding-bottom: 0;
  }
  .socialbee-section-cs-prologue-numbers .prologue-wrapper .prologue-numbers .prologue-number-item:not(:last-child) {
    margin-bottom: 56px;
  }
}
/* /cs prologue number */
/* cs challenges */
.socialbee-section-cs-challenges {
  padding: 100px 0;
  color: var(--color_gray_900);
}
.socialbee-section-cs-challenges .challenges-main-heading {
  margin-bottom: 40px;
}
.socialbee-section-cs-challenges .challenges-content {
  display: flex;
  -moz-column-gap: 130px;
       column-gap: 130px;
}
.socialbee-section-cs-challenges .challenges-content > div {
  flex: 0 1 50%;
}
.socialbee-section-cs-challenges .challenges-content h3,
.socialbee-section-cs-challenges .challenges-content p {
  margin-bottom: 40px;
}
.socialbee-section-cs-challenges .challenges-image img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

@media only screen and (max-width: 1280px) {
  .socialbee-section-cs-challenges .challenges-content {
    -moz-column-gap: 80px;
         column-gap: 80px;
  }
  .socialbee-section-cs-challenges .challenges-content {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .socialbee-section-cs-challenges {
    padding: 48px 0;
  }
  .socialbee-section-cs-challenges .challenges-main-heading {
    margin-bottom: 32px;
  }
  .socialbee-section-cs-challenges .challenges-content {
    flex-wrap: wrap;
    margin-bottom: 32px;
  }
  .socialbee-section-cs-challenges .challenges-content > div {
    flex: 0 0 100%;
  }
  .socialbee-section-cs-challenges .challenges-content h3,
  .socialbee-section-cs-challenges .challenges-content p {
    margin-bottom: 24px;
  }
}
/* /cs challenges */
/* cs solution */
.socialbee-section-cs-solutions {
  padding: 100px 0;
}
.socialbee-section-cs-solutions h2 {
  color: var(--color_gray_900);
}
.socialbee-section-cs-solutions .solutions-main-heading {
  margin-bottom: 80px;
}
.socialbee-section-cs-solutions .solutions-image img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.socialbee-section-cs-solutions .solutions-image .image-solutions-mobile {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .socialbee-section-cs-solutions {
    padding: 48px 0;
  }
  .socialbee-section-cs-solutions .solutions-main-heading {
    margin-bottom: 32px;
  }
  .socialbee-section-cs-solutions .solutions-image img {
    width: auto;
    max-width: 100%;
    max-height: 70vh;
  }
  .socialbee-section-cs-solutions .solutions-image .image-solutions {
    display: none;
  }
  .socialbee-section-cs-solutions .solutions-image .image-solutions-mobile {
    display: block;
  }
}
/* /cs solution */
/* cs product design process */
.socialbee-section-cs-product-design-process {
  padding: 100px 0;
  color: var(--color_gray_900);
}
.socialbee-section-cs-product-design-process .product-design-process-main-heading {
  margin-bottom: 80px;
}
.socialbee-section-cs-product-design-process .product-design-process-content {
  display: flex;
  gap: 130px;
}
.socialbee-section-cs-product-design-process .product-design-process-content > div {
  flex: 0 1 50%;
}
.socialbee-section-cs-product-design-process .product-design-process-content .product-design-process-text h3 {
  margin-bottom: 40px;
}
.socialbee-section-cs-product-design-process .product-design-process-content .product-design-process-image img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.socialbee-section-cs-product-design-process .product-design-process-content .product-design-process-image .image-design-process-mobile {
  display: none;
}
.socialbee-section-cs-product-design-process .product-design-process-cta {
  margin-top: 100px;
  text-align: center;
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 1280px) {
  .socialbee-section-cs-product-design-process .solution-wrapper .product-design-process-content {
    gap: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .socialbee-section-cs-product-design-process {
    padding: 48px 0;
  }
  .socialbee-section-cs-product-design-process .product-design-process-main-heading {
    margin-bottom: 60px;
  }
  .socialbee-section-cs-product-design-process .product-design-process-content {
    flex-wrap: wrap;
    gap: 60px;
  }
  .socialbee-section-cs-product-design-process .product-design-process-content > div {
    flex: 0 0 100%;
  }
  .socialbee-section-cs-product-design-process .product-design-process-content .product-design-process-text h3 {
    margin-bottom: 24px;
  }
  .socialbee-section-cs-product-design-process .product-design-process-content .product-design-process-image img {
    width: auto;
    max-width: 100%;
    max-height: 70vh;
  }
  .socialbee-section-cs-product-design-process .product-design-process-content .product-design-process-image .image-design-process {
    display: none;
  }
  .socialbee-section-cs-product-design-process .product-design-process-content .product-design-process-image .image-design-process-mobile {
    display: block;
  }
  .socialbee-section-cs-product-design-process .product-design-process-cta {
    margin-top: 96px;
  }
}
/* /cs product design process */
/* cs personas */
.socialbee-section-cs-personas {
  padding: 100px 0;
  color: var(--color_gray_900);
}
.socialbee-section-cs-personas .personas-heading {
  margin-bottom: 40px;
}
.socialbee-section-cs-personas .personas-boxes {
  display: flex;
  gap: 24px;
}
.socialbee-section-cs-personas .personas-boxes > div {
  flex: 0 1 50%;
}
.socialbee-section-cs-personas .personas-boxes .persona-item img {
  display: block;
  width: 100%;
}
.socialbee-section-cs-personas .personas-boxes .persona-item .persona-card {
  max-width: 90%;
  margin: -15% auto 0;
  padding: 24px;
  background-color: #FFFDCA;
}
.socialbee-section-cs-personas .personas-boxes .persona-item .persona-card h4 {
  margin-bottom: 16px;
}
.socialbee-section-cs-personas .personas-boxes .persona-item:nth-child(even) .persona-card {
  transform: rotate(-2.5deg);
}
.socialbee-section-cs-personas .personas-boxes .persona-item:nth-child(odd) .persona-card {
  transform: rotate(2.5deg);
}

@media only screen and (max-width: 1024px) {
  .socialbee-section-cs-personas {
    padding: 48px 0;
  }
  .socialbee-section-cs-personas .personas-heading {
    margin-bottom: 32px;
  }
  .socialbee-section-cs-personas .personas-boxes {
    flex-wrap: wrap;
    gap: 24px;
  }
  .socialbee-section-cs-personas .personas-boxes > div {
    flex: 0 0 100%;
  }
}
/* /cs personas */
/* cs poc */
.socialbee-section-cs-poc {
  padding: 100px 0;
  color: var(--color_gray_50);
  background: var(--color_gray_900);
}
.socialbee-section-cs-poc .poc-main-heading {
  margin-bottom: 40px;
}
.socialbee-section-cs-poc .poc-content {
  display: flex;
  margin-bottom: 40px;
  gap: 24px;
}
.socialbee-section-cs-poc .poc-content > div {
  flex: 0 1 33%;
}
.socialbee-section-cs-poc .poc-image img {
  display: block;
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .socialbee-section-cs-poc {
    padding: 48px 0;
  }
  .socialbee-section-cs-poc .poc-main-heading {
    margin-bottom: 32px;
  }
  .socialbee-section-cs-poc .poc-content {
    flex-wrap: wrap;
    margin-bottom: 32px;
    gap: 32px;
  }
  .socialbee-section-cs-poc .poc-content > div {
    flex: 0 0 100%;
  }
}
/* /cs poc */
/* cs ai development */
.socialbee-section-cs-aidevelopment {
  padding: 100px 0;
  color: var(--color_gray_900);
}
.socialbee-section-cs-aidevelopment .aidevelopment-main-heading {
  margin-bottom: 40px;
}
.socialbee-section-cs-aidevelopment .aidevelopment-content {
  display: flex;
  margin-bottom: 80px;
  gap: 130px;
}
.socialbee-section-cs-aidevelopment .aidevelopment-content > div {
  flex: 0 1 50%;
}
.socialbee-section-cs-aidevelopment .aidevelopment-content h3 {
  margin-bottom: 40px;
}
.socialbee-section-cs-aidevelopment .aidevelopment-content .aidevelopment-image img {
  display: block;
  width: 100%;
}
.socialbee-section-cs-aidevelopment .aidevelopment-image-full img {
  display: block;
  width: 100%;
}

@media only screen and (max-width: 1280px) {
  .socialbee-section-cs-aidevelopment .aidevelopment-content {
    gap: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .socialbee-section-cs-aidevelopment {
    padding: 48px 0;
  }
  .socialbee-section-cs-aidevelopment .aidevelopment-main-heading {
    margin-bottom: 32px;
  }
  .socialbee-section-cs-aidevelopment .aidevelopment-content {
    flex-wrap: wrap;
    margin-bottom: 32px;
    gap: 60px;
  }
  .socialbee-section-cs-aidevelopment .aidevelopment-content > div {
    flex: 0 0 100%;
  }
  .socialbee-section-cs-aidevelopment .aidevelopment-content h3 {
    margin-bottom: 24px;
  }
  .socialbee-section-cs-aidevelopment .aidevelopment-image-full {
    display: none;
  }
}
/* /cs ai development */
/* cs results */
.socialbee-section-cs-airesults {
  padding: 100px 0 0;
  color: var(--color_gray_50);
  background: var(--color_gray_900);
}
.socialbee-section-cs-airesults .airesults-main-heading {
  margin-bottom: 40px;
}
.socialbee-section-cs-airesults .airesults-content {
  display: flex;
  gap: 130px;
}
.socialbee-section-cs-airesults .airesults-content > div {
  flex: 0 1 50%;
}
.socialbee-section-cs-airesults .airesults-content h3:not(:last-child),
.socialbee-section-cs-airesults .airesults-content p:not(:last-child) {
  margin-bottom: 40px;
}
.socialbee-section-cs-airesults .airesults-content .airesults-image-full {
  margin-top: 100px;
  text-align: center;
}
.socialbee-section-cs-airesults .airesults-content .airesults-image-full img {
  display: inline-block;
  max-width: 100%;
}

@media only screen and (max-width: 1280px) {
  .socialbee-section-cs-airesults .airesults-content {
    gap: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .socialbee-section-cs-airesults {
    padding: 48px 0 0;
  }
  .socialbee-section-cs-airesults .airesults-main-heading {
    margin-bottom: 32px;
  }
  .socialbee-section-cs-airesults .airesults-content {
    flex-wrap: wrap;
    gap: 32px;
  }
  .socialbee-section-cs-airesults .airesults-content > div {
    flex: 0 0 100%;
  }
  .socialbee-section-cs-airesults .airesults-content h3:not(:last-child) {
    margin-bottom: 24px;
  }
  .socialbee-section-cs-airesults .airesults-content p:not(:last-child) {
    margin-bottom: 32px;
  }
  .socialbee-section-cs-airesults .airesults-content .airesults-image-full {
    margin-top: 40px;
  }
}
/* /cs results */

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