* {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-background {background-color: #FFFAFA;} .hover\:bg-background:hover {background-color: #FFFAFA;} .hover\:border-background:hover {border-color: #FFFAFA;} .hover\:text-background:hover {color: #FFFAFA;} .bg-error {background-color: #FF0000;} .hover\:bg-error:hover {background-color: #FF0000;} .hover\:border-error:hover {border-color: #FF0000;} .hover\:text-error:hover {color: #FF0000;} .bg-success {background-color: #4BB543;} .hover\:bg-success:hover {background-color: #4BB543;} .hover\:border-success:hover {border-color: #4BB543;} .hover\:text-success:hover {color: #4BB543;} .bg-black {background-color: #43464b;} .hover\:bg-black:hover {background-color: #43464b;} .hover\:border-black:hover {border-color: #43464b;} .hover\:text-black:hover {color: #43464b;} .bg-primary {background-color: #9fa1a4;} .hover\:bg-primary:hover {background-color: #9fa1a4;} .hover\:border-primary:hover {border-color: #9fa1a4;} .hover\:text-primary:hover {color: #9fa1a4;} .bg-secondary_dark {background-color: #15528e;} .hover\:bg-secondary_dark:hover {background-color: #15528e;} .hover\:border-secondary_dark:hover {border-color: #15528e;} .hover\:text-secondary_dark:hover {color: #15528e;} .bg-secondary {background-color: #39a9dd;} .hover\:bg-secondary:hover {background-color: #39a9dd;} .hover\:border-secondary:hover {border-color: #39a9dd;} .hover\:text-secondary:hover {color: #39a9dd;} .bg-secondary_light {background-color: #39a9dd;} .hover\:bg-secondary_light:hover {background-color: #39a9dd;} .hover\:border-secondary_light:hover {border-color: #39a9dd;} .hover\:text-secondary_light:hover {color: #39a9dd;} .bg-tertiary {background-color: #39a9dd;} .hover\:bg-tertiary:hover {background-color: #39a9dd;} .hover\:border-tertiary:hover {border-color: #39a9dd;} .hover\:text-tertiary:hover {color: #39a9dd;} .bg-tertiary_light {background-color: #fef4ed;} .hover\:bg-tertiary_light:hover {background-color: #fef4ed;} .hover\:border-tertiary_light:hover {border-color: #fef4ed;} .hover\:text-tertiary_light:hover {color: #fef4ed;} .bg-quarterly {background-color: #707276;} .hover\:bg-quarterly:hover {background-color: #707276;} .hover\:border-quarterly:hover {border-color: #707276;} .hover\:text-quarterly:hover {color: #707276;} .bg-quarterly_light {background-color: #eeeeee;} .hover\:bg-quarterly_light:hover {background-color: #eeeeee;} .hover\:border-quarterly_light:hover {border-color: #eeeeee;} .hover\:text-quarterly_light:hover {color: #eeeeee;} .bg-white {background-color: #ffffff;} .hover\:bg-white:hover {background-color: #ffffff;} .hover\:border-white:hover {border-color: #ffffff;} .hover\:text-white:hover {color: #ffffff;} /* purgecss start ignore */ @tailwind base; @tailwind components; @tailwind utilities; .sidebar .grid-item { margin-top:0 !important; } .slug-index h1 { display:none !important; } strong { display:inline-block; } button { cursor:pointer; } a.auto-link { color: inherit !important; } input, textarea { font-size:1rem; } .sidebar .grid-item .mb-5 { margin-bottom:0 !important; } .info img { margin-bottom:1rem; } .hometop-video { position:relative; background:black; } .block-grid.logos > div { padding:0 !important; } .block-grid.logos { background: none !important; padding: 0 !important; box-shadow: none !important; margin: 0 !important; } .block-grid.logos .block-gallery { background: none !important; padding: 0 !important; box-shadow: none !important; margin: 0 !important; } .block-grid.logos .grid { gap:0 !important; } .block-grid.logos .grid-item > div { margin:0 !important; } .hometop-video.active:before { opacity: 0; /* Target opacity for fade-out */ } .hometop-video:before { cursor:pointer; transition: opacity 1s ease; /* Transition for opacity change */ opacity: 1; /* Initial opacity */ content:""; opacity:0 !important; position:absolute; left:0; right:0; top:0; bottom:0; pointer-events:none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23e03a27' d='M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center center; background-size:60px; z-index:10; display:flex; justify-content:center; align-items:center; } footer h3 { font-size:1.5rem !important; } .info { max-width: 900px; text-align: left; } .bg-secondary .button { background:white !important; color:black !important; } text { pointer-events: none; } .info .top-image:before { background:none !important; } .info .text-shadow { text-shadow: none !important; } .sidebar .py-5 { padding-top:0 !important; padding-bottom:0 !important; } form .container div { gap:0 !important; margin-top:0 !important; } form .container { padding:0 !important; } form .container .py-5 { padding:0 !important; } form div.flex { padding:0 !important; } form div.flex .py-5 { padding:0 !important; } .tns-outer .grid { display:block !important; } .plain, .block-form .block-grid, .sidebar .block-grid, .slider .block-teaser { padding: 0; background: none !important; box-shadow: none !important; } footer .shadow-lg { background: none !important; box-shadow: none !important; } .tns-nav { display: flex; justify-content: center; align-items: center; margin-top: 1.25rem; position: relative !important; bottom: 0 !important; margin-top: 1rem !important; } body.slug-diensten .tns-nav { bottom:0 !important; } body.slug-diensten .grid-item { padding:5px; } .tns-nav button { background-color: #9fa1a4; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-property: all; border-radius: 9999px; width:1rem; height:1rem; margin-left:0.5rem; margin-right:0.5rem; box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05); } .tns-nav button.tns-nav-active { background-color: #39a9dd; } div.shadow-lg , a.shadow-lg { background: linear-gradient(0deg, rgba(244,243,243,1) 0%, rgba(255,255,255,0) 100%); } .block-grid .block-grid.shadow-lg { background:none !important; } header .shadow-lg { background:none !important; } .button-effect:after { content:""; z-index:-1; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: #eeeeee; } .button-effect.bg-tertiary:before { background-color: #9fa1a4; } .border-opacity-25 { --tw-border-opacity: 0.25; } .container { border-radius: 0.5rem; } .bg-black { background-color:black !important; } .bloclk-text li { position: relative; list-style-type: none; margin-bottom: 1rem; } .top-image:not(.absolute) { border-radius: 0.5rem; overflow: hidden; background-color:black !important; } .button { border-radius: 0.5rem; overflow: hidden; } .force-opacity { opacity:100 !important; margin:0 !important; } .force-visible { display:block !important; } .button-effect { position:relative; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .button-effect:before { content:""; left:0; right:0; bottom:0; position:absolute; height:0%; background-color: #39a9dd; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-property: all; } .button-effect:hover:before { height:100%; } .top-block .container { padding-bottom: 1.25rem !important; } .text-shadow { text-shadow: 1px 1px 2px black; } .block-grid .button-holder { justify-content: center; } a { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; } .top-image:before { content:""; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); } .container .top-image:before { background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%); } .opacity-80 { opacity: .8; } .block-grid .block-grid { box-shadow:none !important; } .top-block { min-height:50vh; } .top-block img:not(.original_proportions) { height:100% !important; } .text-intro p { font-size: inherit !important; } .block-grid .bg-black { padding:0 !important; background:none !important; } .block-text ul, .info ul { list-style-type: disc; margin-left: 1rem !important; } .block-text ol, .info ol { list-style-type: disc; margin-left: 1rem !important; } .top-image { min-height:350px; } img { max-width: 500px; margin: auto; } .top-image img { max-width:100% !important; min-height:100% !important; } .top-image div { height:100%; } .rotate-90 { transform: rotate(90deg); } .rotate-180 { transform: rotate(180deg); } .rotate-270 { transform: rotate(270deg); } .vertical-position-0 { object-position: 50% 0%; } .vertical-position-20 { object-position: 50% 20%; } .vertical-position-33 { object-position: 50% 33%; } .vertical-position-50 { object-position: 50% 50%; } .vertical-position-66 { object-position: 50% 66%; } .vertical-position-80 { object-position: 50% 80%; } .vertical-position-100 { object-position: 50% 100%; } .block-gallery img { max-height:100% !important; width:100%; padding:1rem; } .block-gallery div { background-color:white; } .block-gallery img:hover { filter: brightness(80%); } .block-grid .grid:not(.flex) img { max-height:initial !important; } .block-grid ul { list-style-type: square; margin-left:1rem; } .block-grid li { text-align: left; line-height: 2rem; } h1, h2, h3, h4, h5, h6 { margin-bottom: 1.25rem; font-weight: 600; } h1, h2 { line-height: 2.5rem; } h3, h4, h5, h6 { line-height: 2rem; } .text-white h1, .text-white h2 { color:inherit !important; } .whitespace-nowrap { white-space: nowrap; } ul, .button { line-height: 1rem; } p, .block-text ul, , .block-text ol, .info ul, .info ol { line-height: 2rem; } p, ul, ol { margin-bottom:1rem; font-size: 1.125rem; } p a, .info ul a, .info ol a { color: #39a9dd; } footer a, footer .list-item a.text-secondary { color: #15528e; } p a:hover, footer .list-item a:hover { color: #9fa1a4; border-color: #9fa1a4; } ::selection { background-color: #9fa1a4; color: #ffffff; } @media (min-width: 576px) { h1, .text-h1 { font-size:3rem !important; } } img:not(.original_proportions) { object-fit:cover; max-height:50vh; } img { width:100%; } .min-h-100 { min-height:100vh; } .-top-10 { top: -2.5rem; } .client-quotes ul { margin:0 !important; } .client-quotes .tns-slider { padding-bottom: 1.25rem; } .client-quotes li { position: relative; background-color: #39a9dd; color: #ffffff; text-align: center; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); border-radius: 0.5rem; overflow: hidden; font-weight: 700; padding: 1.25rem; } /* purgecss end ignore */.main-container { min-height: calc(100vh - 67px); } .logo img { max-height:70px !important; } footer p { margin-bottom:0 !important; } .sidebar .tns-nav { display:none !important; } .main-content iframe { width:100%; min-height:32vh !important; box-shadow:none !important; background:none !important; } @media (max-width: 1023px) { body.slug-index .main-container { flex-direction: column; } body:not(.slug-index) .main-container { flex-direction: column-reverse; } body:not(.slug-index) .main-container .sidebar { margin-top:0 !important; margin-bottom:1.25rem !important; } } @media (max-width: 768px) { .tns-nav { display: none; } } form label p { margin:0; } iframe { max-width: 100%; background: black; } .video-controller.play { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 50; background-color: #43464b; } .block-embed iframe { min-height:170px; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); overflow: hidden; border-radius: 0.5rem; } .block-embed .video-controller.play iframe { width:100% !important; max-width:100% !important; height: 100% !important; max-height:100% !important; } .video-controller.play .play { opacity:0; } .video-controller.play .close { opacity:100 !important; } * {font-family: Ubuntu;} intro {font-size: 1.3rem;} h3 {font-size: 2rem;} h2 {font-size: 2.3rem;} h1 {font-size: 2.6rem;} md {font-size: 0.8rem;} .space-y-2 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))); margin-bottom: calc(0.5rem * var(--space-y-reverse));} .space-x-3 > :not(template) ~ :not(template) {--space-x-reverse: 0; margin-right: calc(0.75rem * var(--space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));} .space-y-5 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))); margin-bottom: calc(1.25rem * var(--space-y-reverse));} .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 {background-color: #ffffff;} .border-black {border-color: #43464b;} .border-opacity-25 {--border-opacity: 0.25;} .rounded-lg {border-radius: 0.5rem;} .rounded-full {border-radius: 9999px;} .border-2 {border-width: 2px;} .border {border-width: 1px;} .border-b {border-bottom-width: 1px;} .cursor-pointer {cursor: pointer;} .block {display: block;} .inline-block {display: inline-block;} .flex {display: flex;} .inline-flex {display: inline-flex;} .grid {display: grid;} .hidden {display: none;} .flex-row-reverse {flex-direction: row-reverse;} .flex-col {flex-direction: column;} .flex-col-reverse {flex-direction: column-reverse;} .flex-wrap {flex-wrap: wrap;} .items-center {align-items: center;} .justify-end {justify-content: flex-end;} .justify-center {justify-content: center;} .justify-between {justify-content: space-between;} .font-bold {font-weight: 700;} .h-10 {height: 2.5rem;} .h-16 {height: 4rem;} .h-24 {height: 6rem;} .h-full {height: 100%;} .text-lg {font-size: 1.125rem;} .leading-none {line-height: 1;} .m-5 {margin: 1.25rem;} .my-5 {margin-top: 1.25rem; margin-bottom: 1.25rem;} .mx-auto {margin-left: auto; margin-right: auto;} .mb-0 {margin-bottom: 0;} .mr-2 {margin-right: 0.5rem;} .mb-2 {margin-bottom: 0.5rem;} .mb-3 {margin-bottom: 0.75rem;} .mt-5 {margin-top: 1.25rem;} .mr-5 {margin-right: 1.25rem;} .mb-5 {margin-bottom: 1.25rem;} .mt-10 {margin-top: 2.5rem;} .-mt-10 {margin-top: -2.5rem;} .opacity-0 {opacity: 0;} .overflow-hidden {overflow: hidden;} .overflow-y-scroll {overflow-y: scroll;} .p-5 {padding: 1.25rem;} .py-1 {padding-top: 0.25rem; padding-bottom: 0.25rem;} .py-2 {padding-top: 0.5rem; padding-bottom: 0.5rem;} .px-2 {padding-left: 0.5rem; padding-right: 0.5rem;} .py-3 {padding-top: 0.75rem; padding-bottom: 0.75rem;} .py-5 {padding-top: 1.25rem; padding-bottom: 1.25rem;} .px-5 {padding-left: 1.25rem; padding-right: 1.25rem;} .pb-2 {padding-bottom: 0.5rem;} .pt-5 {padding-top: 1.25rem;} .pb-5 {padding-bottom: 1.25rem;} .pointer-events-none {pointer-events: none;} .fixed {position: fixed;} .absolute {position: absolute;} .relative {position: relative;} .sticky {position: -webkit-sticky; position: sticky;} .top-0 {top: 0;} .right-0 {right: 0;} .bottom-0 {bottom: 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-black {color: #43464b;} .text-white {color: #ffffff;} .uppercase {text-transform: uppercase;} .lowercase {text-transform: lowercase;} .w-10 {width: 2.5rem;} .w-16 {width: 4rem;} .w-24 {width: 6rem;} .w-full {width: 100%;} .z-10 {z-index: 10;} .z-20 {z-index: 20;} .gap-2 {grid-gap: 0.5rem; gap: 0.5rem;} .gap-5 {grid-gap: 1.25rem; gap: 1.25rem;} .gap-10 {grid-gap: 2.5rem; gap: 2.5rem;} .grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr));} .transition-all {transition-property: all;} .transition {transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;} .ease-in-out {transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);} .duration-300 {transition-duration: 300ms;} .duration-500 {transition-duration: 500ms;} .text-background {color: #FFFAFA;} .bg-primary {background-color: #9fa1a4;} .text-primary {color: #9fa1a4;} .border-primary {border-color: #9fa1a4;} .bg-secondary {background-color: #39a9dd;} .text-secondary {color: #39a9dd;} .bg-tertiary {background-color: #39a9dd;} .text-tertiary {color: #39a9dd;} .bg-quarterly_light {background-color: #eeeeee;} .text-h1 {font-size: 2.6rem;} .text-md {font-size: 0.8rem;} .container {width:100%;} @media (min-width: 640px) { .sm\:px-5 {padding-left: 1.25rem; padding-right: 1.25rem;} .sm\:py-3 {padding-top: 0.75rem; padding-bottom: 0.75rem;} .sm\:block {display: block;} .sm\:hidden {display: none;} .sm\: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)));} .sm\:space-y-0 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--space-y-reverse))); margin-bottom: calc(0px * var(--space-y-reverse));} .sm\:w-3\/4 {width: 75%;} .sm\:text-primary {color: #9fa1a4;} .sm\:inline-flex {display: inline-flex;} .sm\:border-secondary {border-color: #39a9dd;} .sm\:text-secondary {color: #39a9dd;} .sm\:w-1\/4 {width: 25%;} .sm\:flex {display: flex;} .sm\:mb-0 {margin-bottom: 0;} .sm\:text-white {color: #ffffff;} .sm\:text-white {color: #ffffff;} .sm\:absolute {position: absolute;} .sm\:text-sm {font-size: 0.875rem;} .sm\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .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\:w-1\/3 {width: 33.333333%;} } @media (min-width: 768px) { .container {max-width: 640px;} .md\:px-5 {padding-left: 1.25rem; padding-right: 1.25rem;} .md\:py-3 {padding-top: 0.75rem; padding-bottom: 0.75rem;} .md\:block {display: block;} .md\:hidden {display: none;} .md\: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)));} .md\:space-y-0 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--space-y-reverse))); margin-bottom: calc(0px * var(--space-y-reverse));} .md\:w-3\/4 {width: 75%;} .md\:text-primary {color: #9fa1a4;} .md\:inline-flex {display: inline-flex;} .md\:border-secondary {border-color: #39a9dd;} .md\:text-secondary {color: #39a9dd;} .md\:w-1\/4 {width: 25%;} .md\:flex {display: flex;} .md\:mb-0 {margin-bottom: 0;} .md\:text-white {color: #ffffff;} .md\:text-white {color: #ffffff;} .md\:absolute {position: absolute;} .md\:text-sm {font-size: 0.875rem;} .md\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .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\:w-1\/3 {width: 33.333333%;} } @media (min-width: 1024px) { .container {max-width: 768px;} .lg\:px-5 {padding-left: 1.25rem; padding-right: 1.25rem;} .lg\:py-3 {padding-top: 0.75rem; padding-bottom: 0.75rem;} .lg\:block {display: block;} .lg\:hidden {display: none;} .lg\: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)));} .lg\:space-y-0 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--space-y-reverse))); margin-bottom: calc(0px * var(--space-y-reverse));} .lg\:w-3\/4 {width: 75%;} .lg\:text-primary {color: #9fa1a4;} .lg\:inline-flex {display: inline-flex;} .lg\:border-secondary {border-color: #39a9dd;} .lg\:text-secondary {color: #39a9dd;} .lg\:w-1\/4 {width: 25%;} .lg\:flex {display: flex;} .lg\:mb-0 {margin-bottom: 0;} .lg\:text-white {color: #ffffff;} .lg\:text-white {color: #ffffff;} .lg\:absolute {position: absolute;} .lg\:text-sm {font-size: 0.875rem;} .lg\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .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\:w-1\/3 {width: 33.333333%;} } @media (min-width: 1280px) { .container {max-width: 1024px;} .xl\:px-5 {padding-left: 1.25rem; padding-right: 1.25rem;} .xl\:py-3 {padding-top: 0.75rem; padding-bottom: 0.75rem;} .xl\:block {display: block;} .xl\:hidden {display: none;} .xl\: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)));} .xl\:space-y-0 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--space-y-reverse))); margin-bottom: calc(0px * var(--space-y-reverse));} .xl\:w-3\/4 {width: 75%;} .xl\:text-primary {color: #9fa1a4;} .xl\:inline-flex {display: inline-flex;} .xl\:border-secondary {border-color: #39a9dd;} .xl\:text-secondary {color: #39a9dd;} .xl\:w-1\/4 {width: 25%;} .xl\:flex {display: flex;} .xl\:mb-0 {margin-bottom: 0;} .xl\:text-white {color: #ffffff;} .xl\:text-white {color: #ffffff;} .xl\:absolute {position: absolute;} .xl\:text-sm {font-size: 0.875rem;} .xl\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .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\:w-1\/3 {width: 33.333333%;} } @media (min-width: 1536px) { .container {max-width: 1280px;} .2xl\:px-5 {padding-left: 1.25rem; padding-right: 1.25rem;} .2xl\:py-3 {padding-top: 0.75rem; padding-bottom: 0.75rem;} .2xl\:block {display: block;} .2xl\:hidden {display: none;} .2xl\: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)));} .2xl\:space-y-0 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--space-y-reverse))); margin-bottom: calc(0px * var(--space-y-reverse));} .2xl\:w-3\/4 {width: 75%;} .2xl\:text-primary {color: #9fa1a4;} .2xl\:inline-flex {display: inline-flex;} .2xl\:border-secondary {border-color: #39a9dd;} .2xl\:text-secondary {color: #39a9dd;} .2xl\:w-1\/4 {width: 25%;} .2xl\:flex {display: flex;} .2xl\:mb-0 {margin-bottom: 0;} .2xl\:text-white {color: #ffffff;} .2xl\:text-white {color: #ffffff;} .2xl\:absolute {position: absolute;} .2xl\:text-sm {font-size: 0.875rem;} .2xl\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .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\:w-1\/3 {width: 33.333333%;} }