/* General styling for the section */
/* Mobile landscape media query */
.text-with-column {
  position: relative;
  background-color: #ebf5fe;
  padding-top: 0; }
  .text-with-column .statics-wrap {
    max-width: 1600px;
    position: relative;
    width: 100%;
    background-color: #ffffff;
    border: 2px solid #cacfd6;
    border-radius: 8px;
    margin: 0 auto;
    padding: 70px 20px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px; }
    .text-with-column .statics-wrap.active {
      grid-template-columns: repeat(5, 1fr);
      gap: 25px; }
    @media (min-width: 1366px) and (max-width: 1599px) {
      .text-with-column .statics-wrap {
        padding: 50px 20px; } }
    @media (max-width: 1366px) {
      .text-with-column .statics-wrap {
        padding: 50px 20px; } }
    @media (max-width: 1264px) {
      .text-with-column .statics-wrap {
        padding: 40px 20px; } }
    @media (max-width: 595px) {
      .text-with-column .statics-wrap {
        padding: 30px 20px;
        gap: 10px; } }
    .text-with-column .statics-wrap .wrap {
      text-align: center;
      padding: 0 35px;
      position: relative; }
      @media (max-width: 1264px) {
        .text-with-column .statics-wrap .wrap {
          padding: 0 20px; } }
      @media (max-width: 991px) {
        .text-with-column .statics-wrap .wrap {
          margin-bottom: 20px; } }
      @media (max-width: 767px) {
        .text-with-column .statics-wrap .wrap {
          margin-bottom: 20px; } }
      @media (max-width: 595px) {
        .text-with-column .statics-wrap .wrap {
          width: 100%;
          margin: 0 0 20px 0;
          text-align: left; } }
      @media (max-width: 595px) {
        .text-with-column .statics-wrap .wrap:last-child {
          margin: 0; } }
      .text-with-column .statics-wrap .wrap::before {
        content: "";
        position: absolute;
        right: 0;
        top: -30%;
        height: 170%;
        width: 2px;
        background-color: #545859; }
        @media (min-width: 1400px) and (max-width: 1600px) {
          .text-with-column .statics-wrap .wrap::before {
            height: 140%; } }
        @media (min-width: 1301px) and (max-width: 1500px) {
          .text-with-column .statics-wrap .wrap::before {
            height: 140%; } }
        @media (min-width: 1195px) and (max-width: 1300px) {
          .text-with-column .statics-wrap .wrap::before {
            height: 140%; } }
        @media (min-width: 992px) and (max-width: 1200px) {
          .text-with-column .statics-wrap .wrap::before {
            height: 140%; } }
        @media (max-width: 991px) {
          .text-with-column .statics-wrap .wrap::before {
            top: -5%;
            height: 125%; } }
        @media (max-width: 595px) {
          .text-with-column .statics-wrap .wrap::before {
            display: none; } }
      .text-with-column .statics-wrap .wrap:last-child h6::before {
        display: none; }
      .text-with-column .statics-wrap .wrap:last-child::before {
        display: none; }
    .text-with-column .statics-wrap h6 {
      color: #0084f2;
      font-weight: 600;
      position: relative; }
      @media (max-width: 595px) {
        .text-with-column .statics-wrap h6 {
          display: inline-block; }
          .text-with-column .statics-wrap h6::before {
            content: "";
            position: absolute;
            right: 0;
            bottom: -6px;
            height: 2px;
            width: 100%;
            background-color: #545859; } }