.outer-card-block {
  width: 100%;
  display: table;
  margin-top: 75px;
  margin-right: 30px;
  position: relative;
  /* =============================================================== RESPONSIVE =================================================================*/ }
  .outer-card-block.mini {
    height: 287px; }
  .outer-card-block .inner-card-text {
    background-color: rgba(255, 255, 255, .2);
    border-radius: 40px;
    height: 195px;
    display: table-cell;
    vertical-align: middle;
    padding: 15px 50px 15px 260px;
    width: calc(100% - 310px);
    text-align: center;
    margin-left: 10px;
    display: table; }
    .outer-card-block .inner-card-text p {
      font-size: 16px !important;
      font-weight: 400;
      color: #fff; }
    .outer-card-block .inner-card-text h3 {
      font-size: 18px !important;
      font-weight: 700;
      color: #fff; }
    .outer-card-block .inner-card-text .cta-card {
      border: #fff 1px solid;
      border-radius: 30px;
      padding: 12px 40px 12px 15px;
      text-decoration: none;
      color: #fff;
      font-size: 16px;
      font-weight: 400;
      margin: 0 auto;
      display: block;
      width: fit-content;
      background-position: 93% center;
      background-size: 21px;
      background-repeat: no-repeat;
      background-image: url(/media/image/2cea779222024aa746d5777b7ee935c2ce024670.svg);
      transition: all 0.2s; }
      .outer-card-block .inner-card-text .cta-card:hover {
        background-color: #ff6e46;
        border-color: #ff6e46;
        background-size: 24px; }
  .outer-card-block .inner-card-author {
    position: absolute;
    top: -7px;
    left: 0;
    width: 215px;
    height: 239px;
    border-radius: 30px;
    background-image: linear-gradient(-45deg, #2da0d9, #2dcccd);
    box-shadow: 0 0 20px rgba(35, 52, 117, 0.3); }
    .outer-card-block .inner-card-author .author-img {
      width: 112px;
      height: 112px;
      border: 2px #fff solid;
      margin: 20px auto 10px;
      box-shadow: 0 0 20px rgba(35, 52, 117, 0.3);
      border-radius: 99px;
      background-size: cover; }
    .outer-card-block .inner-card-author .author-withoutimg {
      width: 112px;
      height: 60px; }
    .outer-card-block .inner-card-author p {
      text-align: center;
      color: #fff;
      margin: 0;
      line-height: 1.2;
      font-size: 16px; }
      .outer-card-block .inner-card-author p.withoutimg {
        font-size: 24px; }
      .outer-card-block .inner-card-author p.author-firstname {
        font-weight: 400; }
      .outer-card-block .inner-card-author p.author-lastname {
        font-weight: 700; }
      .outer-card-block .inner-card-author p.author-job {
        font-size: 14px;
        padding-top: 10px; }
    .outer-card-block .inner-card-author.mini {
      height: 287px;
      margin-top: 100px; }
      .outer-card-block .inner-card-author.mini .author-img {
        position: relative;
        top: -60px;
        margin: 0 auto; }
      .outer-card-block .inner-card-author.mini p.author-firstname {
        margin-top: -40px; }
      .outer-card-block .inner-card-author.mini p.author-job {
        font-size: 17px;
        margin: 30px 0; }
      .outer-card-block .inner-card-author.mini .cta-card {
        border: #fff 1px solid;
        border-radius: 30px;
        padding: 12px 40px 12px 15px;
        text-decoration: none;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        margin: 0 auto;
        display: block;
        width: fit-content;
        background-position: 93% center;
        background-size: 21px;
        background-repeat: no-repeat;
        background-image: url(/media/image/2cea779222024aa746d5777b7ee935c2ce024670.svg);
        transition: all 0.2s; }
        .outer-card-block .inner-card-author.mini .cta-card:hover {
          background-color: #ff6e46;
          border-color: #ff6e46;
          background-size: 24px; }

@media (max-width: 960px) {
  .main-wrapper .outer-card-block.outer-block-general {
    margin: 0 20px;
    width: calc(100vw - 55px); } }

@media (max-width: 720px) {
  .main-wrapper .outer-card-block.outer-block-general {
    margin: 160px 0 0 !important;
    width: calc(100vw - 10px); }
    .main-wrapper .outer-card-block.outer-block-general .inner-card-author {
      top: -120px;
      left: calc(50vw - 122px); }
    .main-wrapper .outer-card-block.outer-block-general .inner-card-text {
      width: calc(100% - 56px);
      padding: 140px 20px 20px;
      margin: 0; } }

@media (max-width: 480px) {
  .main-wrapper .outer-card-block.outer-block-general .inner-card-author {
    top: 0; }
    .main-wrapper .outer-card-block.outer-block-general .inner-card-text {
      width: calc(100% - 56px);
      padding: 140px 20px 20px;
      margin: 120px 0 0; } }

@media (max-width: 400px) {
  .main-wrapper .outer-card-block.outer-block-general .inner-card-author {
    left: calc(50vw - 122px); } }