.grid_cards{
    background: linear-gradient(45deg, #b8f1ff, #e5a6e07d);
    padding: 2rem 0;
    display:flex;
}
.grid_text h1 {
    font-weight: 900;
    font-size: 2.5rem;
    color: #000;
    margin: 0 0 10vh 0;
}
.grid_text h2{
    font-weight: 900;
    font-size: 2.5rem;
    color: var(--main_colour_darker);
    margin: 0 0 1rem 1rem;
}
.grid_text h3 {
    font-weight: 900;
    font-size: 2.5rem;
    color:#000;
    margin:0;
}
.grid_text h4,.grid_text h5,.grid_text h6{
    font-weight: 900;
    color: var(--main_colour);
    font-size: 1.2rem;
}
.grid_text p{
    font-size:1.1rem;
}
.text_card h1 {
    font-weight: 900;
    font-size: 1.6rem;
    color:#000;
    margin:0;
}
.text_card h2{
    font-weight: 750;
    font-size: 1.6rem;
    color:var(--main_colour);
    margin:0;
}

.text_card h3 {
    font-weight: 600;
    font-size: 1.6rem;
    color:var(--main_colour);
    margin:0;
}
.text_card h4, .text_card h5, .text_card h6 {
    font-weight: 750;
    color: #575757;
    font-size: 1.2rem;
    margin-bottom: -1rem;
}
.text_card p{
    font-size:1.1rem;
}
.text_card hr{
    width:100%;
}
.front-grid_card-img-wrap{
    position: relative;
    overflow: hidden;
    max-width: 8rem;
    border-radius: 2rem;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.text_card{
    position:relative;
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    height: 100%;
    box-sizing: border-box;
}
.text_card p{
    color:#000;
}
.gridtitle h1, .gridtitle h2, .gridtitle h3, .gridtitle h4, .gridtitle h5, .gridtitle h6{
    color:#000;
    font-size: 1.2rem;
    font-weight:800;
} 
.flex-card.odd-card{
    background: linear-gradient(2deg, #e6f8ff, #ffffff);
    border-radius: 1rem;
}
.flex-card.even-card{
    background: var(--white_tone);
    border-radius: 1rem;
}
.view-more-button{
    margin: 1rem;
    background: var(--main_colour);
    font-size: 17px;
    padding: 16px 30px;
    color: #fff;
    cursor: pointer;
    border:none;
}
.flex-card-grid_1,
.flex-card-grid_2,
.flex-card-grid_3,
.flex-card-grid_4,
.flex-card-grid_5,
.flex-card-grid_6 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.flex-card-grid_1 .flex-card {
  flex: 1 1 100%;
}

.flex-card-grid_2 .flex-card {
  flex: 1 1 calc(50% - 1rem);
}

.flex-card-grid_3 .flex-card {
  flex: 1 1 calc(33.33% - 1rem);
}

.flex-card-grid_4 .flex-card {
  flex: 1 1 calc(25% - 1rem);
}

.flex-card-grid_5 .flex-card {
  flex: 1 1 calc(20% - 1rem);
}

.flex-card-grid_6 .flex-card {
  flex: 1 1 calc(16.66% - 1rem);
}
/* 1-column layout */
.flex-card-grid_1 .flex-card {
  width: 100%;
}
/* 2-column layout */
.flex-card-grid_2 .flex-card:nth-last-child(2):nth-child(2n+1),
.flex-card-grid_2 .flex-card:nth-last-child(1):nth-child(2n+1) {
  width: 100%;
}
/* 3-column layout */
.flex-card-grid_3 .flex-card:nth-last-child(3):nth-child(3n+1),
.flex-card-grid_3 .flex-card:nth-last-child(2):nth-child(3n+1),
.flex-card-grid_3 .flex-card:nth-last-child(1):nth-child(3n+1) {
  width: 100%;
}

.flex-card-grid_3 .flex-card:nth-last-child(2):nth-child(3n+1),
.flex-card-grid_3 .flex-card:nth-last-child(2):nth-child(3n+2) {
  width: calc((100% - 1rem) / 2);
}

/* 4-column layout */
.flex-card-grid_4 .flex-card:nth-last-child(3):nth-child(4n+1),
.flex-card-grid_4 .flex-card:nth-last-child(2):nth-child(4n+1),
.flex-card-grid_4 .flex-card:nth-last-child(1):nth-child(4n+1) {
  width: 100%;
}

.flex-card-grid_4 .flex-card:nth-last-child(2):nth-child(4n+1),
.flex-card-grid_4 .flex-card:nth-last-child(2):nth-child(4n+2) {
  width: calc((100% - 1rem) / 2);
}

.flex-card-grid_4 .flex-card:nth-last-child(3):nth-child(4n+1),
.flex-card-grid_4 .flex-card:nth-last-child(3):nth-child(4n+2),
.flex-card-grid_4 .flex-card:nth-last-child(3):nth-child(4n+3) {
  width: calc((100% - 2rem) / 3);
}

/* 5-column layout */
.flex-card-grid_5 .flex-card:nth-last-child(4):nth-child(5n+1),
.flex-card-grid_5 .flex-card:nth-last-child(3):nth-child(5n+1),
.flex-card-grid_5 .flex-card:nth-last-child(2):nth-child(5n+1),
.flex-card-grid_5 .flex-card:nth-last-child(1):nth-child(5n+1) {
  width: 100%;
}

.flex-card-grid_5 .flex-card:nth-last-child(3):nth-child(5n+1),
.flex-card-grid_5 .flex-card:nth-last-child(3):nth-child(5n+2),
.flex-card-grid_5 .flex-card:nth-last-child(2):nth-child(5n+1),
.flex-card-grid_5 .flex-card:nth-last-child(2):nth-child(5n+2) {
  width: calc((100% - 1rem) / 2);
}
.flex-card-grid_5 .flex-card:nth-last-child(3):nth-child(5n+1),
.flex-card-grid_5 .flex-card:nth-last-child(3):nth-child(5n+2),
.flex-card-grid_5 .flex-card:nth-last-child(3):nth-child(5n+3) {
  width: calc((100% - 2rem) / 3);
}

/* 6-column layout */
.flex-card-grid_6 .flex-card:nth-last-child(5):nth-child(6n+1),
.flex-card-grid_6 .flex-card:nth-last-child(4):nth-child(6n+1),
.flex-card-grid_6 .flex-card:nth-last-child(3):nth-child(6n+1),
.flex-card-grid_6 .flex-card:nth-last-child(2):nth-child(6n+1),
.flex-card-grid_6 .flex-card:nth-last-child(1):nth-child(6n+1) {
  width: 100%;
}
.flex-card-grid_6 .flex-card:nth-last-child(4):nth-child(6n+1),
.flex-card-grid_6 .flex-card:nth-last-child(4):nth-child(6n+2),
.flex-card-grid_6 .flex-card:nth-last-child(3):nth-child(6n+1),
.flex-card-grid_6 .flex-card:nth-last-child(3):nth-child(6n+2) {
  width: calc((100% - 1rem) / 2);
}
.flex-card-grid_6 .flex-card:nth-last-child(3):nth-child(6n+1),
.flex-card-grid_6 .flex-card:nth-last-child(3):nth-child(6n+2),
.flex-card-grid_6 .flex-card:nth-last-child(3):nth-child(6n+3) {
  width: calc((100% - 2rem) / 3);
}
@media (orientation: portrait){
    .flex-card-grid_1, .flex-card-grid_2, .flex-card-grid_3, .flex-card-grid_4, .flex-card-grid_5, .flex-card-grid_6{
    display: grid;
    }
}