@font-face {
  font-family: 'Raleway';
  font-display: swap;
  src: local("Raleway-Regular"), url("../fonts/Raleway-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
html {
  height: 100%; }

body {
  display: flex;
  flex-direction: column;
  height: 100%;
  font-family: 'Raleway', sans-serif;
  color: #000000; }

header {
  flex: 0 0 auto; }

main {
  flex: 1 0 auto; }

footer {
  flex: 0 0 auto; }

.site-title {
  font: normal normal 36px/57px "Raleway", sans-serif;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #000000; }
  @media (max-width: 575px) {
    .site-title {
      font: normal normal 28px/47px "Raleway", sans-serif; } }

.white-color, .white-color:focus, .white-color:hover {
  color: #FFFFFF; }

.navbar {
  padding: 10px 58px;
  background: transparent !important; }
  @media (max-width: 575px) {
    .navbar {
      padding: 10px; } }
  @media (min-width: 768px) {
    .navbar .logo {
      padding-top: 15px; } }
  .navbar .navbar-nav {
    padding-bottom: 14px; }
  .navbar .navbar-toggler {
    background: rgba(255, 255, 255, 0.75); }
    .navbar .navbar-toggler:focus {
      box-shadow: 0 0 0 0.05rem; }
  .navbar .nav-link {
    font: normal normal 16px/19px "Raleway", sans-serif;
    color: #000000 !important;
    padding: 5px 10px !important; }
  @media (max-width: 767px) {
    .navbar .navbar-collapse {
      position: absolute;
      top: 80px;
      right: 28px;
      border: 1px solid silver;
      border-radius: 5px;
      background: white;
      padding: 15px;
      z-index: 1; } }

.banner-bg {
  height: 600px;
  overflow: hidden;
  margin-top: -94px;
  background: url("/public/images/banner-bg.png");
  background-position: bottom;
  background-size: cover; }
  @media (max-width: 767px) {
    .banner-bg {
      height: 400px;
      margin-top: -80px;
      background-position: 30%; } }
  @media (min-width: 2000px) {
    .banner-bg {
      background-position: center; } }
  .banner-bg .banner-info {
    margin-top: 90px;
    padding: 10px; }
    @media (max-width: 767px) {
      .banner-bg .banner-info {
        width: 250px; } }
  .banner-bg .banner-title {
    font: normal bold 44px/57px "Raleway", sans-serif;
    color: #ffffff; }
    @media (max-width: 767px) {
      .banner-bg .banner-title {
        font: normal bold 28px/35px "Raleway", sans-serif; } }
    .banner-bg .banner-title .blue {
      color: #3278D4; }
  .banner-bg .banner-btn {
    background: #3278D4;
    box-shadow: 0 6px 20px rgba(107, 163, 255, 0.65);
    border-radius: 24px;
    font: normal 500 16px/100% "Raleway", sans-serif;
    padding: 15px 32px;
    color: #FFFFFF; }

.benefits {
  background: rgba(36, 102, 212, 0.04); }
  .benefits .benefits-wrapper {
    padding: 0 17%; }
    @media (max-width: 991px) {
      .benefits .benefits-wrapper {
        padding: 0; } }
    @media (max-width: 767px) {
      .benefits .benefits-wrapper {
        padding: 8px 0 16px; } }
  .benefits .benefit-img {
    height: 32px; }
    .benefits .benefit-img.cart {
      width: 30px; }
    .benefits .benefit-img.lightning {
      width: 22px; }
  .benefits .title-benefit {
    font: normal bold 16px/100% "Raleway", sans-serif; }
  .benefits .subtitle-benefit {
    font: normal normal 16px/100% "Raleway", sans-serif; }

.scan-create-chatbot {
  margin-bottom: 155px; }
  @media (max-width: 767px) {
    .scan-create-chatbot {
      margin-bottom: 90px; } }
  .scan-create-chatbot .scan-create-chatbot-wrapper {
    padding: 0 15%; }
    @media (max-width: 991px) {
      .scan-create-chatbot .scan-create-chatbot-wrapper {
        padding: 0; } }
  .scan-create-chatbot .scan-block {
    width: 190px;
    border-radius: 15px;
    border: 1px solid #1877F2;
    box-sizing: border-box;
    box-shadow: 0 7px 16px rgba(0, 0, 0, 0.06), 0 1.12694px 5.38427px rgba(0, 0, 0, 0.085); }
    .scan-create-chatbot .scan-block.whats-app {
      border: 1px solid #128C7E; }
    .scan-create-chatbot .scan-block .social-img {
      width: 35px; }
    .scan-create-chatbot .scan-block.telegram {
      border: 1px solid #0088CC; }
    .scan-create-chatbot .scan-block.viber {
      border: 1px solid #7F4DA0; }
    .scan-create-chatbot .scan-block .card-body {
      border-bottom: 1px solid #EAEAEA; }
    .scan-create-chatbot .scan-block .card-img-bottom {
      margin: 20px auto 30px;
      width: 115px; }
    .scan-create-chatbot .scan-block .card-title {
      font: normal bold 16px/19px "Raleway", sans-serif;
      color: #1877F2; }
      .scan-create-chatbot .scan-block .card-title.whats-app {
        color: #128C7E; }
      .scan-create-chatbot .scan-block .card-title.telegram {
        color: #0088CC; }
      .scan-create-chatbot .scan-block .card-title.viber {
        color: #7F4DA0; }

.services {
  background: #3278D4;
  padding: 100px 11%; }
  @media (max-width: 991px) {
    .services {
      padding: 50px 0; } }
  .services .description {
    font: normal normal 16px/160% "Raleway", sans-serif; }
  .services .services-subtitle {
    font: normal bold 16px/100% "Raleway", sans-serif; }

.footer {
  padding: 50px 5.5%; }
  @media (max-width: 575px) {
    .footer {
      text-align: center; } }
  .footer .copy {
    text-align: right; }
    @media (max-width: 575px) {
      .footer .copy {
        margin-top: 30px;
        text-align: center; } }
  .footer a {
    text-decoration: none; }
    .footer a:focus, .footer a:hover {
      text-decoration: underline; }
  .footer-text {
    font: normal normal 16px/19px "Raleway", sans-serif; }
    .footer-text, .footer-text:focus, .footer-text:hover {
      color: #000000; }
  .footer .text-gray, .footer .text-gray:focus, .footer .text-gray:hover {
    color: #7A7A7A; }
  .footer ol li {
    list-style: none;
    padding: 4px 0 6px; }
  .footer .footer-info {
    width: fit-content; }
    @media (min-width: 992px) {
      .footer .footer-info {
        margin-left: auto; } }

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