@charset "utf-8";
/* CSS Document */

/* Solutions Section */

.s1_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /*grid-template-rows: repeat(3, 1fr);*/
  gap: 50px 50px;
  grid-template-areas:
    "s1_r1_num s1_r1_copy s1_r1_copy"
    "s1_r2_image1 s1_r2_image2 s1_r2_image2"
    ". s1_r3_copy .";
}

.s1_r1_num { grid-area: s1_r1_num; align-self: end;}
.s1_r1_copy { grid-area: s1_r1_copy; }
.s1_r2_image1 { grid-area: s1_r2_image1; }
.s1_r2_image2 { grid-area: s1_r2_image2; }
.s1_r3_copy { grid-area: s1_r3_copy; }





.s2_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /*grid-template-rows: repeat(5, 1fr);*/
  gap: 50px 50px;
  grid-template-areas:
    "s2_r1_num s2_r1_copy s2_r1_copy"
    "s2_r2_image s2_r2_image ."
    ". s2_r3_copy s2_r3_video"
    "s2_r4_image s2_r4_image ."
    "s2_r5_copy s2_r5_image s2_r5_image";
}

.s2_r1_num { grid-area: s2_r1_num; align-self: end;}
.s2_r1_copy { grid-area: s2_r1_copy; }
.s2_r2_image { grid-area: s2_r2_image; }
.s2_r3_copy { grid-area: s2_r3_copy; }
.s2_r3_video { grid-area: s2_r3_video; }
.s2_r4_image { grid-area: s2_r4_image; }
.s2_r5_copy { grid-area: s2_r5_copy; }
.s2_r5_image { grid-area: s2_r5_image; }





.s3_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /*grid-template-rows: repeat(5, 1fr);*/
  gap: 50px 50px;
  grid-template-areas:
    "s3_r1_num s3_r1_copy s3_r1_copy"
    "s3_r2_copy s1_r2_image s1_r2_image"
    "s3_r3_image s3_r3_image s3_r3_copy"
    "s3_r4_image1 s3_r4_image1 s3_r4_video"
    ". . s3_r5_copy";
}

.s3_r1_num { grid-area: s3_r1_num; align-self: end;}
.s3_r1_copy { grid-area: s3_r1_copy; }
.s3_r2_copy { grid-area: s3_r2_copy; align-self: end;}
.s1_r2_image { grid-area: s1_r2_image; }
.s3_r3_image { grid-area: s3_r3_image; }
.s3_r3_copy { grid-area: s3_r3_copy; }
.s3_r4_image1 { grid-area: s3_r4_image1; }
.s3_r4_video { grid-area: s3_r4_video; align-self: end;}
.s3_r5_copy { grid-area: s3_r5_copy; }



.s4_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /*grid-template-rows: repeat(4, 1fr);*/
  gap: 50px 50px;
  grid-template-areas:
    "s4_r1_num s4_r1_copy s4_r1_copy"
    "s4_r2_image s4_r2_image s4_r2_image"
    "s4_r3_copy s4_r3_image s4_r3_image"
    "s4_r4_video s4_r4_copy .";
}

.s4_r1_num { grid-area: s4_r1_num; align-self: end;}
.s4_r1_copy { grid-area: s4_r1_copy; }
.s4_r2_image { grid-area: s4_r2_image; }
.s4_r3_copy { grid-area: s4_r3_copy; align-self: end;}
.s4_r3_image { grid-area: s4_r3_image; }
.s4_r4_video { grid-area: s4_r4_video; }
.s4_r4_copy { grid-area: s4_r4_copy; }





.s5_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /*grid-template-rows: repeat(8, 1fr);*/
  gap: 50px 50px;
  grid-template-areas:
    "s5_r1_num s5_r1_copy s5_r1_copy"
    "s5_r2_image s5_r2_image s5_r2_image"
    "s5_r3_copy s5_r3_copy s5_r3_copy"
    "s5_r4_image s5_r4_image s5_r4_image"
    " s5_r5_copy s5_r5_copy . "
    "s5_r6_image s5_r6_image ."
    ". s5_r7_copy s5_r7_video"
    "s5_r8_image s5_r8_image s5_r8_copy";
}

.s5_r1_num { grid-area: s5_r1_num; align-self: end;}
.s5_r1_copy { grid-area: s5_r1_copy; }
.s5_r2_image { grid-area: s5_r2_image; }
.s5_r3_copy { grid-area: s5_r3_copy; }
.s5_r4_image { grid-area: s5_r4_image; }
.s5_r5_copy { grid-area: s5_r5_copy; }
.s5_r6_image { grid-area: s5_r6_image; }
.s5_r7_copy { grid-area: s5_r7_copy; align-self: center;}
.s5_r7_video { grid-area: s5_r7_video; }
.s5_r8_image { grid-area: s5_r8_image; }
.s5_r8_copy { grid-area: s5_r8_copy; align-self: end;}





.oc_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /*grid-template-rows: repeat(5, 1fr);*/
  gap: 50px 50px;
  grid-template-areas:
    "oc_r1_copy oc_r1_copy oc_r1_copy"
    "oc_r2_copy oc_r2_image oc_r2_image"
    "oc_r3_image oc_r3_image ."
    "oc_r4_copy oc_r4_copy ."
    "oc_r5_image oc_r5_image oc_r5_image";
}

.oc_r1_copy { grid-area: oc_r1_copy; }
.oc_r2_copy { grid-area: oc_r2_copy; align-self: end;}
.oc_r2_image { grid-area: oc_r2_image; }
.oc_r3_image { grid-area: oc_r3_image; }
.oc_r3_copy { grid-area: oc_r3_copy; }
.oc_r4_copy { grid-area: oc_r4_copy; }
.oc_r5_image { grid-area: oc_r5_image; }