Prometeo
Account
AP
App
Generale
App
Pagine generate
Pagine generate
Pagine generate
Indietro
Layout
Layout
Layout
Indietro
Blocchi
Blocchi
Blocchi stilati
Blocchi master
Indietro
Stili grafici
Stili grafici
Stili grafici
Varianti grafiche
Indietro
Importa stili grafici
Importa stili grafici
Importazioni
Blocchi importati
Indietro
Immagini
Immagini
Libreria
Indietro
Impostazioni
Impostazioni
Dati per anteprime
Intelligenza artificiale
Siti destinazione
Tipi di campi
Tipi di pagina
Tipi di blocco
Indietro
Demo
Demo
Ricette
Ingredienti
Indietro
Più spazio
Modifica blocco: important-details
Anteprima
Salva
Codice blocco
HTML
<section alt="Important Details" class="c-two-column c-two-column36099" id="important-details" style=" "> <div class="o-container"> <header class="c-two-column__header"> <h2 class="u-type-heading-2">Important Details</h2> </header> <div class="c-two-column__layout"> <div> <ul> <li>No difference in “tiers” other than price. Buy early to save.</li> <li>Prices subject to change while supplies last.</li> </ul> <div class="o-button-list o-button-list--wide u-mb-20 u-mb-30@sm"> <a class="c-button c-button--underline" href="/pass-order-info#general-pass-info"> Pass Info <svg fill="none" height="29" viewbox="0 0 28 29" width="28" xmlns="http://www.w3.org/2000/svg"> <path d="M24.5536 15.4272L16.6786 23.3022C16.432 23.5488 16.0976 23.6873 15.7489 23.6873C15.4002 23.6873 15.0658 23.5488 14.8192 23.3022C14.5727 23.0556 14.4341 22.7212 14.4341 22.3725C14.4341 22.0238 14.5727 21.6894 14.8192 21.4428L20.4531 15.8111H4.375C4.0269 15.8111 3.69306 15.6728 3.44692 15.4267C3.20078 15.1805 3.0625 14.8467 3.0625 14.4986C3.0625 14.1505 3.20078 13.8167 3.44692 13.5705C3.69306 13.3244 4.0269 13.1861 4.375 13.1861H20.4531L14.8214 7.55111C14.5748 7.30454 14.4363 6.97012 14.4363 6.62142C14.4363 6.27272 14.5748 5.9383 14.8214 5.69173C15.068 5.44516 15.4024 5.30664 15.7511 5.30664C16.0998 5.30664 16.4342 5.44516 16.6808 5.69173L24.5558 13.5667C24.6782 13.6888 24.7752 13.8339 24.8414 13.9936C24.9075 14.1533 24.9415 14.3245 24.9413 14.4974C24.9411 14.6703 24.9067 14.8414 24.8402 15.001C24.7737 15.1605 24.6763 15.3054 24.5536 15.4272Z"></path> </svg> </a> <a class="c-button c-button--underline" href="/pass-order-info#payment-plan-info"> Payment Plan Info <svg fill="none" height="29" viewbox="0 0 28 29" width="28" xmlns="http://www.w3.org/2000/svg"> <path d="M24.5536 15.4272L16.6786 23.3022C16.432 23.5488 16.0976 23.6873 15.7489 23.6873C15.4002 23.6873 15.0658 23.5488 14.8192 23.3022C14.5727 23.0556 14.4341 22.7212 14.4341 22.3725C14.4341 22.0238 14.5727 21.6894 14.8192 21.4428L20.4531 15.8111H4.375C4.0269 15.8111 3.69306 15.6728 3.44692 15.4267C3.20078 15.1805 3.0625 14.8467 3.0625 14.4986C3.0625 14.1505 3.20078 13.8167 3.44692 13.5705C3.69306 13.3244 4.0269 13.1861 4.375 13.1861H20.4531L14.8214 7.55111C14.5748 7.30454 14.4363 6.97012 14.4363 6.62142C14.4363 6.27272 14.5748 5.9383 14.8214 5.69173C15.068 5.44516 15.4024 5.30664 15.7511 5.30664C16.0998 5.30664 16.4342 5.44516 16.6808 5.69173L24.5558 13.5667C24.6782 13.6888 24.7752 13.8339 24.8414 13.9936C24.9075 14.1533 24.9415 14.3245 24.9413 14.4974C24.9411 14.6703 24.9067 14.8414 24.8402 15.001C24.7737 15.1605 24.6763 15.3054 24.5536 15.4272Z"></path> </svg> </a> <a class="c-button c-button--underline" href="/waitlist-exchange"> Waitlist <svg fill="none" height="29" viewbox="0 0 28 29" width="28" xmlns="http://www.w3.org/2000/svg"> <path d="M24.5536 15.4272L16.6786 23.3022C16.432 23.5488 16.0976 23.6873 15.7489 23.6873C15.4002 23.6873 15.0658 23.5488 14.8192 23.3022C14.5727 23.0556 14.4341 22.7212 14.4341 22.3725C14.4341 22.0238 14.5727 21.6894 14.8192 21.4428L20.4531 15.8111H4.375C4.0269 15.8111 3.69306 15.6728 3.44692 15.4267C3.20078 15.1805 3.0625 14.8467 3.0625 14.4986C3.0625 14.1505 3.20078 13.8167 3.44692 13.5705C3.69306 13.3244 4.0269 13.1861 4.375 13.1861H20.4531L14.8214 7.55111C14.5748 7.30454 14.4363 6.97012 14.4363 6.62142C14.4363 6.27272 14.5748 5.9383 14.8214 5.69173C15.068 5.44516 15.4024 5.30664 15.7511 5.30664C16.0998 5.30664 16.4342 5.44516 16.6808 5.69173L24.5558 13.5667C24.6782 13.6888 24.7752 13.8339 24.8414 13.9936C24.9075 14.1533 24.9415 14.3245 24.9413 14.4974C24.9411 14.6703 24.9067 14.8414 24.8402 15.001C24.7737 15.1605 24.6763 15.3054 24.5536 15.4272Z"></path> </svg> </a> <a class="c-button c-button--underline" href="/resale"> Resale <svg fill="none" height="29" viewbox="0 0 28 29" width="28" xmlns="http://www.w3.org/2000/svg"> <path d="M24.5536 15.4272L16.6786 23.3022C16.432 23.5488 16.0976 23.6873 15.7489 23.6873C15.4002 23.6873 15.0658 23.5488 14.8192 23.3022C14.5727 23.0556 14.4341 22.7212 14.4341 22.3725C14.4341 22.0238 14.5727 21.6894 14.8192 21.4428L20.4531 15.8111H4.375C4.0269 15.8111 3.69306 15.6728 3.44692 15.4267C3.20078 15.1805 3.0625 14.8467 3.0625 14.4986C3.0625 14.1505 3.20078 13.8167 3.44692 13.5705C3.69306 13.3244 4.0269 13.1861 4.375 13.1861H20.4531L14.8214 7.55111C14.5748 7.30454 14.4363 6.97012 14.4363 6.62142C14.4363 6.27272 14.5748 5.9383 14.8214 5.69173C15.068 5.44516 15.4024 5.30664 15.7511 5.30664C16.0998 5.30664 16.4342 5.44516 16.6808 5.69173L24.5558 13.5667C24.6782 13.6888 24.7752 13.8339 24.8414 13.9936C24.9075 14.1533 24.9415 14.3245 24.9413 14.4974C24.9411 14.6703 24.9067 14.8414 24.8402 15.001C24.7737 15.1605 24.6763 15.3054 24.5536 15.4272Z"></path> </svg> </a> </div> </div> </div> </div> </section>
CSS
html{--color-black-1:#0e0c0a;--color-black-2:#1e0f0f;--color-grey-1:#5f5251;--color-beige-1:#efddbe;--color-beige-2:#f3e6ce;--color-beige-3:#f7eedf;--color-beige-4:#fbf4e9;--color-beige-5:#fefbf6;--color-red-1:#8c2e37;--color-red-2:#d33d32;--color-pink-1:#f8879e;--color-yellow-1:#ffab37;--color-yellow-2:#fab353;--color-orange-1:#f36835;--color-green-1:#294e2c;--color-green-2:#4e6234;--color-green-3:#859a2e;--color-blue-1:#336d8e;--color-blue-2:#44a1a4;--color-blue-3:#8dd4c8;--font-family-heading:"Perfectly Nineties",sans-serif;--font-family-subheading:"Sweet Sans Pro",sans-serif;--font-family-body:"Funnel Sans",sans-serif;background:-webkit-gradient(linear,left bottom,left top,from(#f9f7f2),to(#f9e6ca));background:linear-gradient(0deg,#f9f7f2,#f9e6ca);color:var(--color-green-1);font-family:var(--font-family-body);font-size:var(--base-font-size,20px);font-weight:400;line-height:1.35;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .o-container{--_container-padding:var(--container-padding,20px);--_container-width:var(--container-width,1528px);width:100%;padding-left:var(--_container-padding);padding-right:var(--_container-padding);max-width:calc(var(--_container-padding) + var(--_container-width) + var(--_container-padding));margin-inline:auto} .c-button{--_button-color:var(--button-color,#fff);--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-bg-green.webp));--link-text-decoration:none;--link-text-decoration-hover:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:18px 15px;border:0;background:none;font-family:var(--font-family-body);font-size:var(--button-font-size,20px);font-style:normal;font-weight:700;line-height:normal;position:relative;z-index:0;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out} .c-button--blue{--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-bg-blue.webp))} .c-button--disabled{--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-bg-disabled.webp));cursor:none;pointer-events:none} .c-button--underline{--_button-color:var(--button-color,var(--color-blue-1));--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-underline-blue.webp));padding:0 0 8px;min-height:auto} .c-button--underline.c-button--white{--_button-color:var(--button-color,#fff);--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-underline-white.webp))} .c-section--blue.c-section__wrap .c-accordion .c-button--underline{--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-underline-white.webp))} .c-navigation-mobile{--link-text-decoration:none;--link-text-decoration-hover:none;padding:24px 0;border-bottom:1px solid var(--color-beige-1);background:#f5ebdb;position:sticky;top:0;left:0;width:100%;z-index:1000} .c-navigation{--link-text-decoration:none;--link-text-decoration-hover:none;display:none;border-bottom:1px solid var(--color-beige-1);background:#f5ebdb;position:sticky;top:0;left:0;width:100%;z-index:1000} .c-footer{--footer-bg-img:url(../../../content/coachella-2026/footer-bg-mobile.webp);--container-width:1578px;--link-text-decoration:none;--link-text-decoration-hover:none;--link-color:#fff;--link-color-hover:var(--color-yellow-1);padding:41.02564103vw 0 40px;background:var(--footer-bg-img) top no-repeat,-webkit-gradient(linear,left bottom,left top,color-stop(50%,#071b0a),color-stop(50%,transparent));background:var(--footer-bg-img) top no-repeat,linear-gradient(0deg,#071b0a 50%,transparent 0);background-size:100% auto,cover;color:#fff} .c-footer__social-list{--link-color:#fff;--link-color-hover:var(--color-yellow-1);-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;list-style:none;padding:0;margin:0} .c-footer__list{--link-color:currentColor;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px clamp(24px,2.09424084vw,32px);list-style:none;padding:0;margin:0;color:var(--color-beige-2);font-size:16px} .c-page-header{--page-header-gradient:linear-gradient(180deg,#337190,#44a1a4 50%,#85cfc4);--page-header-shadow-image:url(../../../content/coachella-2026/info-block-bottom-border.webp);--bar-height:5px;--link-color:#fff;--link-color-hover:#fff;--jumpto-color:hsla(0,0%,100%,.2);--jumpto-background:#85cfc4;padding:clamp(1px,2.61780105vw,40px) 0;color:var(--color-beige-4)} .c-page-header__links{display:none;--link-text-decoration:underline;--link-text-decoration-hover:none;padding-left:30px;position:relative} .c-content-header__links{display:none;--link-text-decoration:underline;--link-text-decoration-hover:none;padding-left:30px;position:relative;color:var(--color-green-1)} .c-passes__payment-plan{--link-text-decoration:none;--link-text-decoration-hover:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:8px;padding:4px 8px;border-radius:4px;background:var(--color-beige-3);color:var(--color-green-1);font-size:18px} .c-two-column{--container-padding:20px;--two-column-padding:30px;position:relative;padding-bottom:var(--two-column-padding)} :root { --two-column-padding-imp-details: 40px; --seg1: #00A3A6; --seg2: #127091; --seg3: #FFA600; --seg4: #809C00; --seg5: #FF5C1A; --seg6: #FF809E; --seg7: #E52926; --card-gap: 1.25rem; --radius-lg: 20px; --radius-sm: 10px; --rules-bg: rgba(255, 206, 138, 1); } .c-button.c-button--green:hover, .c-featured-content36032 .c-button:hover { --_button-bg: var(--button-bg, url(../external/aegwebprod_blob_core_windows_netcontent/coachella-2026/button-bg-red.webp)); } .c-button.c-button--blue:hover { --_button-bg: var(--button-bg, url(../external/aegwebprod_blob_core_windows_netcontent/coachella-2026/button-blue-dk-hover.webp)); } .c-newsletter__container.o-grid { --_container-padding: var(--container-padding, 20px); --_container-width: var(--container-width, 1528px); width: 100%; padding-left: var(--_container-padding); padding-right: var(--_container-padding); max-width: calc(var(--_container-padding) + var(--_container-width) + var(--_container-padding)); margin-inline: auto; margin-top: 40px; } .c-newsletter__form button { --_button-color: var(--button-color, #fff); --_button-bg: var(--button-bg, url(../content/coachella-2026/button-bg-blue.webp)); --link-text-decoration: none; --link-text-decoration-hover: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; padding: 18px 15px; border: 0; background: none; font-family: var(--font-family-body); font-size: var(--button-font-size, 20px); font-style: normal; font-weight: 700; line-height: normal; position: relative; z-index: 0; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; } section#job-fair-image { --_container-padding: var(--container-padding, 20px); --_container-width: var(--container-width, 1528px); width: 100%; padding-top: 10px; padding-left: var(--_container-padding); padding-right: var(--_container-padding); max-width: calc(var(--_container-padding) + var(--_container-width) + var(--_container-padding)); margin-inline: auto; } #page9977 .c-app-cta .c-button--underline { --_button-color: var(--button-color, var(--color-beige-4)); --_button-bg: var(--button-bg, url(../external/aegwebprod_blob_core_windows_netcontent/coachella-2026/2026-Coachella-FeltAccentStrip-LongLightBlue.png)); } @keyframes a{to{transform:rotate(1turn)}} @font-face{font-family:Perfectly Nineties;src:url(../fonts/PerfectlyNineties/PerfectlyNineties-Light.woff2) format("woff2"),url(../fonts/PerfectlyNineties/PerfectlyNineties-Light.woff) format("woff");font-weight:300;font-style:normal} @font-face{font-family:Perfectly Nineties;src:url(../fonts/PerfectlyNineties/PerfectlyNineties-LightItalic.woff2) format("woff2"),url(../fonts/PerfectlyNineties/PerfectlyNineties-LightItalic.woff) format("woff");font-weight:300;font-style:italic} @font-face{font-family:Sweet Sans Pro;src:url(../fonts/SweetSansPro/SweetSansPro-Medium.woff2) format("woff2"),url(../fonts/SweetSansPro/SweetSansPro-Medium.woff) format("woff");font-weight:500;font-style:normal} @font-face{font-family:Sweet Sans Pro;src:url(../fonts/SweetSansPro/SweetSansPro-MediumItalic.woff2) format("woff2"),url(../fonts/SweetSansPro/SweetSansPro-MediumItalic.woff) format("woff");font-weight:500;font-style:italic} @font-face{font-family:Funnel Sans;src:url(../fonts/FunnelSans/FunnelSans-Regular.woff2) format("woff2"),url(../fonts/FunnelSans/FunnelSans-Regular.woff) format("woff");font-weight:500;font-style:normal} @font-face{font-family:Funnel Sans;src:url(../fonts/FunnelSans/FunnelSans-Italic.woff2) format("woff2"),url(../fonts/FunnelSans/FunnelSans-Italic.woff) format("woff");font-weight:500;font-style:italic} @-webkit-keyframes shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}50%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}75%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}} @keyframes shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}50%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}75%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}} @-webkit-keyframes animateFlickitySlideForward{0%{opacity:1}50%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}55%{-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}} @keyframes animateFlickitySlideForward{0%{opacity:1}50%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}55%{-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}} @-webkit-keyframes animateFlickitySlideReverse{0%{opacity:1}50%{opacity:0;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}55%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}} @keyframes animateFlickitySlideReverse{0%{opacity:1}50%{opacity:0;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}55%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}} a {background-color:transparent} svg {vertical-align:middle;fill:currentColor} h2 {color:var(--color-blue-1)} h2 {margin:0 0 20px;font-size:1.2rem;line-height:normal} ul {margin:0 0 20px} a {color:var(--link-color,var(--color-red-01));-webkit-text-decoration:var(--link-text-decoration,underline);text-decoration:var(--link-text-decoration,underline);-webkit-transition:.1s ease-out;transition:.1s ease-out} a:hover {color:var(--link-color-hover,var(--color-green-1));-webkit-text-decoration:var(--link-text-decoration-hover,underline);text-decoration:var(--link-text-decoration-hover,underline)} a, a:hover {cursor:pointer} .o-container {--_container-padding:var(--container-padding,20px);--_container-width:var(--container-width,1528px);width:100%;padding-left:var(--_container-padding);padding-right:var(--_container-padding);max-width:calc(var(--_container-padding) + var(--_container-width) + var(--_container-padding));margin-inline:auto} .o-button-list {list-style:none;padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:18px} .o-button-list--wide {gap:12px} .c-button {--_button-color:var(--button-color,#fff);--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-bg-green.webp));--link-text-decoration:none;--link-text-decoration-hover:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:18px 15px;border:0;background:none;font-family:var(--font-family-body);font-size:var(--button-font-size,20px);font-style:normal;font-weight:700;line-height:normal;position:relative;z-index:0;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out} .c-button, .c-button:hover {color:var(--_button-color)} .c-button:hover {-webkit-transform:scale(1.02);transform:scale(1.02)} .c-button:before {content:"";background:var(--_button-bg);background-size:100% 100%;width:100%;height:100%;position:absolute;bottom:0;left:0;z-index:-1} .c-button--underline {--_button-color:var(--button-color,var(--color-blue-1));--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-underline-blue.webp));padding:0 0 8px;min-height:auto} .c-button--underline:before {height:7px} .c-two-column__layout details {width:100%;border:solid rgba(25,25,25,.1);border-width:1px 0;color:var(--color-green-1)} .c-two-column__layout details+details {border-top:0} .c-two-column__layout details[open] {padding-bottom:20px} .c-two-column__layout summary {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;padding:12px 0;color:var(--color-blue-1);cursor:pointer} .c-two-column__layout summary::marker {content:none} .c-two-column__layout summary:after {content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTEzIDAuODg0Mjc3QzEzLjgyODQgMC44ODQyNzcgMTQuNSAxLjU1NTg1IDE0LjUgMi4zODQyOFYxMS44ODQzSDI0QzI0LjgyODQgMTEuODg0MyAyNS41IDEyLjU1NTkgMjUuNSAxMy4zODQzQzI1LjUgMTQuMjEyNyAyNC44Mjg0IDE0Ljg4NDMgMjQgMTQuODg0M0gxNC41VjI0LjM4NDNDMTQuNSAyNS4yMTI3IDEzLjgyODQgMjUuODg0MyAxMyAyNS44ODQzQzEyLjE3MTYgMjUuODg0MyAxMS41IDI1LjIxMjcgMTEuNSAyNC4zODQzVjE0Ljg4NDNIMkMxLjE3MTU3IDE0Ljg4NDMgMC41IDE0LjIxMjcgMC41IDEzLjM4NDNDMC41IDEyLjU1NTkgMS4xNzE1NyAxMS44ODQzIDIgMTEuODg0M0gxMS41VjIuMzg0MjhDMTEuNSAxLjU1NTg1IDEyLjE3MTYgMC44ODQyNzcgMTMgMC44ODQyNzdaIiBmaWxsPSIjMzM2RDhFIi8+Cjwvc3ZnPg==");display:block;height:29px;width:29px} .c-two-column__layout [open]>summary:after {content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgMjYgNCIgZmlsbD0ibm9uZSI+CjxwYXRoIGQ9Ik0wLjUgMS41ODMwMUMwLjUgMC43NTQ1ODEgMS4xNzE1NyAwLjA4MzAwNzggMiAwLjA4MzAwNzhIMjRDMjQuODI4NCAwLjA4MzAwNzggMjUuNSAwLjc1NDU4MSAyNS41IDEuNTgzMDFDMjUuNSAyLjQxMTQzIDI0LjgyODQgMy4wODMwMSAyNCAzLjA4MzAxSDJDMS4xNzE1NyAzLjA4MzAxIDAuNSAyLjQxMTQzIDAuNSAxLjU4MzAxWiIgZmlsbD0iIzMzNkQ4RSIvPgo8L3N2Zz4=")} .c-two-column__header {color:var(--color-blue-1)} .c-two-column {--container-padding:20px;--two-column-padding:30px;position:relative;padding-bottom:var(--two-column-padding)} .c-two-column__header {margin-bottom:20px} .c-two-column__layout {color:var(--color-green-1);display:grid;gap:1em;padding-bottom:var(--container-padding)} .c-two-column__layout section {color:var(--color-green-1);margin-left:12px;padding-left:12px;border-left:2px solid var(--color-green-1)} .c-two-column__layout details {border-width:1px 0;color:var(--color-blue-1)} .c-two-column__layout summary {text-transform:uppercase;cursor:pointer} .u-mb-20 {margin-bottom:20px!important} .u-type-heading-2, h2 {font-weight:var(--type-heading-2-font-weight,300);line-height:var(--type-heading-2-line-height,1);font-family:var(--type-heading-2-font-family,var(--font-family-heading));font-size:var(--type-heading-2-font-size-max,56px);font-size:clamp(var(--type-heading-2-font-size-min,42px),var(--type-heading-2-font-size-vw,3.66492147vw),var(--type-heading-2-font-size-max,56px))} .c-two-column__layout summary {line-height:var(--type-subheading-3-line-height,1);font-weight:var(--type-subheading-3-font-weight,500);font-family:var(--type-subheading-3-font-family,var(--font-family-subheading));font-size:var(--type-subheading-3-font-size-max,20px);font-size:clamp(var(--type-subheading-3-font-size-min,18px),var(--type-subheading-3-font-size-vw,1.30890052vw),var(--type-subheading-3-font-size-max,20px))} @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } li { margin-bottom: 5px; padding-left: 0; } section.c-two-column#important-details { padding-top: var(--two-column-padding-imp-details); padding-bottom: 0; } section.c-two-column#important-details div.o-container { border-bottom: 2px solid var(--color-green-3); } .u-type-heading-2, h2 { font-size: clamp(var(--type-heading-2-font-size-min, 38px), var(--type-heading-2-font-size-vw, 3.66492147vw), var(--type-heading-2-font-size-max, 56px)); } .u-type-heading-2, h2 { font-weight: 700; letter-spacing: .05rem; } li { position: relative; } @media (min-width:768px){.o-button-list {-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:20px} } @media (min-width:768px){.o-button-list--wide {gap:40px} } @media (min-width:1024px){.c-two-column__layout {grid-template-columns:1fr 1fr;gap:2em} } @media (min-width:375px){.u-mb-20\@xs {margin-bottom:20px!important} } @media (max-width:374px){.u-mb-20\@less-than-xs {margin-bottom:20px!important} } @media screen and (min-width:375px) and (max-width:539px){.u-mb-20\@xs-only {margin-bottom:20px!important} } @media (min-width:540px){.u-mb-20\@phone {margin-bottom:20px!important} } @media (max-width:539px){.u-mb-20\@less-than-phone {margin-bottom:20px!important} } @media screen and (min-width:540px) and (max-width:767px){.u-mb-20\@phone-only {margin-bottom:20px!important} } @media (min-width:768px){.u-mb-20\@sm {margin-bottom:20px!important} } @media (max-width:767px){.u-mb-20\@less-than-sm {margin-bottom:20px!important} } @media screen and (min-width:768px) and (max-width:1023px){.u-mb-20\@sm-only {margin-bottom:20px!important} } @media (min-width:1024px){.u-mb-20\@md {margin-bottom:20px!important} } @media (max-width:1023px){.u-mb-20\@less-than-md {margin-bottom:20px!important} } @media screen and (min-width:1024px) and (max-width:1249px){.u-mb-20\@md-only {margin-bottom:20px!important} } @media (min-width:1250px){.u-mb-20\@lg {margin-bottom:20px!important} } @media (max-width:1249px){.u-mb-20\@less-than-lg {margin-bottom:20px!important} } @media screen and (min-width:1250px) and (max-width:1439px){.u-mb-20\@lg-only {margin-bottom:20px!important} } @media (min-width:1440px){.u-mb-20\@xl {margin-bottom:20px!important} } @media (max-width:1439px){.u-mb-20\@less-than-xl {margin-bottom:20px!important} } @media screen and (min-width:1440px) and (max-width:1919px){.u-mb-20\@xl-only {margin-bottom:20px!important} } @media (min-width:1920px){.u-mb-20\@desktop {margin-bottom:20px!important} } @media (max-width:1919px){.u-mb-20\@less-than-desktop {margin-bottom:20px!important} } @media (max-width: 767px) {.o-container picture img { max-width: 60%; } } @media (max-width:767px){.c-featured-video{--container-padding:0px}}
JS