section{position:relative;display:grid;grid-template-columns:1fr var(--section-padding) minmax(auto,1080px) var(--section-padding) 1fr;grid-template-rows:calc(2 * var(--section-padding)) auto calc(2 * var(--section-padding));min-height:520px;place-items:center;& div.section-content{display:grid;grid-column:3/4;grid-row:2/3;place-items:center;width:100%}& p.pre-heading{font-size:1.25em;color:var(--accent-colour-light);font-weight:600;margin-block:0}& h1{margin:12px 0;font-size:2.25em;font-family:Hind,snas-serif;letter-spacing:-.04em;line-height:1.1em}& p.tagline{font-size:1.3em;font-weight:300;margin:12px 0}& p{line-height:1.6em}& p.tagline+p{margin-top:24px}& a,.accent{color:var(--accent-colour-light)}}section.section-sky{background-image:linear-gradient(20deg,hsl(169,100%,62%),transparent 99%),linear-gradient(-45deg,hsl(287,95%,32%),hsl(282,78%,37%) 9%,hsl(277,69%,41%) 18%,hsl(272,63%,45%) 28%,hsl(266,59%,48%) 37%,hsl(261,59%,51%) 46%,hsl(255,63%,54%) 55%,hsl(249,69%,57%) 64%,hsl(242,75%,60%) 73%,hsl(234,83%,60%) 82%,hsl(227,92%,58%) 91%,hsl(217,100%,50%));color:white;& p.pre-heading{color:var(--accent-colour-dark)}.section-column-container{margin-bottom:32px;>div{& h1{font-size:3.5em;line-height:1em}.links-container{border-top:1px solid rgba(255,255,255,.25);padding-top:16px;& a{color:#fff;text-decoration:none;font-size:.9em;margin-right:12px;border-radius:4px}}}}}section.section-bluepurple{background:linear-gradient(100deg,#2d90f1,#e76dfd);color:white;& p.pre-heading{color:var(--accent-colour-dark)}}section.section-bluegreen{background:linear-gradient(60deg,#2d90f1,#0eb1a1);color:#fff;& p.pre-heading{color:var(--accent-colour-dark)}}section.section-redpink{background:linear-gradient(7deg,#f12d57,#e76dfd);color:#fff;& p.pre-heading{color:var(--accent-colour-dark)}}section.section-red{background-color:var(--section-background-red);color:#fff;& p.pre-heading{color:var(--accent-colour-dark)}}section.section-green{background-color:var(--section-background-green);color:#fff;transition:background-color 1s;& p.pre-heading{color:var(--accent-colour-dark)}}section.section-orange{background-color:var(--section-background-orange);color:#fff;transition:background-color 1s;& p.pre-heading{color:var(--accent-colour-dark)}}section.section-purple{background-color:var(--section-background-purple);color:white;& .accent{color:var(--accent-colour-dark)}}section.section-grey{background:var(--section-background-grey);color:var(--text-colour)}section.section-lightgreen{background:linear-gradient(135deg,#60e6b7,#26f7df)}section.section-navy{background:var(--section-background-navy);color:white}.section-white-stats-pattern{position:absolute;background-size:100px;height:600px;width:100%;& h1{color:var(--accent-colour-light)}&:before{background:radial-gradient(#fff,hsla(0,0%,100%,.82));content:"";height:110%;position:absolute;width:100%;border-bottom:5px solid red}}.section-pattern-spot-container{position:absolute;height:100%;width:100%;overflow:hidden;>.section-pattern-spot{background-color:#f8f8ff;border-radius:100%;content:"";height:45vw;position:absolute;top:-50px;width:45vw}>.spot-left{left:-100px}>.spot-right{right:-100px;top:-25%}}.section-grid-pattern{position:absolute;height:100%;width:100%;background-image:linear-gradient(var(--grid-pattern-colour) 2px,transparent 2px),linear-gradient(90deg,var(--grid-pattern-colour) 2px,transparent 2px),linear-gradient(var(--grid-pattern-colour) 1px,transparent 1px),linear-gradient(90deg,var(--grid-pattern-colour) 1px,transparent 1px);background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;background-size:100px 100px,100px 100px,20px 20px,20px 20px}.section-squares-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;width:100%;height:100%;grid-column:1/6;grid-row:1/4;& .section-square{background-color:#1680b6}}.section-boxes-pattern-container{position:absolute;height:100%;width:100%;overflow:hidden}.section-boxes-pattern{position:absolute;height:100%;width:100%;overflow-y:hidden;overflow-x:hidden;rotate:-5deg;& div{position:absolute;min-width:25%!important;min-height:25%!important;opacity:.02;background-color:black}}.section-border-top{border-top:2px dashed rgba(0,0,0,.05)}.section-border-bottom{border-bottom:2px dashed rgba(0,0,0,.05)}.section-border-line-container{position:absolute;height:100%;width:100%}.section-border-container{width:100%;height:calc(4 * var(--section-padding));position:absolute;z-index:1;overflow:hidden;>svg{stroke:none}& img,>svg{height:100%;width:100%}& img{max-width:480px;max-height:480px}}.section-cloud-border{position:absolute;bottom:-5px;width:100%;color:white;>svg path:first-child{opacity:.6}}section:has(.section-cloud-border){& .section-content{margin-bottom:64px}}.section-title-container{font-family:Hind,sans-serif;display:flex;flex-flow:column;align-items:center;justify-content:center;text-align:center;line-height:2em}.section-main-icon-container{height:64px;width:64px;background-color:white;display:grid;place-items:center;border-radius:50%;border:4px solid var(--accent-colour-light);outline:2px solid white;>svg{stroke:var(--accent-colour-light);width:54px;height:54px}}.section-column-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-column-gap:var(--section-padding);column-gap:var(--section-padding);width:100%;place-content:center}.section-column-container+.section-column-container{margin-top:64px}.section-content-centered{display:grid;place-items:center;text-align:center}.section-content-title{max-width:720px;margin-bottom:var(--container-padding);text-align:center}.section-title-coloured{>h1{color:var(--accent-colour-light)}}.section-content-image{display:flex;align-items:center;justify-content:center;>*{width:100%}}img.image-box-shadow{box-shadow:2px 2px 15px rgba(0,56,78,.2)}img.image-rounded{border-radius:4px}.section-three-column-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));column-gap:12px}.section-four-column-container{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));column-gap:12px}.section-column-list{place-items:center;>h3{text-transform:capitalize;font-weight:600;font-family:Hind,sans-serif}>ul{list-style:none;font-size:.9em;font-weight:300;margin:0;padding:0;>li{align-items:center;display:flex;padding:4px 0}& .BoxedText{margin-left:8px;text-transform:uppercase;background:beige;padding:2px 6px;border-radius:4px;font-size:.8em}& .icon-container{background-color:#d7f9d7;color:green;align-items:center;border-radius:24px;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-right:8px;width:24px;>svg{height:16px;width:16px}}}}.ContentBoxRow{display:flex;padding:8px 8px 0;margin:8px;&:nth-child(2n){padding-bottom:8px}>.ContentBoxRowIconContainer{flex-shrink:0;width:20px;margin-right:10px;display:flex;align-items:center;justify-content:center}>h2{font-size:1.2em!important;font-weight:500;margin:0}& svg,>h2{color:var(--accent-colour-light)}>p{margin:0;text-align:initial}}.section-staggered-box-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-column-gap:var(--container-padding);column-gap:var(--container-padding);>.section-staggered-box-column{&:first-child{padding-top:var(--section-padding)}>.section-staggered-box{display:flex;flex-flow:column;align-items:flex-start;border-radius:12px;box-shadow:2px 2px 16px rgba(0,56,78,.2);box-sizing:border-box;font-size:.9em;min-height:225px;padding:24px;background-color:white;color:#333;margin-bottom:var(--container-padding);>.icon-box{background-color:#f8f8ff;display:flex;width:48px;height:48px;justify-content:center;align-items:center;border-radius:50%;>svg{width:24px;height:24px}}& .heading-title{display:flex;align-items:center}& .tag{margin-left:8px;font-weight:500;font-size:.8em;padding:6px 8px;border-radius:8px}& h2{font-size:1.2em}>p{font-size:.95em}}>.section-staggered-box-accent{background:var(--background-gradient);color:white;>.icon-box{background-color:rgba(255,255,255,.15)}}}}.section-feature-column{display:grid;grid-template-rows:128px 1fr;grid-row-gap:var(--container-padding);row-gap:var(--container-padding);padding-bottom:12px;& .section-feature-header{padding-bottom:var(--container-padding);>h2{text-transform:none;margin-bottom:8px}>.domain-name p{color:var(--accent-colour-light);margin:0}>.description p{margin:0;font-size:.9em}}}.section-feature-box{display:grid;border-radius:12px;padding:var(--container-padding);>ul{list-style:none;margin:0;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1);& li{display:flex;align-items:center;padding:4px 0;font-size:.9em;>.icon-container{height:24px;width:24px;border-radius:18px;background:rgba(255,255,255,.1);margin-right:8px;display:grid;place-items:center;>svg{height:16px;width:16px}}& p{margin:0}};}>.feature-box-footer{display:grid;place-items:center;font-size:1.5em;font-weight:600;>p{margin:0;margin-top:var(--container-padding);>span{font-weight:400;font-size:.75em}}}}.section-three-column-container{& div:first-child{>.section-feature-box{background-color:var(--section-background-grey);color:#333;& .icon-container{background:rgba(0,0,0,.07)}& ul{border-bottom:1px solid rgba(0,0,0,.1)}}}& div:nth-child(2){>.section-feature-box{background-color:var(--section-background-purple);color:white}}& div:nth-child(3){>.section-feature-box{background-color:var(--section-background-navy);color:white}}}.section-image-circle{width:320px;height:320px;background-color:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;& svg{height:256px;width:256px};}@media (max-width:1024px){section.section-sky{& .section-column-container{& div{& h1{margin-top:0}}}}}@media (max-width:768px){.section-column-container{grid-template-columns:auto;text-align:center;>div:nth-child(2){margin-top:64px}}section{& .section-border-container{>svg{width:200%}}}.section-staggered-box-container{>.section-staggered-box-column{>.section-staggered-box{align-items:center}}}}@media (max-width:512px){section{grid-template-columns:1fr 32px minmax(auto,1080px) 32px 1fr}section.section-sky{& .section-column-container{& div{& h1{font-size:3em;margin-top:0}}& div:nth-child(2){order:-1;margin-top:0}}}}