﻿.table-grid{padding:64px 0}
.table-grid .section-banner{border-top:1px solid var(--color_bg-purple);padding:64px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.table-grid .section-banner h2{color:var(--color_bg-purple);font-weight:700;font-size:24px;line-height:normal}
.table-grid .section-banner p{color:var(--color_body-text);font-weight:300;font-size:21px;line-height:28px;text-align:center}
.table-grid .table-layout{display:grid;grid-template-columns:repeat(2,1fr);--gap:2em;--line-offset:calc(var(--gap) / 2);--line-thickness:1px;--line-color:red;position:relative;overflow:hidden}
@media(max-width:768px){.table-grid .table-layout{grid-template-columns:1fr}
}.table-grid .table-layout .single-cell{position:relative;padding:64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}
.table-grid .table-layout .single-cell a{text-decoration:underline;color:var(--color_bg-purple)}
.table-grid .table-layout .single-cell .image-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}
.table-grid .table-layout .single-cell .image-icon figure{width:55px;height:55px}
.table-grid .table-layout .single-cell .image-icon figure img{width:55px;height:55px}
@media(max-width:768px){.table-grid .table-layout .single-cell{padding:32px 0 64px 0}
}.table-grid .table-layout .single-cell h3{color:var(--color_bg-purple);font-weight:300;font-size:24px;line-height:normal}
.table-grid .table-layout .single-cell .paragraph{color:var(--color_body-text);font-weight:300;font-size:16px;line-height:22px}
.table-grid .table-layout .single-cell .paragraph ul{padding:0}
.table-grid .table-layout .single-cell::before,.table-grid .table-layout .single-cell::after{content:"";position:absolute;background-color:var(--color_bg-purple);z-index:1}
.table-grid .table-layout .single-cell::after{inline-size:100vw;block-size:var(--line-thickness);inset-inline-start:0;inset-block-start:calc(var(--line-offset) * -1)}
.table-grid .table-layout .single-cell::before{inline-size:var(--line-thickness);block-size:100vh;inset-block-start:0;inset-inline-start:calc(var(--line-offset) * -1)}