* {margin: 0; padding: 0; line-height: 1.5;} a {color: inherit;text-decoration: none;} ul, ol {list-style-type: none;} *, :after, :before { box-sizing: border-box; border: 0 solid #e2e8f0; } .bg-primary {background-color: #606dff;} .hover\:bg-primary:hover {background-color: #606dff;} .hover\:text-primary:hover {color: #606dff;} .block-embed iframe { width:100%; } img { width:100%; object-fit:cover; max-height:70vh; } .block-gallery img { height:300px !important; } * {font-family: Roboto;} h3 {font-size: 2rem;} h1 {font-size: 3rem;} .space-x-5 > :not(template) ~ :not(template) {--space-x-reverse: 0; margin-right: calc(1.25rem * var(--space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));} .bg-white {--bg-opacity: 1; background-color: #fff; background-color: rgba(255, 255, 255, var(--bg-opacity));} .inline-block {display: inline-block;} .flex {display: flex;} .grid {display: grid;} .hidden {display: none;} .mx-auto {margin-left: auto; margin-right: auto;} .mb-5 {margin-bottom: 1.25rem;} .-mb-10 {margin-bottom: -2.5rem;} .p-5 {padding: 1.25rem;} .py-3 {padding-top: 0.75rem; padding-bottom: 0.75rem;} .px-5 {padding-left: 1.25rem; padding-right: 1.25rem;} .absolute {position: absolute;} .relative {position: relative;} .right-0 {right: 0;} .left-0 {left: 0;} .shadow-lg {box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);} .text-center {text-align: center;} .text-right {text-align: right;} .text-black {--text-opacity: 1; color: #000; color: rgba(0, 0, 0, var(--text-opacity));} .uppercase {text-transform: uppercase;} .w-full {width: 100%;} .gap-5 {grid-gap: 1.25rem; gap: 1.25rem;} .grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr));} .bg-primary {background-color: #606dff;} .text-primary {color: #606dff;} .text-h1 {font-size: 3rem;} .container {width:100%;} @media (min-width: 640px) { .sm\:bg-primary {background-color: #606dff;} .sm\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .sm\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));} .sm\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} } @media (min-width: 768px) { .container {max-width: 640px;} .md\:bg-primary {background-color: #606dff;} .md\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .md\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));} .md\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} } @media (min-width: 1024px) { .container {max-width: 768px;} .lg\:bg-primary {background-color: #606dff;} .lg\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .lg\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));} .lg\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} } @media (min-width: 1280px) { .container {max-width: 1024px;} .xl\:bg-primary {background-color: #606dff;} .xl\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .xl\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));} .xl\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} } @media (min-width: 1536px) { .container {max-width: 1280px;} .2xl\:bg-primary {background-color: #606dff;} .2xl\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .2xl\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));} .2xl\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} }