.variable-text-cols{position:relative;z-index:1;padding-top:50px;padding-bottom:50px}@media (min-width: 1300px){.variable-text-cols{padding-top:80px;padding-bottom:80px}}.variable-text-cols.bg-blue-300{color:#fff}.variable-text-cols.grey{background-color:#f7f7f7}.variable-text-cols.grey p{color:#000}.variable-text-cols.eden-blue{background-color:#6db4af}.variable-text-cols.light-grey{background-color:#dad8cb}.variable-text-cols.light-grey p{color:#000}.variable-text-cols.slate{background-color:#404649;color:#fff}.variable-text-cols.slate p{color:#fff}.variable-text-cols.slate svg path{fill:#fff}.variable-text-cols.terracotta{background-color:#c14c1d;color:#fff}.variable-text-cols.terracotta p{color:#fff}.variable-text-cols.terracotta svg path{fill:#fff}.variable-text-cols .copy{gap:20px}@media (min-width: 640px){.variable-text-cols .copy{gap:30px}}@media (min-width: 830px){.variable-text-cols .copy{gap:50px}}@media only screen and (min-width: 768px){.variable-text-cols .copy.columns-2{-moz-columns:2;columns:2}.variable-text-cols .copy.columns-3{-moz-columns:2;columns:2}}@media only screen and (min-width: 1024px){.variable-text-cols .copy.columns-3{-moz-columns:3;columns:3}}.variable-text-cols .site-container{position:relative;z-index:2}