Save

wp-content/themes/skysafe/css/custom.css

@@ -960,6 +960,43 @@ body.page-id-23 main#main .box-2 .c-row .box-content .tile p:last-child {
     font-size: 13px;
   }
 }
+body.page-id-23 main#main .box-2 .c-row .box-content .tile-img {
+  grid-column-start: 1;
+  grid-column-end: 4;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 67px;
+}
+body.page-id-23 main#main .box-2 .c-row .box-content .tile-img .tile-col-1 {
+  width: 100%;
+  max-width: 578px;
+}
+body.page-id-23 main#main .box-2 .c-row .box-content .tile-img .tile-col-2 {
+  width: 100%;
+  max-width: 635px;
+}
+body.page-id-23 main#main .box-2 .c-row .box-content .tile-img .tile-col-2 img {
+  display: block;
+  width: 100%;
+  max-width: unset;
+  height: 100%;
+  border-radius: 10px;
+  -o-object-fit: cover;
+     object-fit: cover;
+  margin: 0;
+}
+@media (max-width: 991px) {
+  body.page-id-23 main#main .box-2 .c-row .box-content .tile-img {
+    grid-column-end: 3;
+  }
+}
+@media (max-width: 575px) {
+  body.page-id-23 main#main .box-2 .c-row .box-content .tile-img {
+    flex-direction: column-reverse;
+    row-gap: 24px;
+  }
+}
 body.page-id-23 main#main .box-3 {
   position: relative;
   padding: 80px 0;

wp-content/themes/skysafe/css/custom.scss

@@ -1049,6 +1049,43 @@ body.page-id-23 {
 							}
 						}
 					}
+					.tile-img {
+						grid-column-start: 1;
+						grid-column-end: 4;
+
+						display: flex;
+						flex-direction: row;
+						align-items: center;
+						gap: 67px;
+
+						.tile-col-1 {
+							width: 100%;
+							max-width: 578px;
+						}
+
+						.tile-col-2 {
+							width: 100%;
+							max-width: 635px;
+
+							img {
+								display: block;
+								width: 100%;
+								max-width: unset;
+								height: 100%;
+								border-radius: 10px;
+								object-fit: cover;
+								margin: 0;
+							}
+						}
+
+						@include respond-below(lg) {
+							grid-column-end: 3;
+						}
+						@include respond-below(sm) {
+							flex-direction: column-reverse;
+							row-gap: 24px;
+						}
+					}
 				}
 			}
 		}

wp-content/themes/skysafe/page-23.php

@@ -45,6 +45,16 @@
                             <p><?php echo $card['text']; ?></p>
                         </div>
                     <?php endforeach; ?>
+                    <div class="tile tile-img">
+                        <div class="tile-col-1">
+                            <?php echo $box2['big_card']['title']; ?>
+                            <p><?php echo $box2['big_card']['text']; ?></p>
+                            <a class="btn-1" href="<?php echo $box2['big_card']['btn']['url']; ?>" <?php echo isset($box2['big_card']['btn']['target']) ? $box2['big_card']['btn']['target'] : ''; ?>><?php echo $box2['big_card']['btn']['title']; ?></a>
+                        </div>
+                        <div class="tile-col-2">
+                            <img src="<?php echo $box2['big_card']['img']; ?>" alt="img">
+                        </div>
+                    </div>
                 </div>
             </div>
         </div>