.calendly-badge-widget .calendly-badge-content {
  height: 55px !important;
  font-size: 16px;
}

#flintbusiness__container{
  /* general */
  h1, h2, p{
    font-family: var(--font-family-text);
  }

  h1{
    font-size: 22px;
    line-height: 55px;
  }

  h2{
    text-align: center;
    margin-bottom: 40px;
    font-size: 26px;
  }

  p{
    font-size: 18px;
  }

  .pricing {
    border:2px solid var(--color-white);
  }

  .pricing--highlight {
    position: relative;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
    border:4px solid var(--color-white);
    @media (min-width: 1200px) {
      margin-top: -20px;
      margin-bottom: -20px;
    }
  }

  .ribbon {
    width: 100px;
    height: 32px;
    font-size: 16px;
    text-align: center;
    color: var(--color-white);
    font-weight: bold;
    box-shadow: 0px 2px 3px rgba(136, 136, 136, 0.25);
    background: #4dbe3b;
    transform: rotate(45deg);
    position: absolute;
    right: -30px;
    top: 7px;
    padding-top: 7px;
  }

  .pricing__title {
    font-size: 26px;
    font-weight: bold;
    color: var(--color-white);
  }

  .pricing__subtitle {
    font-size: 15px;
    font-weight: bold;
    color: var(--color-white);
  }

  .pricing__price {
    color: var(--color-white);
  }

  .pricing__price-value {
    display: block;
    font-size: 34px;
    font-weight: bold;
  }

  .pricing__price-value--discounted {
    display: inline;
    font-size: 30px;
    font-weight: bold;
    text-decoration: line-through;
    text-decoration-thickness: 4px;
    text-decoration-color: var(--color-black);
  }

  .pricing__price-text {
    margin-left: 10px;
    display: inline;
    font-size: 16px;
  }

  .pricing__button {
    a {
      line-height: 30px;
      font-family: "Lexend", sans-serif;
      padding: 15px;
      border-radius: 5px;
      border: none;
      font-weight: bold;
      font-size: 16px;
      width: 235px;
      display: block;
      margin: auto;
      background-color: var(--color-white);
      color: var(--color-blue);
    }
    a:hover {
      background-color: var(--color-white);
      color: var(--color-blue);
      text-decoration: underline;
    }

    a.pricing__button--highlight {
      color: var(--color-black);
      background-color: #ffaf38;
    }

    a:hover.pricing__button--highlight {
      background-color: #ffaf38;
      color: var(--color-black);
      text-decoration: underline;
    }
  }

  .pricing__features {
    list-style-type: none;
    text-align: left;
    margin: 0;
    padding: 0;
  }

  .pricing__feature {
    padding-left: 10px;
    font-size: 15px;
    font-weight: bold;
  }

  img.block__image--mobile{
    display: none;
  }

  img.block__image--desktop{
    display: block;
    margin: auto;
  }

  .block  {
    padding: 30px;
  }

  .block--white {
    background-color: var(--color-white);
  }

  .block--purple {
    background-color: var(--color-purple);
    color: var(--color-white);
  }

  .block--blue {
    background-color: var(--color-dark-blue);
    color: var(--color-white);
  }

  .block__header {
    text-align: center;
  }

  .block__content--textimage {
    display: flex;
    width: 890px;
    margin: auto;

    p {
      text-align: left;
    }

    .block__image {
      margin: auto;
      img {
        max-width: 310px;
        max-height: 500px;
        margin-left: 40px;
        border-radius: 10px;
      }
    }
  }

  .loom__container {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }

  .block--sixth, .block--third{
    text-align: center;
    img{
      width: 1000px;
    }
  }

  .signup__button.button--white {
    margin-top: 30px;
    margin-bottom: 20px;
    a{
      background-color: var(--color-white);
      color: var(--color-blue);
    }
    a:hover{
      background-color: var(--color-hover-blue);
      color: var(--color-white);
    }
  }

  .signup__button.button--blue {
    margin-top: 30px;
    margin-bottom: 20px;
    a{
      background-color: var(--color-blue);
    }
    a:hover{
      background-color: var(--color-hover-blue);
      color: var(--color-white);
    }
  }
  .header__container, .nav  {
    background-color: var(--color-dark-blue);
    color: var(--color-white);
  }

  /* nav */

  .nav{
    min-height: 50px;
    padding: 20px 20px 20px 20px;
    .header__buttons{
      display: flex;
      justify-content: space-between;
      .header__langs{
        width: 90px;
        display: flex;
        justify-content: space-around;
      }
    }
  }

  /* Header */

  .header__container{
    padding-bottom: 40px;
    .header__content{
      height: max-content;
      width: 871px;
      margin: auto;
      display: flex;
      text-align: center;
      h2{
        font-size: 24px;
      }
      .header__image {
        img{
          width: 223px;
        }
      }
      .header__text{
        margin: auto;
        h2{
          margin: auto;
        }
      }
      .header__cta{
        width: 85%;
        margin: auto;
      }
      .header__cta, .block__cta{
        display: flex;
        justify-content: space-evenly;
      }
    }
  }
  /* Block 1 */

  .block--first{
    .block__content{
      display: flex;
      width: 890px;
      margin: auto auto 50px auto;
      .block__texts--list{
        .block__text--first, .block__text--second, .block__text--third, .block__text--fourth{
          display: flex;
          margin-bottom: 30px;
        }
        .block__text--fifth {
          p{
            text-align: center;
            font-size: 18px;
          }
        }
        img{
          height: initial;
          margin-right: 10px;
          margin-top: auto;
          margin-bottom: auto;
        }
      }
    }
  }

  /* Block 3 */

  .block--third{
    .block__texts{
      display: flex;
      margin: auto;
      margin-right: auto;
      margin-left: auto;
      width: 1040px;
      justify-content: space-between;
      .block__text--first, .block__text--second  {
        width: 500px;
        border-radius: 5px;
        padding: 20px;
        color: var(--color-white);
        font-family: var(--font-family-text);
        font-size: 16px;
        p{
          text-align: center;
        }
        ul{
          text-align: left;
        }
        li{
          list-style-type: none;
          line-height: 30px;
        }
        span{
          font-weight: bold;
          font-size: 18px;
        }
      }
      .block__text--first {
        background-color: var(--color-blue);
      }
      .block__text--second  {
        background-color: var(--color-blue);
      }
    }
  }



  /* Block 4 */

  .block--fourth{
    max-height: max-content;
    p{
      line-height: 34px;
    }
    .block__content{
      display: flex;
      width: 840px;
      margin: auto;
      .block__image{
        margin: auto;
        img{
          margin-right: 30px;
        }
      }
      .block__texts--list{
        justify-content: space-around;
        text-align: left;
        margin: 40px 0 47px 0;
        display: flex;
        .block__text--first{
          width: 286px;
        }
        .block__text--second{
          width: 363px;
          margin-left: 20px;
        }
      }
    }
  }


  /* Block 5 */

  .block--fifth{
    max-height: max-content;
    .block__content{
      width: 975px;
      margin: auto;
      .block__texts--list{
        display: flex;
        justify-content: space-evenly;
      }
    }
    p.block__text{
      width: 300px;
      padding: 15px;
      border-radius: 5px;
      text-align: center;
    }
    p.block__text--first{
      background-color: #eb7972;
    }
    p.block__text--second{
      background-color: #c95454;
    }
    p.block__text--third{
      background-color: var(--color-purple);
    }
  }



  /* Block 6 */

  .block--sixth{
    .video-container{
      justify-content: space-evenly;
      display: flex;
      margin-bottom: 40px;
      width: 86%;
      margin-right: auto;
      margin-left: auto;
      max-width: 1045px;
      iframe {
        width: 500px;
        height: 255px;
      }
      .block__feedback--second .block__feedback{
        width: 88%;
      }
      .block__feedback--first .block__feedback{
        width: 95%;
      }
      .block__feedback {
        background-color: #fafafa;
        padding: 15px;
        border-radius: 5px;
        width: 93%;
        margin: auto;
        margin-top: 20px;
        display: flex;
        p{
          font-weight: bold;
          font-size: 16px;
          text-align: left;
        }
        img{
          width: 20px;
          height: fit-content;
          margin-right: 10px;
        }
        span{
          color: var(--color-purple);
          font-style: italic;
        }
      }
    }
  }

  img.block__texts-avatar {
    background-color: var(--color-white);
    border-radius: 50%;
    margin-bottom: 20px;
  }

  /* Block 8 */

  .block--eighth {
    text-align: center;
    max-height: 1000px;
    .block__texts--list{
      display: flex;
    }
    .block__content{
      justify-content: space-around;
      display: flex;
    }
    .block__subtitle h2{
      margin-bottom: 0;
      margin-top: 40px;
    }
    .blocks__text--first{
      margin-right: 20px;
    }
    .block__text--first, .block__text--second, .block__text--third, .block__text--fourth{
      width: 280px;
      li{
        font-size: 14px;
        text-align: left;
        font-family: var(--font-family-text);
      }
    }
  }


  /* Block 9 */

  .block--nineth{
    span{
      font-size: 20px;
    }
    h2{
      margin-bottom: 20px;
    }
    .block__content{
      text-align: center;
      margin: 40px auto auto auto;
      justify-content: space-around;
      .block__texts--list{
        display: flex;
        justify-content: space-around;
        .block__texts{
          width: 275px;
          padding: 15px;
          border-radius: 5px;
        }
        .block__text--first{
          /*background-color: var(--color-blue); */
          background-color: #9d9d9d;
        }
        .block__text--second{
          background-color: #c95454;
        }
        .block__text--third{
          /*background-color: var(--color-blue); */
          background-color: #9d9d9d;
        }
        .block__text--fourth{
          background-color: var(--color-dark-blue);
        }
      }
    }
    .block__subtext{
      margin: 40px auto 40px 20px;
      p{
        text-align: left;
      }
    }
  }
}

@media (max-width: 767px) {
  #flintbusiness__container {
    p{
      font-size: 16px;
    }
    h1{
      font-size: 26px;
      line-height: 41px;
    }
    h2{
      font-size: 20px;
      margin-top: 20px;
      line-height: 33px;
    }
    .header__image{
      display: none;
    }
    .signup__button{
      width: revert;
    }
    .pricing__button {
      width: revert;
    }
    .block{
      padding: 15px;
    }
    img.block__image--mobile{
      display: block;
      width: 300px;
      margin: auto;
    }
    img.block__image--desktop{
      display: none;
    }
    .header__container {
      padding: 15px;
      .header__content {
        display: revert;
        width: fit-content;
        height: fit-content;
        .header__text{
          margin-left: 0;
          h2{
            width: 90%;
            font-size: 18px;
          }
        }
        .header__image img{
          width: 100px;
        }
        .header__cta, .block__cta{
          display: revert;
        }
      }
    }
    .block--first {
      .block__content{
        display: revert;
        width: fit-content;
        margin: auto;
        .block__texts--list{
          .block__text--first, .block__text--second, .block__text--third, .block__text--fourth{
            display: revert;
            margin-bottom: 30px;
            text-align: center;
          }
          .block__text--fifth p{
            width: initial;
          }
        }
      }
    }

    .block__content--textimage {
      width: fit-content;
      display: revert;
      text-align: center;
      p{
        margin-top: 20px;
        width: fit-content;
      }
      .block__image {
        margin: auto;
        img{
          max-width: 310px;
          max-height: 500px;
          margin-top: 10px;
          margin-left: auto;
          margin-right: auto;
          border-radius: 10px;
        }
      }
    }

    .block--third {
      .block__texts {
        display: revert;
        width: fit-content;
        .block__text--first, .block__text--second {
          width: fit-content;
        }
        .block__text--first{
          margin-bottom: 20px;
        }
      }
      .block__content {
        .block__image{
          text-align: center;
          img{
            margin-right: 0;
          }
        }
        p{
          margin-top: 20px;
          width: fit-content;
        }
      }
    }
    .block--fourth{
      .block__content {
        .block__image{
          text-align: center;
          margin-bottom: 20px;
          img{
            margin-right: 0;
          }
        }
      }
    }
    .block--fourth, .block--fifth{
      .block__content {
        display: revert;
        width: fit-content;
        p{
          width: fit-content;
        }
      }
    }
    .block--fifth{
      .block__content {
        .block__texts--list{
          display: revert;
          width: fit-content;
          p{
            width: fit-content;
          }
        }
      }
    }

    .block--sixth{
      .video-container{
        display: revert;
        width: 100%;
        iframe {
          width: 300px;
          height: 180px;
        }
      }
      .block__content{
        width: fit-content;
        display: revert;
        .block__texts--list{
          display: revert;
          margin: 25px 0 47px 0;
        }
      }
    }

    .block--eighth {
      text-align: center;
      max-height: fit-content;
      .block__subtitle {
        p{
          margin-top: 20px;
        }
        h2{
          font-size: 23px;
        }
      }
      .block__content{
        display: revert;
        .block__texts--list{
          flex-wrap: wrap;
        }
      }
      .block__text--first, .block__text--second, .block__text--third {
        width: 100%;
        p{
          margin-right: auto;
          margin-left: auto;
          margin-bottom: 10px;
        }
      }
    }
    .block--nineth {
      .block__content{
        width: fit-content;
        .block__texts--list{
          width: fit-content;
          display: revert;
          text-align: left;
          margin-right: auto;
          margin-left: auto;
          .block__texts{
            margin-bottom: 30px;
          }
        }
      }
      .block__subtext{
        margin-left: 0;
      }
      .header__subtext1{
        margin: auto;
      }
    }
  }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
  #flintbusiness__container{
    width: max-content;
    .block--fifth .video-container{
      width: 100%;
    }
  }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
  #flintbusiness__container{
    width: max-content;
    img.block__image--mobile{
      display: none;
    }
    img.block__image--desktop{
      display: block;
      margin: auto;
    }
    .block--sixth{
      text-align: center;
      img{
        width: 800px;
      }
      .video-container{
        width: 100%;
      }
    }
  }
}