.white {color:#fff;} .styled-text p {} /* For reference TO BE DELETED LATER .two-wide-cols { padding: 72px 0; position: relative; } .two-wide-cols::after { content: ''; display: block; position: absolute; top: 72px; left: 50%; bottom: 72px; width: 1px; background: var(--color-grey); } .two-wide-cols .col { grid-column: 2 / span 10; } .two-wide-cols .col + .col { grid-column: 14 / span 10; } .two-wide-cols .col h4 { font-family: var(--font-text); font-weight: 500; margin: 0 0 24px; } .two-wide-cols .col p { font-size: 20px; line-height: 28px; margin: 0 0 28px; } .two-wide-cols .col p.strong { font-family: var(--font-headings); font-size: 30px; line-height: 36px; font-weight: bold; } .two-wide-cols .col .wave { margin: -15px 0 15px; } @media (max-width: 799.5px) { .two-wide-cols .col { grid-column: span 24 !important; } .two-wide-cols::after { display: none; } */ .three-cols { padding: 72px 0; position: relative; } /* .three-cols::after { content: ''; display: block; position: absolute; top: 72px; left: 39.5%; bottom: 72px; width: 1px; background: var(--color-grey); } */ .three-cols .col { grid-column: 1 / span 7; } /* .three-cols .col::after { content: ''; display: block; position: absolute; top: 72px; left: 65%; bottom: 72px; width: 1px; background: var(--color-grey); } */ .three-cols .col + .col { grid-column: 9 / span 7; } .three-cols .col + .col + .col { grid-column: 17 / span 7; } .three-cols .col h4 { font-family: var(--font-text); font-weight: 500; margin: 0 0 24px; } .three-cols .col p { font-size: 20px; line-height: 28px; margin: 0 0 28px; } .three-cols .col p.strong { font-family: var(--font-headings); font-size: 30px; line-height: 36px; font-weight: bold; } .three-cols .col .wave { margin: -15px 0 15px; } .no-top-padding { padding-top:0px !important} .buttons a{color:#fff !important} @media (max-width: 799.5px) { .two-wide-cols .col { grid-column: span 24 !important; } .two-wide-cols::after { display: none; } */