@charset "UTF-8";
@charset "UTF-8";
.wpml-ls-legacy-list-horizontal{border:1px solid transparent;padding:7px;clear:both}.wpml-ls-legacy-list-horizontal>ul{padding:0;margin:0!important;list-style-type:none}.wpml-ls-legacy-list-horizontal .wpml-ls-item{padding:0;margin:0;list-style-type:none;display:inline-block}.wpml-ls-legacy-list-horizontal a{display:block;text-decoration:none;padding:5px 10px 6px;line-height:1}.wpml-ls-legacy-list-horizontal a span{vertical-align:middle}.wpml-ls-legacy-list-horizontal a span.wpml-ls-bracket{vertical-align:unset}.wpml-ls-legacy-list-horizontal .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:0;margin-right:.4em}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{margin-bottom:30px}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul{text-align:center}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
 @font-face {
font-family: "gt-thin";
src: url(//arco.be/wp-content/themes/custom/assets/fonts/gt-eesti/GT-Eesti-Display-Thin.otf) format("opentype"), url(//arco.be/wp-content/themes/custom/assets/fonts/gt-eesti/GT-Eesti-Display-Thin.ttf) format("truetype"), url(//arco.be/wp-content/themes/custom/assets/fonts/gt-eesti/GT-Eesti-Display-Thin.woff) format("woff"), url(//arco.be/wp-content/themes/custom/assets/fonts/gt-eesti/GT-Eesti-Display-Thin.woff2) format("woff2");
font-display: swap;
}
@font-face {
font-family: "gt-light"; src: url(//arco.be/wp-content/themes/custom/assets/fonts/gt-eesti/GT-Eesti-Display-Light.otf) format("opentype"), url(//arco.be/wp-content/themes/custom/assets/fonts/gt-eesti/GT-Eesti-Display-Light.ttf) format("truetype"), url(//arco.be/wp-content/themes/custom/assets/fonts/gt-eesti/GT-Eesti-Display-Light.woff) format("woff"), url(//arco.be/wp-content/themes/custom/assets/fonts/gt-eesti/GT-Eesti-Display-Light.woff2) format("woff2");
font-display: swap;
}
@font-face {
font-family: "gt-regular";
src: url(//arco.be/wp-content/themes/custom/assets/fonts/gt-eesti/GT-Eesti-Display-Regular.otf) format("opentype"), url(//arco.be/wp-content/themes/custom/assets/fonts/gt-eesti/GT-Eesti-Display-Regular.ttf) format("truetype"), url(//arco.be/wp-content/themes/custom/assets/fonts/gt-eesti/GT-Eesti-Display-Regular.woff) format("woff"), url(//arco.be/wp-content/themes/custom/assets/fonts/gt-eesti/GT-Eesti-Display-Regular.woff2) format("woff2");
font-display: swap;
}
@font-face {
font-family: "gt-ultrabold";
src: url(//arco.be/wp-content/themes/custom/assets/fonts/gt-eesti/GT-Eesti-Display-Ultra-Bold.otf) format("opentype"), url(//arco.be/wp-content/themes/custom/assets/fonts/gt-eesti/GT-Eesti-Display-Ultra-Bold.ttf) format("truetype"), url(//arco.be/wp-content/themes/custom/assets/fonts/gt-eesti/GT-Eesti-Display-Ultra-Bold.woff) format("woff"), url(//arco.be/wp-content/themes/custom/assets/fonts/gt-eesti/GT-Eesti-Display-Ultra-Bold.woff2) format("woff2");
font-display: swap;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
}
:root {
--plyr-color-main: #F3A1AA;
}
.otgs-development-site-front-end {
display: none;
}
.noscroll, .overflow-hidden {
overflow: hidden;
position: relative;
}
body {
background-color: #FFFFFF;
font-style: normal;
color: #250F3E;
line-height: 1.7;
font-size: 16px;
font-size: 1.6rem;
font-family: gt-light, "sans-serif";
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
}
body::-webkit-scrollbar {
width: 10px;
height: 10px;
}
body::-webkit-scrollbar-thumb {
background: #F3A1AA;
border-radius: 15px;
transition: all 0.3s ease-in-out;
}
body::-webkit-scrollbar-thumb:hover {
background: #F3A1AA;
}
body::-webkit-scrollbar-track {
background: #120829;
}
body ::selection {
color: #FFFFFF;
background: #120829;
}
body section[data-bg=dark] ::selection {
color: #250F3E;
background: #F3A1AA;
}
h1, .h1 {
font-family: gt-regular, "sans-serif";
font-style: normal;
font-size: 35px;
font-size: 3.5rem;
line-height: 1.15;
}
@media (min-width: 420px) {
h1, .h1 {
font-size: 45px;
font-size: 4.5rem;
}
}
@media (min-width: 768px) {
h1, .h1 {
font-size: 60px;
font-size: 6rem;
}
}
@media (min-width: 900px) {
h1, .h1 {
font-size: 70px;
font-size: 7rem;
}
}
h1 i, h1 em, .h1 i, .h1 em {
font-style: italic;
}
h1 span, .h1 span {
color: #F3A1AA;
}
h2, .h2 {
font-family: gt-regular, "sans-serif";
font-style: normal;
font-size: 25px;
font-size: 2.5rem;
line-height: 1.15;
}
@media (min-width: 420px) {
h2, .h2 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 768px) {
h2, .h2 {
font-size: 40px;
font-size: 4rem;
}
}
@media (min-width: 1200px) {
h2, .h2 {
font-size: 50px;
font-size: 5rem;
}
}
h2 i, h2 em, .h2 i, .h2 em {
font-style: italic;
}
h2 span, .h2 span {
color: #F3A1AA;
}
h3, .h3 {
font-family: gt-regular, "sans-serif";
font-style: normal;
font-size: 20px;
font-size: 2rem;
line-height: 1.15;
}
@media (min-width: 420px) {
h3, .h3 {
font-size: 25px;
font-size: 2.5rem;
}
}
@media (min-width: 768px) {
h3, .h3 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 1200px) {
h3, .h3 {
font-size: 35px;
font-size: 3.5rem;
}
}
h3 i, h3 em, .h3 i, .h3 em {
font-style: italic;
}
h3 span, .h3 span {
color: #F3A1AA;
}
div.section-inner {
max-width: 1700px;
margin: 0 auto;
padding: 30px 15px;
}
@media (min-width: 650px) {
div.section-inner {
padding: 30px;
}
}
@media (min-width: 768px) {
div.section-inner {
padding: 60px 30px;
}
}
@media (min-width: 1024px) {
div.section-inner {
padding: 60px 30px;
}
}
.custom-text {
line-height: 1.36;
font-size: 16px;
font-size: 1.6rem;
}
@media (min-width: 900px) {
.custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 1200px) {
.custom-text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1600px) {
.custom-text {
font-size: 25px;
font-size: 2.5rem;
}
}
.custom-text h1, .custom-text h2 {
margin-bottom: 30px;
}
.custom-text h3, .custom-text h4 {
margin-bottom: 15px;
}
.custom-text p {
display: block;
margin-bottom: 15px;
}
.custom-text p:last-child {
margin-bottom: 0;
}
.custom-text ul {
margin: 15px 0;
list-style: outside disc;
padding-left: 1.2em;
}
.custom-text ul li {
margin-bottom: 10px;
}
.custom-text ol {
margin: 15px 0;
list-style: outside decimal;
padding-left: 1.2em;
}
.custom-text ol li {
margin-bottom: 10px;
}
.custom-text a {
color: inherit;
}
.custom-text strong, .custom-text b {
font-family: gt-ultrabold, "sans-serif";
}
.custom-text i, .custom-text em {
font-style: italic;
}
a.link-a, button.link-a, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_area button {
text-decoration: none;
width: fit-content;
max-width: max-content;
min-width: 150px;
display: inline-block;
text-align: center;
padding: 22px 53px 22px 22px;
border: 1px solid #250F3E;
background-color: #250F3E;
border-radius: 100px;
color: #FFFFFF;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.2;
transition: all 0.3s ease-in-out;
position: relative;
}
@media (min-width: 420px) {
a.link-a, button.link-a, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_area button {
font-size: 16px;
font-size: 1.6rem;
}
}
@media (min-width: 650px) {
a.link-a, button.link-a, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_area button {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 1600px) {
a.link-a, button.link-a, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_area button {
font-size: 20px;
font-size: 2rem;
}
}
a.link-a::after, button.link-a::after, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_area button::after {
content: "";
position: absolute;
right: 22px;
top: 27px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: var(--icon_arrow_pink);
width: 13px;
height: 10px;
}
@media (min-width: 420px) {
a.link-a::after, button.link-a::after, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_area button::after {
width: 14px;
height: 11px;
top: 27.5px;
}
}
@media (min-width: 650px) {
a.link-a::after, button.link-a::after, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_area button::after {
width: 16px;
height: 13px;
top: 28.5px;
}
}
@media (hover: hover) {
a.link-a:hover, button.link-a:hover, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_area button:hover {
background: #F3A1AA;
border-color: #F3A1AA;
color: #250F3E;
transform: scale(1.05);
}
a.link-a:hover::after, button.link-a:hover::after, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_area button:hover::after {
background-image: var(--icon_arrow_black);
transform: rotate(-90deg);
}
}
a.link-a.link-a-pink, button.link-a.link-a-pink, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_area button.link-a-pink {
border: 1px solid #F3A1AA;
background-color: #F3A1AA;
color: #250F3E;
}
a.link-a.link-a-pink::after, button.link-a.link-a-pink::after, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_area button.link-a-pink::after {
background-image: var(--icon_arrow_black);
transform: rotate(-90deg);
}
@media (hover: hover) {
a.link-a.link-a-pink:hover, button.link-a.link-a-pink:hover, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_area button.link-a-pink:hover {
background: #250F3E;
border-color: #F3A1AA;
color: #FFFFFF;
transform: scale(1.05);
}
a.link-a.link-a-pink:hover::after, button.link-a.link-a-pink:hover::after, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_area button.link-a-pink:hover::after {
background-image: var(--icon_arrow_pink);
transform: rotate(0deg);
}
}
a.link-b, button.link-b {
text-decoration: none;
color: orangered;
font-size: 18px;
text-transform: uppercase;
display: inline-flex;
justify-content: space-between;
width: 100%;
}
a.link-empty, button.link-empty {
text-decoration: none;
color: inherit;
}
a.link-article, button.link-article {
display: flex;
align-items: center;
text-decoration: none;
color: inherit;
transition: all 0.3s ease-in-out;
}
a.link-article span.text, button.link-article span.text {
line-height: 1.36;
font-size: 16px;
font-size: 1.6rem;
}
@media (min-width: 900px) {
a.link-article span.text, button.link-article span.text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1200px) {
a.link-article span.text, button.link-article span.text {
font-size: 22px;
font-size: 2.2rem;
}
}
a.link-article span.icon, button.link-article span.icon {
display: inline-flex;
align-items: center;
width: 25px;
height: 25px;
background: #F3A1AA;
border-radius: 50%;
padding: 8px;
margin-left: 10px;
position: relative;
z-index: 2;
}
@media (min-width: 900px) {
a.link-article span.icon, button.link-article span.icon {
width: 30px;
height: 30px;
}
}
@media (min-width: 1200px) {
a.link-article span.icon, button.link-article span.icon {
width: 35px;
height: 35px;
}
}
a.link-article span.icon svg, button.link-article span.icon svg {
display: block;
width: 65%;
height: auto;
margin: 0 auto;
transform: rotate(-90deg);
}
@media (min-width: 1200px) {
a.link-article span.icon svg, button.link-article span.icon svg {
width: 45%;
}
}
@media (hover: hover) {
a.link-article:hover, button.link-article:hover {
transform: scale(1.05);
}
}
a.link-back, button.link-back {
display: flex;
align-items: center;
text-decoration: none;
color: inherit;
background: transparent;
border: none;
}
a.link-back span.text, button.link-back span.text {
line-height: 1.36;
font-size: 16px;
font-size: 1.6rem;
}
@media (min-width: 900px) {
a.link-back span.text, button.link-back span.text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1200px) {
a.link-back span.text, button.link-back span.text {
font-size: 22px;
font-size: 2.2rem;
}
}
a.link-back span.icon, button.link-back span.icon {
display: inline-flex;
align-items: center;
width: 25px;
height: 25px;
background: #F3A1AA;
border-radius: 50%;
padding: 8px;
margin-right: 10px;
}
@media (min-width: 900px) {
a.link-back span.icon, button.link-back span.icon {
width: 30px;
height: 30px;
}
}
@media (min-width: 1200px) {
a.link-back span.icon, button.link-back span.icon {
width: 35px;
height: 35px;
}
}
a.link-back span.icon svg, button.link-back span.icon svg {
display: block;
width: 100%;
height: auto;
transform: rotate(90deg);
}
a.link-card-pill, button.link-card-pill {
background: #F3A1AA;
border: 1px solid #120829;
border-radius: 25px;
text-transform: uppercase;
color: #120829;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.2;
padding: 12px 16px;
font-family: gt-light, "sans-serif";
text-align: left;
}
a.link-crumb, button.link-crumb {
font-family: gt-light, "sans-serif";
font-size: 20px;
font-size: 2rem;
display: inline;
text-decoration: none;
color: #4B426C;
margin-right: 5px;
line-height: 1.2;
position: relative;
padding-left: 8px;
}
a.link-crumb:first-child::before, button.link-crumb:first-child::before {
display: none;
}
a.link-crumb::before, button.link-crumb::before {
content: "";
position: absolute;
top: 11px;
left: 0;
width: 4px;
height: 4px;
border-radius: 50%;
background: #4B426C;
}
a.link-crumb + span.crumb-text, button.link-crumb + span.crumb-text {
font-family: gt-light, "sans-serif";
font-size: 20px;
font-size: 2rem;
display: inline;
color: #F3A1AA;
line-height: 1.2;
position: relative;
padding-left: 8px;
}
a.link-crumb + span.crumb-text::before, button.link-crumb + span.crumb-text::before {
content: "";
position: absolute;
top: 11px;
left: -3px;
width: 4px;
height: 4px;
border-radius: 50%;
background: #F3A1AA;
}
.gform_wrapper .gform_required_legend, .gform_wrapper .gfield_required_asterisk, .gform_wrapper .gfield_required_text, .gform_wrapper .gform_validation_errors, .gform_wrapper .gfield_validation_message {
display: none !important;
}
.gform_wrapper.ticket_form_wrapper .add_tickets {
display: grid;
grid-template-columns: 100%;
grid-template-columns: auto 1fr;
gap: 0 30px;
align-items: center;
}
.gform_wrapper.ticket_form_wrapper .add_tickets label {
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
}
@media (max-width: 320px) {
.gform_wrapper.ticket_form_wrapper .add_tickets label {
font-size: 16px;
font-size: 1.6rem;
}
}
.gform_wrapper.ticket_form_wrapper .add_tickets .gfield_description {
display: none;
}
.gform_wrapper.ticket_form_wrapper .add_tickets .ginput_container {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 73px 1fr 73px;
gap: 15px;
align-items: center;
max-width: 264px;
}
.gform_wrapper.ticket_form_wrapper .add_tickets .ginput_container button.decrement {
background: #FFFFFF;
color: #250F3E;
width: 73px;
height: 73px;
border-radius: 50%;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 40px;
font-size: 4rem;
line-height: 1;
border: none;
}
.gform_wrapper.ticket_form_wrapper .add_tickets .ginput_container button.decrement[disabled] {
cursor: not-allowed;
background: #7B739A;
opacity: 0.5;
}
.gform_wrapper.ticket_form_wrapper .add_tickets .ginput_container button.increment {
background: #FFFFFF;
color: #250F3E;
width: 73px;
height: 73px;
border-radius: 50%;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 40px;
font-size: 4rem;
line-height: 1;
border: none;
}
.gform_wrapper.ticket_form_wrapper .add_tickets .ginput_container button.increment[disabled] {
cursor: not-allowed;
background: #7B739A;
opacity: 0.5;
}
.gform_wrapper.ticket_form_wrapper .add_tickets .ginput_container input[type=text], .gform_wrapper.ticket_form_wrapper .add_tickets .ginput_container input[type=number], .gform_wrapper.ticket_form_wrapper .add_tickets .ginput_container input#input_4_12 {
background: transparent;
border: none;
text-align: center;
padding: 0;
}
.gform_wrapper.ticket_form_wrapper .add_persons .gfield_list_header {
display: none;
}
.gform_wrapper.ticket_form_wrapper .add_persons .gfield_list_groups {
counter-reset: div;
}
.gform_wrapper.ticket_form_wrapper .add_persons .gfield_list_groups .gfield_list_group {
position: relative;
flex-wrap: wrap;
margin-top: 60px;
}
.gform_wrapper.ticket_form_wrapper .add_persons .gfield_list_groups .gfield_list_group:first-child {
margin-top: 30px;
}
.gform_wrapper.ticket_form_wrapper .add_persons .gfield_list_groups .gfield_list_group:last-child {
margin-bottom: 30px;
}
@media (min-width: 641px) {
.gform_wrapper.ticket_form_wrapper .add_persons .gfield_list_groups .gfield_list_group {
display: grid;
grid-template-columns: 100%;
grid-template-rows: unset;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-column-gap: 2%;
grid-row-gap: 16px;
}
}
.gform_wrapper.ticket_form_wrapper .add_persons .gfield_list_groups .gfield_list_group::before {
counter-increment: div;
content: "Data person " counter(div) ": ";
display: block;
width: 100%;
height: fit-content;
margin-bottom: 15px;
}
@media (min-width: 641px) {
.gform_wrapper.ticket_form_wrapper .add_persons .gfield_list_groups .gfield_list_group::before {
grid-column: auto/span 2;
}
}
.gform_wrapper.ticket_form_wrapper .add_persons .gfield_list_groups .gfield_list_group .gfield_list_group_item {
width: 100%;
}
@media (min-width: 641px) {
.gform_wrapper.ticket_form_wrapper .add_persons .gfield_list_groups .gfield_list_group .gfield_list_group_item {
grid-column: auto/span 1;
margin: 0 !important;
}
}
.gform_wrapper.ticket_form_wrapper .add_persons .gfield_list_groups .gfield_list_group .gfield_list_group_item::before {
display: none;
}
.gform_wrapper .gform_body .gform_fields .gfield { }
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type=text], .gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type=email] {
border-color: #ea5d6d;
}
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type=checkbox] + label {
color: #ea5d6d;
}
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type=checkbox] + label::before {
border-color: #ea5d6d;
}
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error textarea {
border-color: #ea5d6d;
}
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error select {
border-color: #ea5d6d;
}
@media (max-width: 1200px) {
.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload {
grid-column: 1/-1;
}
}
.gform_wrapper .gform_body .gform_fields .gfield button.gform_button {
background: #250F3E;
color: #FFFFFF;
border: 1px solid #250F3E;
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
display: inline-flex;
align-items: center;
padding: 19px 27px;
border-radius: 100px;
cursor: pointer;
}
.gform_wrapper .gform_body .gform_fields .gfield button.gform_button span.text {
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
}
.gform_wrapper .gform_body .gform_fields .gfield button.gform_button span.icon {
display: inline-block;
margin-left: 10px;
}
.gform_wrapper .gform_body .gform_fields .gfield button.gform_button span.icon svg {
display: block;
width: 16px;
height: auto;
}
.gform_wrapper .gform_body .gform_fields .gfield input[type=submit] {
background: #250F3E;
color: #FFFFFF;
border: 1px solid #250F3E;
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
display: inline-flex;
align-items: center;
padding: 19px 27px;
border-radius: 100px;
cursor: pointer;
}
.gform_wrapper .gform_body .gform_fields .gfield input[type=submit] span.text {
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
}
.gform_wrapper .gform_body .gform_fields .gfield input[type=submit] span.icon {
display: inline-block;
margin-left: 10px;
}
.gform_wrapper .gform_body .gform_fields .gfield input[type=submit] span.icon svg {
display: block;
width: 16px;
height: auto;
}
.gform_wrapper .gform_body .gform_fields .gfield input[type=text], .gform_wrapper .gform_body .gform_fields .gfield input[type=email] {
border: 3px solid #C6C3D9;
border-radius: 8px;
background: #FFFFFF;
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
padding: 22px 40px;
color: #250F3E;
transition: all 0.3s ease-in-out;
}
@media (max-width: 320px) {
.gform_wrapper .gform_body .gform_fields .gfield input[type=text], .gform_wrapper .gform_body .gform_fields .gfield input[type=email] {
font-size: 16px;
font-size: 1.6rem;
}
}
.gform_wrapper .gform_body .gform_fields .gfield input[type=text]::placeholder, .gform_wrapper .gform_body .gform_fields .gfield input[type=email]::placeholder {
color: #250F3E;
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
}
@media (max-width: 320px) {
.gform_wrapper .gform_body .gform_fields .gfield input[type=text]::placeholder, .gform_wrapper .gform_body .gform_fields .gfield input[type=email]::placeholder {
font-size: 16px;
font-size: 1.6rem;
}
}
.gform_wrapper .gform_body .gform_fields .gfield input[type=checkbox] {
position: absolute;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
}
.gform_wrapper .gform_body .gform_fields .gfield input[type=checkbox]:checked + label::before {
background: #120829;
display: none;
}
.gform_wrapper .gform_body .gform_fields .gfield input[type=checkbox]:checked + label::after {
opacity: 1;
}
.gform_wrapper .gform_body .gform_fields .gfield input[type=checkbox] + label {
margin-left: 30px;
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
color: #250F3E;
position: relative;
}
@media (max-width: 320px) {
.gform_wrapper .gform_body .gform_fields .gfield input[type=checkbox] + label {
font-size: 16px;
font-size: 1.6rem;
}
}
.gform_wrapper .gform_body .gform_fields .gfield input[type=checkbox] + label a {
color: inherit;
}
.gform_wrapper .gform_body .gform_fields .gfield input[type=checkbox] + label::before {
content: "";
position: absolute;
top: 2px;
left: -30px;
width: 13px;
height: 13px;
border: 2px solid #C6C3D9;
background: #FFFFFF;
border-radius: 4px;
transition: all 0.3s ease-in-out;
}
.gform_wrapper .gform_body .gform_fields .gfield input[type=checkbox] + label::after {
content: "✓";
left: calc(-30px + 2px);
position: absolute;
font-size: 120%;
top: -5px;
color: #250F3E;
opacity: 0;
}
.gform_wrapper .gform_body .gform_fields .gfield input[type=radio] {
position: absolute;
opacity: 0;
visibility: hidden;
}
.gform_wrapper .gform_body .gform_fields .gfield input[type=radio]:checked + label::before {
background: #F3A1AA;
}
.gform_wrapper .gform_body .gform_fields .gfield input[type=radio] + label {
margin-left: 30px;
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
color: #250F3E;
position: relative;
}
@media (max-width: 320px) {
.gform_wrapper .gform_body .gform_fields .gfield input[type=radio] + label {
font-size: 16px;
font-size: 1.6rem;
}
}
.gform_wrapper .gform_body .gform_fields .gfield input[type=radio] + label a {
color: inherit;
}
.gform_wrapper .gform_body .gform_fields .gfield input[type=radio] + label::before {
content: "";
position: absolute;
top: 2px;
left: -30px;
width: 13px;
height: 13px;
border: 2px solid #C6C3D9;
background: #FFFFFF;
border-radius: 50%;
transition: all 0.3s ease-in-out;
}
.gform_wrapper .gform_body .gform_fields .gfield textarea {
border: 3px solid #C6C3D9;
border-radius: 8px;
background: #FFFFFF;
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
padding: 22px 40px;
height: 122px !important;
transition: all 0.3s ease-in-out;
resize: none;
color: #250F3E;
}
@media (max-width: 320px) {
.gform_wrapper .gform_body .gform_fields .gfield textarea {
font-size: 16px;
font-size: 1.6rem;
}
}
.gform_wrapper .gform_body .gform_fields .gfield textarea:focus {
height: 180px !important;
}
.gform_wrapper .gform_body .gform_fields .gfield textarea::placeholder {
color: #250F3E;
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
}
@media (max-width: 320px) {
.gform_wrapper .gform_body .gform_fields .gfield textarea::placeholder {
font-size: 16px;
font-size: 1.6rem;
}
}
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_select {
position: relative;
}
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_select::after {
content: "";
position: absolute;
top: calc(50% - 9.5px);
right: 30px;
width: 19px;
height: 19px;
background-image: var(--icon_arrow_black);
background-size: contain;
background-repeat: no-repeat;
pointer-events: none;
}
.gform_wrapper .gform_body .gform_fields .gfield select {
border: 3px solid #C6C3D9;
border-radius: 8px;
background: #FFFFFF;
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
padding: 22px 40px;
color: #250F3E;
-webkit-appearance: none;
-moz-appearance: none;
}
@media (max-width: 320px) {
.gform_wrapper .gform_body .gform_fields .gfield select {
font-size: 16px;
font-size: 1.6rem;
}
}
.gform_wrapper .gform_body .gform_fields .gfield select::placeholder {
color: #250F3E;
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
}
@media (max-width: 320px) {
.gform_wrapper .gform_body .gform_fields .gfield select::placeholder {
font-size: 16px;
font-size: 1.6rem;
}
}
.gform_wrapper .gform_body .gform_fields .gfield .gfield_description {
display: none;
}
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_area {
padding: 0;
border: none;
background: transparent;
}
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_area .gform_drop_instructions {
display: none;
}
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_area button {
background: #F3A1AA;
color: #250F3E;
border-color: #F3A1AA;
width: 100%;
max-width: 100%;
font-size: 20px;
font-size: 2rem;
cursor: pointer;
}
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_area button::after {
background-image: var(--icon_arrow_black);
transform: rotate(180deg);
width: 24px;
height: 16px;
top: 24.5px;
}
.gform_wrapper .gform_body .gform_fields .gfield .ginput_preview_list .ginput_preview * {
display: inline;
word-break: break-all;
}
.gform_wrapper .gform_body .gform_fields .gfield .ginput_preview_list .ginput_preview .gfield_fileupload_progres, .gform_wrapper .gform_body .gform_fields .gfield .ginput_preview_list .ginput_preview .gfield_fileupload_progress_complete, .gform_wrapper .gform_body .gform_fields .gfield .ginput_preview_list .ginput_preview .gfield_fileupload_filesize {
display: none !important;
}
.gform_wrapper .gform_footer {
padding: 0 !important;
margin: 15px 0 0 0 !important;
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
}
.gform_wrapper .gform_footer button, .gform_wrapper .gform_footer input[type=submit] {
background: #250F3E;
color: #FFFFFF;
border: 1px solid #250F3E;
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
display: inline-flex;
align-items: center;
padding: 19px 27px;
border-radius: 100px;
cursor: pointer;
}
.gform_wrapper .gform_footer button span.text, .gform_wrapper .gform_footer input[type=submit] span.text {
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
}
.gform_wrapper .gform_footer button span.icon, .gform_wrapper .gform_footer input[type=submit] span.icon {
display: inline-block;
margin-left: 10px;
}
.gform_wrapper .gform_footer button span.icon svg, .gform_wrapper .gform_footer input[type=submit] span.icon svg {
display: block;
width: 16px;
height: auto;
}
.gform_confirmation_wrapper {
color: white;
}
.card-partner {
border-radius: 10px;
overflow: hidden;
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
}
.card-partner .card-partner-inner {
display: grid;
grid-template-columns: 100%;
gap: 15px;
padding: 38px 30px;
}
.card-partner .card-partner-inner .image-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: center;
}
.card-partner .card-partner-inner .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
width: 100%;
height: 82px;
}
.card-partner .card-partner-inner .title-container span {
display: block;
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
font-family: gt-ultrabold, "sans-serif";
}
@media (min-width: 900px) {
.card-partner .card-partner-inner .title-container span {
font-size: 25px;
font-size: 2.5rem;
}
}
.card-partner .card-partner-inner .custom-text {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.2;
}
@media (min-width: 900px) {
.card-partner .card-partner-inner .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
.card-partner .card-partner-inner .website-container a {
display: block;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.2;
}
@media (min-width: 900px) {
.card-partner .card-partner-inner .website-container a {
font-size: 20px;
font-size: 2rem;
}
}
.card-post {
background: #FFFFFF;
border-radius: 10px;
overflow: hidden;
}
.card-post .card-post-inner {
display: grid;
grid-template-columns: 100%;
gap: 30px;
padding: 34px;
}
@media (min-width: 768px) {
.card-post .card-post-inner {
grid-template-columns: 35% 1fr;
gap: 30px;
}
}
@media (min-width: 900px) {
.card-post .card-post-inner {
padding: 54px;
}
}
.card-post .card-post-inner .cc-left {
border-radius: 10px;
overflow: hidden;
}
.card-post .card-post-inner .cc-left img {
display: block;
width: 100%;
height: auto;
}
@media (min-width: 768px) {
.card-post .card-post-inner .cc-left img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
}
.card-post .card-post-inner .cc-right .info-container {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 1fr auto;
gap: 5px;
margin-bottom: 15px;
}
@media (max-width: 350px) {
.card-post .card-post-inner .cc-right .info-container {
grid-template-columns: 1fr;
gap: 0;
}
}
.card-post .card-post-inner .cc-right .info-container .info {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.card-post .card-post-inner .cc-right .info-container .info span {
display: block;
margin: 0 15px 15px 0;
}
.card-post .card-post-inner .cc-right .info-container .info span.type {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.2;
}
@media (min-width: 900px) {
.card-post .card-post-inner .cc-right .info-container .info span.type {
font-size: 18px;
font-size: 1.8rem;
}
}
.card-post .card-post-inner .cc-right .info-container .info span.industry {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.2;
border: 1px solid #250F3E;
border-radius: 100px;
text-transform: uppercase;
padding: 8px 14px 6px 14px;
text-align: center;
}
@media (min-width: 900px) {
.card-post .card-post-inner .cc-right .info-container .info span.industry {
font-size: 14px;
font-size: 1.4rem;
}
}
.card-post .card-post-inner .cc-right .info-container .popups button {
background: transparent;
border: none;
display: inline-flex;
align-items: center;
padding: 0;
margin: 0 0 0 15px;
}
.card-post .card-post-inner .cc-right .info-container .popups button:first-child {
margin-left: 0;
}
.card-post .card-post-inner .cc-right .info-container .popups button.file svg {
display: block;
width: 19.5px;
height: auto;
}
.card-post .card-post-inner .cc-right .info-container .popups button.video svg {
display: block;
width: 27.93px;
height: auto;
}
.card-post .card-post-inner .cc-right .title-container h2 {
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
}
@media (min-width: 900px) {
.card-post .card-post-inner .cc-right .title-container h2 {
font-size: 25px;
font-size: 2.5rem;
}
}
@media (min-width: 1200px) {
.card-post .card-post-inner .cc-right .title-container h2 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 1600px) {
.card-post .card-post-inner .cc-right .title-container h2 {
font-size: 35px;
font-size: 3.5rem;
}
}
.card-post .card-post-inner .cc-right .title-container + .custom-text {
margin-top: 15px;
}
.card-post .card-post-inner .cc-right .custom-text {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.36;
}
@media (min-width: 900px) {
.card-post .card-post-inner .cc-right .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 1200px) {
.card-post .card-post-inner .cc-right .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1600px) {
.card-post .card-post-inner .cc-right .custom-text {
font-size: 22px;
font-size: 2.2rem;
}
}
.card-post .card-post-inner .cc-right .link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
margin-top: 15px;
}
.card-event {
background: #FFFFFF;
border-radius: 10px;
overflow: hidden;
}
.card-event .card-event-inner {
display: grid;
grid-template-columns: 100%;
gap: 30px;
padding: 34px;
}
@media (min-width: 768px) {
.card-event .card-event-inner {
grid-template-columns: 35% 1fr;
gap: 30px;
}
}
@media (min-width: 900px) {
.card-event .card-event-inner {
padding: 54px;
}
}
.card-event .card-event-inner .cc-left {
border-radius: 10px;
overflow: hidden;
}
.card-event .card-event-inner .cc-left img {
display: block;
width: 100%;
height: auto;
}
@media (min-width: 768px) {
.card-event .card-event-inner .cc-left img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
}
.card-event .card-event-inner .cc-right .info-container {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 1fr auto;
gap: 5px;
margin-bottom: 15px;
}
@media (max-width: 350px) {
.card-event .card-event-inner .cc-right .info-container {
grid-template-columns: 1fr;
gap: 0;
}
}
.card-event .card-event-inner .cc-right .info-container .info {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.card-event .card-event-inner .cc-right .info-container .info span {
display: block;
margin: 0 15px 15px 0;
}
.card-event .card-event-inner .cc-right .info-container .info span.type {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.2;
}
@media (min-width: 900px) {
.card-event .card-event-inner .cc-right .info-container .info span.type {
font-size: 18px;
font-size: 1.8rem;
}
}
.card-event .card-event-inner .cc-right .info-container .info span.industry {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.2;
border: 1px solid #250F3E;
border-radius: 100px;
text-transform: uppercase;
padding: 8px 14px;
text-align: center;
}
@media (min-width: 900px) {
.card-event .card-event-inner .cc-right .info-container .info span.industry {
font-size: 14px;
font-size: 1.4rem;
}
}
.card-event .card-event-inner .cc-right .info-container .popups button {
background: transparent;
border: none;
display: inline-flex;
align-items: center;
padding: 0;
margin: 0 0 0 15px;
}
.card-event .card-event-inner .cc-right .info-container .popups button:first-child {
margin-left: 0;
}
.card-event .card-event-inner .cc-right .info-container .popups button.file svg {
display: block;
width: 19.5px;
height: auto;
}
.card-event .card-event-inner .cc-right .info-container .popups button.video svg {
display: block;
width: 27.93px;
height: auto;
}
.card-event .card-event-inner .cc-right .title-container h2 {
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
}
@media (min-width: 900px) {
.card-event .card-event-inner .cc-right .title-container h2 {
font-size: 25px;
font-size: 2.5rem;
}
}
@media (min-width: 1200px) {
.card-event .card-event-inner .cc-right .title-container h2 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 1600px) {
.card-event .card-event-inner .cc-right .title-container h2 {
font-size: 35px;
font-size: 3.5rem;
}
}
.card-event .card-event-inner .cc-right .title-container + .custom-text {
margin-top: 15px;
}
.card-event .card-event-inner .cc-right .custom-text {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.36;
}
@media (min-width: 900px) {
.card-event .card-event-inner .cc-right .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 1200px) {
.card-event .card-event-inner .cc-right .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1600px) {
.card-event .card-event-inner .cc-right .custom-text {
font-size: 22px;
font-size: 2.2rem;
}
}
.card-event .card-event-inner .cc-right .link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
margin-top: 15px;
}
.card-case {
background: #FFFFFF;
border-radius: 10px;
overflow: hidden;
}
.card-case .card-case-inner {
display: grid;
grid-template-columns: 100%;
gap: 30px;
padding: 34px;
}
@media (min-width: 768px) {
.card-case .card-case-inner {
grid-template-columns: 35% 1fr;
gap: 30px;
}
}
@media (min-width: 900px) {
.card-case .card-case-inner {
padding: 54px;
}
}
.card-case .card-case-inner .cc-left {
border-radius: 10px;
overflow: hidden;
}
.card-case .card-case-inner .cc-left img {
display: block;
width: 100%;
height: auto;
}
@media (min-width: 768px) {
.card-case .card-case-inner .cc-left img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
}
.card-case .card-case-inner .cc-right .info-container {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 1fr auto;
gap: 5px;
margin-bottom: 15px;
}
@media (max-width: 350px) {
.card-case .card-case-inner .cc-right .info-container {
grid-template-columns: 1fr;
gap: 0;
}
}
.card-case .card-case-inner .cc-right .info-container .info {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.card-case .card-case-inner .cc-right .info-container .info span {
display: block;
margin: 0 15px 15px 0;
}
.card-case .card-case-inner .cc-right .info-container .info span.type {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.2;
}
@media (min-width: 900px) {
.card-case .card-case-inner .cc-right .info-container .info span.type {
font-size: 18px;
font-size: 1.8rem;
}
}
.card-case .card-case-inner .cc-right .info-container .info span.industry {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.2;
border: 1px solid #250F3E;
border-radius: 100px;
text-transform: uppercase;
padding: 8px 14px;
text-align: center;
}
@media (min-width: 900px) {
.card-case .card-case-inner .cc-right .info-container .info span.industry {
font-size: 14px;
font-size: 1.4rem;
}
}
.card-case .card-case-inner .cc-right .info-container .popups button {
background: transparent;
border: none;
display: inline-flex;
align-items: center;
padding: 0;
margin: 0 0 0 15px;
}
.card-case .card-case-inner .cc-right .info-container .popups button:first-child {
margin-left: 0;
}
.card-case .card-case-inner .cc-right .info-container .popups button.file svg {
display: block;
width: 19.5px;
height: auto;
}
.card-case .card-case-inner .cc-right .info-container .popups button.video svg {
display: block;
width: 27.93px;
height: auto;
}
.card-case .card-case-inner .cc-right .title-container h2 {
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
}
@media (min-width: 900px) {
.card-case .card-case-inner .cc-right .title-container h2 {
font-size: 25px;
font-size: 2.5rem;
}
}
@media (min-width: 1200px) {
.card-case .card-case-inner .cc-right .title-container h2 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 1600px) {
.card-case .card-case-inner .cc-right .title-container h2 {
font-size: 35px;
font-size: 3.5rem;
}
}
.card-case .card-case-inner .cc-right .title-container + .custom-text {
margin-top: 15px;
}
.card-case .card-case-inner .cc-right .custom-text {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.36;
}
@media (min-width: 900px) {
.card-case .card-case-inner .cc-right .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 1200px) {
.card-case .card-case-inner .cc-right .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1600px) {
.card-case .card-case-inner .cc-right .custom-text {
font-size: 22px;
font-size: 2.2rem;
}
}
.card-case .card-case-inner .cc-right .link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
margin-top: 15px;
}
.card-team {
border-radius: 10px;
background: rgb(52, 44, 82);
background: linear-gradient(180deg, rgb(52, 44, 82) 0%, rgb(168, 118, 135) 100%);
overflow: hidden;
transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
.card-team:hover .card-team-inner {
transform: translateY(-243px);
}
.card-team:hover .card-team-inner .info-container {
transform: translateY(0);
opacity: 1;
}
}
.card-team .card-team-inner {
padding: 35px 35px 45px 35px;
text-align: center;
transition: all 0.3s ease-in-out;
}
.card-team .card-team-inner .image-container {
margin-bottom: 30px;
}
.card-team .card-team-inner .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
height: 208px;
}
.card-team .card-team-inner .name-container {
display: grid;
grid-template-columns: 100%;
gap: 0;
margin-bottom: 15px;
}
.card-team .card-team-inner .name-container span {
font-family: gt-regular, "sans-serif";
display: block;
font-size: 25px;
font-size: 2.5rem;
line-height: 1.2;
color: #FFFFFF;
}
.card-team .card-team-inner .function-container span {
font-family: gt-light, "sans-serif";
display: block;
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
color: #FFFFFF;
}
.card-team .card-team-inner .info-container {
display: block;
}
@media (hover: hover) {
.card-team .card-team-inner .info-container {
transform: translateY(150%);
transition: all 0.3s ease-in-out;
padding: 0 10px 0 0;
height: 0;
max-height: calc(100% - 280px + 35px);
opacity: 0;
}
.card-team .card-team-inner .info-container .info-container-inner {
max-height: 250px;
overflow-y: auto;
}
}
.card-team .card-team-inner .info-container .info-container-inner {
margin: 30px 0 0 0;
}
.card-team .card-team-inner .info-container .info-container-inner::-webkit-scrollbar {
width: 2px;
height: 2px;
margin: 0 10px 0 0;
}
.card-team .card-team-inner .info-container .info-container-inner::-webkit-scrollbar-thumb {
background: #F3A1AA;
border-radius: 15px;
transition: all 0.3s ease-in-out;
}
.card-team .card-team-inner .info-container .info-container-inner::-webkit-scrollbar-thumb:hover {
background: #F3A1AA;
}
.card-team .card-team-inner .info-container .info-container-inner::-webkit-scrollbar-track {
background: #120829;
}
.card-team .card-team-inner .info-container .info-container-inner .custom-text {
font-size: 16px;
font-size: 1.6rem;
color: #FFFFFF;
text-align: center;
padding: 0 10px;
}
.card-testimonial {
color: #FFFFFF;
}
.card-testimonial .card-testimonial-inner .cc-top {
display: grid;
grid-template-columns: 100%;
grid-template-columns: auto 1fr;
gap: 35px;
margin-bottom: 20px;
}
.card-testimonial .card-testimonial-inner .cc-top .stars-container span.icon {
display: inline-block;
width: 24px;
height: 24px;
}
.card-testimonial .card-testimonial-inner .cc-top .stars-container span.icon.false {
clip-path: inset(0 50% 0 0);
}
.card-testimonial .card-testimonial-inner .cc-top .stars-container span.icon svg {
display: block;
width: 100%;
height: auto;
}
.card-testimonial .card-testimonial-inner .cc-top .button-container {
text-align: right;
}
.card-testimonial .card-testimonial-inner .cc-top .button-container button {
background: transparent;
border: none;
color: inherit;
text-decoration: underline;
}
.card-testimonial .card-testimonial-inner .cc-middle blockquote p {
font-family: gt-light, "sans-serif";
font-size: 24px;
font-size: 2.4rem;
line-height: 1.4;
}
.card-testimonial .card-testimonial-inner .cc-bottom {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 68px 1fr;
gap: 35px;
margin-top: 40px;
}
.card-testimonial .card-testimonial-inner .cc-bottom .image-container {
width: 68px;
height: 68px;
border-radius: 50%;
overflow: hidden;
background: #F3A1AA;
}
.card-testimonial .card-testimonial-inner .cc-bottom .info-container .name-container span {
font-family: gt-light, "sans-serif";
display: inline-block;
font-size: 27px;
font-size: 2.7rem;
line-height: 1.18;
}
.card-testimonial .card-testimonial-inner .cc-bottom .info-container .function-container span {
font-family: gt-light, "sans-serif";
display: inline-block;
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
}
button.card-solution-button {
cursor: pointer;
background-color: transparent;
border: none;
position: relative;
padding: 0 0 10px 0;
font-size: 30px;
font-size: 3rem;
line-height: 1.2;
font-family: gt-regular, "sans-serif";
display: block;
transition: all 0.3s ease-in-out;
text-align: left;
}
@media (min-width: 650px) {
button.card-solution-button {
font-size: 35px;
font-size: 3.5rem;
}
}
@media (hover: hover) {
button.card-solution-button:hover::after {
width: 100%;
}
}
button.card-solution-button::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
background: #FFFFFF;
height: 4px;
width: min(100%, 87px);
transition: all 0.3s ease-in-out;
}
.card-solution {
display: none;
margin-top: 32px;
margin-bottom: 44px;
background: #FFFFFF;
border-radius: 10px;
position: relative;
filter: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.2));
}
.card-solution.background {
background: #F2C7CB;
}
.card-solution.background .card-solution-inner {
padding: 40px 32px 20px 32px;
}
.card-solution.background .card-solution-inner .title-container {
opacity: 0.3;
}
.card-solution .article-industries-container {
height: fit-content;
}
.card-solution .card-solution-inner {
padding: 40px 32px;
}
.card-solution .card-solution-inner .title-container h2 {
font-size: 30px;
font-size: 3rem;
line-height: 1.2;
font-family: gt-regular, "sans-serif";
}
@media (min-width: 650px) {
.card-solution .card-solution-inner .title-container h2 {
font-size: 35px;
font-size: 3.5rem;
}
}
.card-solution .card-solution-inner .slide-container {
margin-top: 20px;
}
.card-solution .card-solution-inner .slide-container .content-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column-reverse;
}
.card-solution .card-solution-inner .slide-container .content-container .image-container {
width: 100%;
aspect-ratio: 1/1;
height: auto;
max-height: 294px;
overflow: hidden;
border-radius: 5px;
}
.card-solution .card-solution-inner .slide-container .content-container .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
.card-solution .card-solution-inner .slide-container .content-container .text-container {
width: 100%;
margin-top: 30px;
margin-bottom: 12px;
}
.card-solution .card-solution-inner .slide-container .content-container .text-container .custom-text {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.4;
font-family: gt-light, "sans-serif";
}
@media (min-width: 650px) {
.card-solution .card-solution-inner .slide-container .content-container .text-container .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
.card-solution .card-solution-inner .slide-container .content-container .link-container {
margin-top: 12px;
}
.card-solution .card-solution-inner .slide-container .content-container .link-container a {
color: inherit;
font-size: 16px;
font-size: 1.6rem;
font-family: gt-light, "sans-serif";
line-height: 1.18;
}
.card-solution .card-solution-inner .slide-container .industry-container {
margin-top: 40px;
}
.card-solution .card-solution-inner .slide-container .industry-container h3 {
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 25px;
line-height: 1.4;
font-family: gt-light, "sans-serif";
}
@media (min-width: 650px) {
.card-solution .card-solution-inner .slide-container .industry-container h3 {
font-size: 20px;
font-size: 2rem;
}
}
.card-solution .card-solution-inner .slide-container .industry-container .link-container {
display: grid;
grid-template-columns: 100%;
gap: 13px;
}
.card-solution .card-solution-inner .slide-container .industry-container .link-container button {
width: fit-content;
}
.card-industry, .card-industry-desktop {
margin-bottom: 44px;
background: #FFFFFF;
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
border-radius: 10px;
display: none;
filter: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.1));
}
.card-industry.background, .card-industry-desktop.background {
background: rgba(242, 199, 203, 0.8);
}
.card-industry.background .card-industry-inner, .card-industry-desktop.background .card-industry-inner {
padding: 40px 32px 20px 32px;
}
.card-industry.background .card-industry-inner .title-container, .card-industry-desktop.background .card-industry-inner .title-container {
opacity: 0.3;
}
.card-industry.background .card-industry-inner .title-container button, .card-industry-desktop.background .card-industry-inner .title-container button {
pointer-events: none;
}
.card-industry .card-industry-inner, .card-industry .card-industry-desktop-inner, .card-industry-desktop .card-industry-inner, .card-industry-desktop .card-industry-desktop-inner {
padding: 40px 32px;
}
.card-industry .card-industry-inner .title-container, .card-industry .card-industry-desktop-inner .title-container, .card-industry-desktop .card-industry-inner .title-container, .card-industry-desktop .card-industry-desktop-inner .title-container {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 1fr 22px;
}
.card-industry .card-industry-inner .title-container h2, .card-industry .card-industry-desktop-inner .title-container h2, .card-industry-desktop .card-industry-inner .title-container h2, .card-industry-desktop .card-industry-desktop-inner .title-container h2 {
font-size: 30px;
font-size: 3rem;
line-height: 1.2;
font-family: gt-regular, "sans-serif";
}
@media (min-width: 650px) {
.card-industry .card-industry-inner .title-container h2, .card-industry .card-industry-desktop-inner .title-container h2, .card-industry-desktop .card-industry-inner .title-container h2, .card-industry-desktop .card-industry-desktop-inner .title-container h2 {
font-size: 35px;
font-size: 3.5rem;
}
}
.card-industry .card-industry-inner .title-container button, .card-industry .card-industry-desktop-inner .title-container button, .card-industry-desktop .card-industry-inner .title-container button, .card-industry-desktop .card-industry-desktop-inner .title-container button {
background: transparent;
border: none;
position: relative;
padding: 0;
cursor: pointer;
}
.card-industry .card-industry-inner .title-container button::after, .card-industry .card-industry-desktop-inner .title-container button::after, .card-industry-desktop .card-industry-inner .title-container button::after, .card-industry-desktop .card-industry-desktop-inner .title-container button::after {
content: "";
position: absolute;
top: 0;
left: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: var(--icon_arrow_black);
width: 22px;
height: 18px;
transform: rotate(180deg);
}
.card-industry .card-industry-inner .slide-container, .card-industry .card-industry-desktop-inner .slide-container, .card-industry-desktop .card-industry-inner .slide-container, .card-industry-desktop .card-industry-desktop-inner .slide-container {
margin-top: 20px;
}
.card-industry .card-industry-inner .slide-container .content-container, .card-industry .card-industry-desktop-inner .slide-container .content-container, .card-industry-desktop .card-industry-inner .slide-container .content-container, .card-industry-desktop .card-industry-desktop-inner .slide-container .content-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column-reverse;
}
.card-industry .card-industry-inner .slide-container .content-container .image-container, .card-industry .card-industry-desktop-inner .slide-container .content-container .image-container, .card-industry-desktop .card-industry-inner .slide-container .content-container .image-container, .card-industry-desktop .card-industry-desktop-inner .slide-container .content-container .image-container {
width: 100%;
aspect-ratio: 1/1;
height: auto;
max-height: 294px;
overflow: hidden;
border-radius: 5px;
}
.card-industry .card-industry-inner .slide-container .content-container .image-container img, .card-industry .card-industry-desktop-inner .slide-container .content-container .image-container img, .card-industry-desktop .card-industry-inner .slide-container .content-container .image-container img, .card-industry-desktop .card-industry-desktop-inner .slide-container .content-container .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
.card-industry .card-industry-inner .slide-container .content-container .text-container, .card-industry .card-industry-desktop-inner .slide-container .content-container .text-container, .card-industry-desktop .card-industry-inner .slide-container .content-container .text-container, .card-industry-desktop .card-industry-desktop-inner .slide-container .content-container .text-container {
width: 100%;
margin-top: 30px;
margin-bottom: 12px;
}
.card-industry .card-industry-inner .slide-container .content-container .text-container .custom-text, .card-industry .card-industry-desktop-inner .slide-container .content-container .text-container .custom-text, .card-industry-desktop .card-industry-inner .slide-container .content-container .text-container .custom-text, .card-industry-desktop .card-industry-desktop-inner .slide-container .content-container .text-container .custom-text {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.4;
font-family: gt-light, "sans-serif";
}
@media (min-width: 650px) {
.card-industry .card-industry-inner .slide-container .content-container .text-container .custom-text, .card-industry .card-industry-desktop-inner .slide-container .content-container .text-container .custom-text, .card-industry-desktop .card-industry-inner .slide-container .content-container .text-container .custom-text, .card-industry-desktop .card-industry-desktop-inner .slide-container .content-container .text-container .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
.card-industry .card-industry-inner .slide-container .content-container .link-container, .card-industry .card-industry-desktop-inner .slide-container .content-container .link-container, .card-industry-desktop .card-industry-inner .slide-container .content-container .link-container, .card-industry-desktop .card-industry-desktop-inner .slide-container .content-container .link-container {
margin-top: 12px;
}
.card-industry .card-industry-inner .slide-container .content-container .link-container a, .card-industry .card-industry-desktop-inner .slide-container .content-container .link-container a, .card-industry-desktop .card-industry-inner .slide-container .content-container .link-container a, .card-industry-desktop .card-industry-desktop-inner .slide-container .content-container .link-container a {
color: inherit;
font-size: 16px;
font-size: 1.6rem;
font-family: gt-light, "sans-serif";
line-height: 1.18;
}
.card-industry .card-industry-inner .slide-container .product-container .link-container, .card-industry .card-industry-desktop-inner .slide-container .product-container .link-container, .card-industry-desktop .card-industry-inner .slide-container .product-container .link-container, .card-industry-desktop .card-industry-desktop-inner .slide-container .product-container .link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.card-industry .card-industry-inner .slide-container .product-container .link-container button, .card-industry .card-industry-desktop-inner .slide-container .product-container .link-container button, .card-industry-desktop .card-industry-inner .slide-container .product-container .link-container button, .card-industry-desktop .card-industry-desktop-inner .slide-container .product-container .link-container button {
width: fit-content;
margin-right: 13px;
margin-bottom: 13px;
}
.card-industry .card-industry-inner .slide-container .product-container .link-container button:last-child, .card-industry .card-industry-desktop-inner .slide-container .product-container .link-container button:last-child, .card-industry-desktop .card-industry-inner .slide-container .product-container .link-container button:last-child, .card-industry-desktop .card-industry-desktop-inner .slide-container .product-container .link-container button:last-child {
margin-right: 0;
}
.card-industry .card-industry-inner .content-container .image-container img, .card-industry-desktop .card-industry-inner .content-container .image-container img {
display: block;
width: 100%;
height: auto;
}
.card-product, .card-product-desktop {
margin-bottom: 44px;
background: #FFFFFF;
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
border-radius: 10px;
display: none;
filter: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.1));
}
.card-product.background, .card-product-desktop.background {
background: #F2C7CB;
}
.card-product.background .card-produxt-inner, .card-product-desktop.background .card-produxt-inner {
padding: 40px 32px 20px 32px;
}
.card-product.background .card-produxt-inner .title-container, .card-product-desktop.background .card-produxt-inner .title-container {
opacity: 0.3;
}
.card-product.background .card-produxt-inner .title-container button, .card-product-desktop.background .card-produxt-inner .title-container button {
pointer-events: none;
}
.card-product .card-product-inner, .card-product .card-product-desktop-inner, .card-product-desktop .card-product-inner, .card-product-desktop .card-product-desktop-inner {
padding: 40px 32px;
}
.card-product .card-product-inner .title-container, .card-product .card-product-desktop-inner .title-container, .card-product-desktop .card-product-inner .title-container, .card-product-desktop .card-product-desktop-inner .title-container {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 1fr 22px;
}
.card-product .card-product-inner .title-container h2, .card-product .card-product-desktop-inner .title-container h2, .card-product-desktop .card-product-inner .title-container h2, .card-product-desktop .card-product-desktop-inner .title-container h2 {
font-size: 30px;
font-size: 3rem;
line-height: 1.2;
font-family: gt-regular, "sans-serif";
}
@media (min-width: 650px) {
.card-product .card-product-inner .title-container h2, .card-product .card-product-desktop-inner .title-container h2, .card-product-desktop .card-product-inner .title-container h2, .card-product-desktop .card-product-desktop-inner .title-container h2 {
font-size: 35px;
font-size: 3.5rem;
}
}
.card-product .card-product-inner .title-container button, .card-product .card-product-desktop-inner .title-container button, .card-product-desktop .card-product-inner .title-container button, .card-product-desktop .card-product-desktop-inner .title-container button {
background: transparent;
border: none;
position: relative;
padding: 0;
cursor: pointer;
}
.card-product .card-product-inner .title-container button::after, .card-product .card-product-desktop-inner .title-container button::after, .card-product-desktop .card-product-inner .title-container button::after, .card-product-desktop .card-product-desktop-inner .title-container button::after {
content: "";
position: absolute;
top: 0;
left: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: var(--icon_arrow_black);
width: 22px;
height: 18px;
transform: rotate(180deg);
}
.card-product .card-product-inner .slide-container, .card-product .card-product-desktop-inner .slide-container, .card-product-desktop .card-product-inner .slide-container, .card-product-desktop .card-product-desktop-inner .slide-container {
margin-top: 20px;
}
.card-product .card-product-inner .slide-container .content-container, .card-product .card-product-desktop-inner .slide-container .content-container, .card-product-desktop .card-product-inner .slide-container .content-container, .card-product-desktop .card-product-desktop-inner .slide-container .content-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column-reverse;
}
.card-product .card-product-inner .slide-container .content-container .image-container, .card-product .card-product-desktop-inner .slide-container .content-container .image-container, .card-product-desktop .card-product-inner .slide-container .content-container .image-container, .card-product-desktop .card-product-desktop-inner .slide-container .content-container .image-container {
width: 100%;
aspect-ratio: 1/1;
height: auto;
max-height: 294px;
overflow: hidden;
border-radius: 5px;
}
.card-product .card-product-inner .slide-container .content-container .image-container img, .card-product .card-product-desktop-inner .slide-container .content-container .image-container img, .card-product-desktop .card-product-inner .slide-container .content-container .image-container img, .card-product-desktop .card-product-desktop-inner .slide-container .content-container .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
.card-product .card-product-inner .slide-container .content-container .text-container, .card-product .card-product-desktop-inner .slide-container .content-container .text-container, .card-product-desktop .card-product-inner .slide-container .content-container .text-container, .card-product-desktop .card-product-desktop-inner .slide-container .content-container .text-container {
width: 100%;
margin-top: 30px;
margin-bottom: 12px;
}
.card-product .card-product-inner .slide-container .content-container .text-container .custom-text, .card-product .card-product-desktop-inner .slide-container .content-container .text-container .custom-text, .card-product-desktop .card-product-inner .slide-container .content-container .text-container .custom-text, .card-product-desktop .card-product-desktop-inner .slide-container .content-container .text-container .custom-text {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.4;
font-family: gt-light, "sans-serif";
}
@media (min-width: 650px) {
.card-product .card-product-inner .slide-container .content-container .text-container .custom-text, .card-product .card-product-desktop-inner .slide-container .content-container .text-container .custom-text, .card-product-desktop .card-product-inner .slide-container .content-container .text-container .custom-text, .card-product-desktop .card-product-desktop-inner .slide-container .content-container .text-container .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
.card-product .card-product-inner .slide-container .content-container .link-container, .card-product .card-product-desktop-inner .slide-container .content-container .link-container, .card-product-desktop .card-product-inner .slide-container .content-container .link-container, .card-product-desktop .card-product-desktop-inner .slide-container .content-container .link-container {
margin-top: 12px;
}
.card-product .card-product-inner .slide-container .content-container .link-container a, .card-product .card-product-desktop-inner .slide-container .content-container .link-container a, .card-product-desktop .card-product-inner .slide-container .content-container .link-container a, .card-product-desktop .card-product-desktop-inner .slide-container .content-container .link-container a {
color: inherit;
font-size: 16px;
font-size: 1.6rem;
font-family: gt-light, "sans-serif";
line-height: 1.18;
}
.card-product .card-product-inner .slide-container .content-container .image-container img, .card-product-desktop .card-product-inner .slide-container .content-container .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
height: 100%;
}
button.card-solution-button-desktop {
cursor: pointer;
background-color: transparent;
border: none;
position: relative;
padding: 0 0 10px 0;
font-size: 30px;
font-size: 3rem;
line-height: 1.2;
font-family: gt-regular, "sans-serif";
display: block;
text-align: left;
transition: all 0.3s ease-in-out;
}
@media (min-width: 650px) {
button.card-solution-button-desktop {
font-size: 35px;
font-size: 3.5rem;
}
}
@media (hover: hover) {
button.card-solution-button-desktop:hover::after {
width: 100%;
}
}
button.card-solution-button-desktop::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
background: #FFFFFF;
height: 4px;
width: min(100%, 87px);
transition: all 0.3s ease-in-out;
}
.card-solution-desktop {
margin: 0;
background: linear-gradient(to bottom, #FFFFFF, #FAECED);
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
width: 100%;
opacity: 0;
filter: unset;
transform: translateX(100%);
transition: all 0.3s ease-in-out;
position: absolute;
top: 0;
left: 0;
height: 100%;
display: flex;
align-items: flex-start;
justify-content: flex-start;
color: #250F3E;
}
@media (min-width: 1600px) {
.card-solution-desktop {
width: 100%;
right: calc((100vw - 1700px) / 2 * -1);
}
}
.card-solution-desktop.background {
background: #F2C7CB;
}
.card-solution-desktop.background .card-solution-desktop-inner {
opacity: 0.6;
}
.card-solution-desktop.background button, .card-solution-desktop.background a {
pointer-events: none;
}
.card-solution-desktop.background::before {
background: #F2C7CB;
}
.card-solution-desktop.active {
opacity: 1;
transform: translateX(0);
}
.card-solution-desktop::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: -1;
transform: translateX(calc(100% - 2px));
background: linear-gradient(to bottom, #FFFFFF, #FAECED);
pointer-events: none;
display: none;
}
.card-solution-desktop .card-solution-desktop-inner {
padding: 40px 32px;
}
.card-solution-desktop .card-solution-desktop-inner .slide-container {
margin-top: 20px;
color: #250F3E;
}
.card-solution-desktop .card-solution-desktop-inner .slide-container .content-container .top {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 1fr auto;
align-items: start;
}
.card-solution-desktop .card-solution-desktop-inner .slide-container .content-container .top .title-container {
text-align: left;
}
.card-solution-desktop .card-solution-desktop-inner .slide-container .content-container .top .title-container h2 {
font-size: 30px;
font-size: 3rem;
line-height: 1.2;
color: #250F3E;
font-family: gt-regular, "sans-serif";
}
@media (min-width: 650px) {
.card-solution-desktop .card-solution-desktop-inner .slide-container .content-container .top .title-container h2 {
font-size: 35px;
font-size: 3.5rem;
}
}
.card-solution-desktop .card-solution-desktop-inner .slide-container .content-container .top .link-container {
margin-top: 12px;
}
.card-solution-desktop .card-solution-desktop-inner .slide-container .content-container .top .link-container a {
color: inherit;
font-size: 16px;
font-size: 1.6rem;
font-family: gt-light, "sans-serif";
line-height: 1.18;
color: #250F3E;
}
.card-solution-desktop .card-solution-desktop-inner .slide-container .content-container .bottom {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 1fr minmax(auto, 300px);
align-items: start;
gap: 60px;
margin-top: 46px;
}
@media (min-width: 1400px) {
.card-solution-desktop .card-solution-desktop-inner .slide-container .content-container .bottom {
grid-template-columns: 1fr 461px;
}
}
.card-solution-desktop .card-solution-desktop-inner .slide-container .content-container .bottom .image-container {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 10px;
max-height: 380px;
}
.card-solution-desktop .card-solution-desktop-inner .slide-container .content-container .bottom .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.card-solution-desktop .card-solution-desktop-inner .slide-container .content-container .bottom .text-container {
width: 100%;
margin-top: 30px;
margin-bottom: 12px;
margin: 0;
}
.card-solution-desktop .card-solution-desktop-inner .slide-container .content-container .bottom .text-container .custom-text {
font-family: gt-light, "sans-serif";
font-size: 20px;
font-size: 2rem;
line-height: 1.4;
color: #250F3E;
}
.card-solution-desktop .card-solution-desktop-inner .slide-container .industry-container {
margin-top: 40px;
}
.card-solution-desktop .card-solution-desktop-inner .slide-container .industry-container h3 {
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 25px;
line-height: 1.4;
font-family: gt-light, "sans-serif";
}
@media (min-width: 650px) {
.card-solution-desktop .card-solution-desktop-inner .slide-container .industry-container h3 {
font-size: 20px;
font-size: 2rem;
}
}
.card-solution-desktop .card-solution-desktop-inner .slide-container .industry-container .link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.card-solution-desktop .card-solution-desktop-inner .slide-container .industry-container .link-container button {
width: fit-content;
margin-right: 13px;
margin-bottom: 13px;
}
.card-solution-desktop .card-solution-desktop-inner .slide-container .industry-container .link-container button:last-child {
margin-right: 0;
}
.card-industry-desktop {
position: absolute;
top: 0;
right: 0;
width: min(100% - 80px);
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
height: 100%;
display: block;
margin: 0;
background: linear-gradient(to bottom, #FFFFFF, #FAECED);
transform: translateX(100%);
opacity: 0;
transition: all 0.3s ease-in-out;
filter: unset;
}
@media (min-width: 1600px) {
.card-industry-desktop {
width: calc(100% - 160px + (100vw - 1700px) / 2);
right: calc((100vw - 1700px) / 2 * -1);
}
}
.card-industry-desktop::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: -1;
transform: translateX(calc(100% - 2px));
background: linear-gradient(to bottom, #FFFFFF, #FAECED);
pointer-events: none;
display: none;
}
.card-industry-desktop.active {
transform: translateX(0);
opacity: 1;
}
.card-industry-desktop.active button, .card-industry-desktop.active a {
pointer-events: initial;
}
.card-industry-desktop.background {
background: linear-gradient(to bottom, #FFFFFF, #FAECED);
}
.card-industry-desktop.background .card-industry-desktop-inner {
opacity: 0.5;
}
.card-industry-desktop.background button, .card-industry-desktop.background a {
pointer-events: none;
}
.card-industry-desktop .card-industry-desktop-inner .top-container button {
background: transparent;
border: none;
position: relative;
padding: 0;
cursor: pointer;
padding-left: 30px;
font-size: 20px;
font-size: 2rem;
}
.card-industry-desktop .card-industry-desktop-inner .top-container button::after {
content: "";
position: absolute;
top: 2px;
left: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: var(--icon_arrow_black);
width: 22px;
height: 18px;
transform: rotate(90deg);
}
.card-industry-desktop .card-industry-desktop-inner .top-container .column-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: space-between;
margin-top: 10px;
}
.card-industry-desktop .card-industry-desktop-inner .top-container .column-container .title-container h2 {
font-size: 30px;
font-size: 3rem;
line-height: 1.2;
font-family: gt-regular, "sans-serif";
}
@media (min-width: 650px) {
.card-industry-desktop .card-industry-desktop-inner .top-container .column-container .title-container h2 {
font-size: 35px;
font-size: 3.5rem;
}
}
.card-industry-desktop .card-industry-desktop-inner .top-container .column-container .link-container a {
color: inherit;
font-size: 16px;
font-size: 1.6rem;
font-family: gt-light, "sans-serif";
line-height: 1.18;
}
.card-industry-desktop .card-industry-desktop-inner .content-container .image-container {
display: none;
}
.card-industry-desktop .card-industry-desktop-inner .content-container .text-container .custom-text {
columns: 2;
column-gap: 68px;
font-family: gt-light, "sans-serif";
font-size: 20px;
font-size: 2rem;
line-height: 1.4;
}
.card-industry-desktop .card-industry-desktop-inner .product-container {
margin-top: 30px;
}
.card-industry-desktop .card-industry-desktop-inner .product-container h3 {
margin-bottom: 10px;
}
.card-industry-desktop .card-industry-desktop-inner .product-container .link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.card-industry-desktop .card-industry-desktop-inner .product-container .link-container button {
width: fit-content;
margin-right: 13px;
margin-bottom: 13px;
}
.card-industry-desktop .card-industry-desktop-inner .product-container .link-container button:last-child {
margin-right: 0;
}
.card-product-desktop {
position: absolute;
top: 0;
right: 0;
width: min(100% - 160px);
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
height: 100%;
display: block;
margin: 0;
background: linear-gradient(to top, #FFFFFF, #FAECED);
transform: translateX(100%);
opacity: 0;
transition: all 0.3s ease-in-out;
filter: unset;
}
@media (min-width: 1600px) {
.card-product-desktop {
width: calc(100% - 320px + (100vw - 1700px) / 2);
right: calc((100vw - 1700px) / 2 * -1);
}
}
.card-product-desktop.active {
transform: translateX(0);
opacity: 1;
}
.card-product-desktop.active button, .card-product-desktop.active a {
pointer-events: initial;
}
.card-product-desktop::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: -1;
transform: translateX(calc(100% - 2px));
background: linear-gradient(to top, #FFFFFF, #FAECED);
pointer-events: none;
display: none;
}
.card-product-desktop .card-product-desktop-inner {
max-height: 100%;
color: #250F3E;
}
.card-product-desktop .card-product-desktop-inner .top-container button {
background: transparent;
border: none;
position: relative;
padding: 0;
cursor: pointer;
padding-left: 30px;
font-size: 20px;
font-size: 2rem;
}
.card-product-desktop .card-product-desktop-inner .top-container button::after {
content: "";
position: absolute;
top: 2px;
left: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: var(--icon_arrow_black);
width: 22px;
height: 18px;
transform: rotate(90deg);
}
.card-product-desktop .card-product-desktop-inner .top-container .column-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: space-between;
margin-top: 10px;
}
.card-product-desktop .card-product-desktop-inner .top-container .column-container .title-container h2 {
font-size: 30px;
font-size: 3rem;
line-height: 1.2;
font-family: gt-regular, "sans-serif";
}
@media (min-width: 650px) {
.card-product-desktop .card-product-desktop-inner .top-container .column-container .title-container h2 {
font-size: 35px;
font-size: 3.5rem;
}
}
.card-product-desktop .card-product-desktop-inner .top-container .column-container .link-container a {
color: inherit;
font-size: 16px;
font-size: 1.6rem;
font-family: gt-light, "sans-serif";
line-height: 1.18;
}
.card-product-desktop .card-product-desktop-inner .content-container-desktop {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 1fr;
gap: 64px;
align-items: start;
}
@media (min-width: 1400px) {
.card-product-desktop .card-product-desktop-inner .content-container-desktop {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.card-product-desktop .card-product-desktop-inner .content-container-desktop .text-container .custom-text {
font-family: gt-light, "sans-serif";
font-size: 20px;
font-size: 2rem;
line-height: 1.4;
}
@media (min-width: 1400px) {
.card-product-desktop .card-product-desktop-inner .content-container-desktop .text-container .custom-text {
max-height: 480px;
overflow: auto;
padding-right: 15px;
}
.card-product-desktop .card-product-desktop-inner .content-container-desktop .text-container .custom-text::-webkit-scrollbar {
width: 5px;
height: 5px;
border-radius: 15px;
}
.card-product-desktop .card-product-desktop-inner .content-container-desktop .text-container .custom-text::-webkit-scrollbar-thumb {
background: #F3A1AA;
border-radius: 15px;
transition: all 0.3s ease-in-out;
}
.card-product-desktop .card-product-desktop-inner .content-container-desktop .text-container .custom-text::-webkit-scrollbar-thumb:hover {
background: #F3A1AA;
}
.card-product-desktop .card-product-desktop-inner .content-container-desktop .text-container .custom-text::-webkit-scrollbar-track {
background: #120829;
border-radius: 15px;
}
}
.card-product-desktop .card-product-desktop-inner .content-container-desktop .image-container {
display: none;
}
@media (min-width: 1400px) {
.card-product-desktop .card-product-desktop-inner .content-container-desktop .image-container {
display: block;
}
}
.card-product-desktop .card-product-desktop-inner .content-container-desktop .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.card-industry-small {
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
border-radius: 10px;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
.card-industry-small {
background: var(--bg, #FFFFFF);
background: linear-gradient(to bottom, #FFF, #FFF);
}
.card-industry-small:hover {
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
}
.card-industry-small:hover .card-industry-small-inner .image-container {
opacity: 0;
}
.card-industry-small:hover .card-industry-small-inner .link-container {
opacity: 1;
transform: translateY(0);
}
}
.card-industry-small .card-industry-small-inner {
overflow: hidden;
padding: 20px;
position: relative;
display: grid;
grid-template-columns: 100%;
grid-template-columns: 43px 1fr;
align-items: center;
gap: 24px;
}
@media (min-width: 1200px) {
.card-industry-small .card-industry-small-inner {
padding: 25px;
}
}
@media (min-width: 1600px) {
.card-industry-small .card-industry-small-inner {
padding: 30px 35px;
}
}
@media (min-width: 768px) {
.card-industry-small .card-industry-small-inner {
grid-template-columns: 80px 1fr;
align-items: start;
}
}
@media (min-width: 1200px) {
.card-industry-small .card-industry-small-inner {
grid-template-columns: 1fr 117px;
align-items: center;
}
}
.card-industry-small .card-industry-small-inner h3 {
font-family: gt-thin, "sans-serif";
grid-column: 2/span 1;
grid-row: 1;
}
@media (min-width: 1200px) {
.card-industry-small .card-industry-small-inner h3 {
grid-column: auto/span 1;
font-size: 25px;
font-size: 2.5rem;
word-break: break-word;
}
}
@media (min-width: 1600px) {
.card-industry-small .card-industry-small-inner h3 {
font-size: 35px;
font-size: 3.5rem;
}
}
.card-industry-small .card-industry-small-inner .image-container {
overflow: hidden;
height: 100%;
border-radius: 5px;
width: 100%;
height: auto;
aspect-ratio: 1/1;
grid-column: 1/span 1;
grid-row: 1;
transition: all 0.3s ease-in-out;
}
@media (min-width: 1200px) {
.card-industry-small .card-industry-small-inner .image-container {
grid-column: auto/span 1;
}
}
.card-industry-small .card-industry-small-inner .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
.card-industry-small .card-industry-small-inner .link-container {
display: none;
position: absolute;
top: 0;
right: 41.5px;
height: 100%;
transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
.card-industry-small .card-industry-small-inner .link-container {
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
transform: translateY(-100%);
}
}
@media (min-width: 768px) {
.card-industry-small .card-industry-small-inner .link-container {
right: 20px;
}
}
@media (min-width: 1200px) {
.card-industry-small .card-industry-small-inner .link-container {
right: 25px;
}
}
@media (min-width: 1600px) {
.card-industry-small .card-industry-small-inner .link-container {
right: 35px;
}
}
.card-industry-small .card-industry-small-inner .link-container a span.icon {
display: inline-flex;
align-items: center;
width: 25px;
height: 25px;
background: #F3A1AA;
border-radius: 50%;
padding: 8px;
position: relative;
z-index: 2;
}
@media (min-width: 900px) {
.card-industry-small .card-industry-small-inner .link-container a span.icon {
width: 30px;
height: 30px;
}
}
@media (min-width: 1200px) {
.card-industry-small .card-industry-small-inner .link-container a span.icon {
width: 35px;
height: 35px;
}
}
.card-industry-small .card-industry-small-inner .link-container a span.icon svg {
display: block;
width: 100%;
height: auto;
transform: rotate(-90deg);
}
.card-solution-small {
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
border-radius: 10px;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
.card-solution-small {
background: var(--bg, #FFFFFF);
background: linear-gradient(to bottom, #FFF, #FFF);
}
.card-solution-small:hover {
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
}
.card-solution-small:hover .card-solution-small-inner .image-container {
opacity: 0;
}
.card-solution-small:hover .card-solution-small-inner .link-container {
opacity: 1;
transform: translateY(0);
}
}
.card-solution-small .card-solution-small-inner {
overflow: hidden;
padding: 20px;
position: relative;
display: grid;
grid-template-columns: 100%;
grid-template-columns: 43px 1fr;
align-items: center;
gap: 24px;
}
@media (min-width: 1200px) {
.card-solution-small .card-solution-small-inner {
padding: 25px;
}
}
@media (min-width: 1600px) {
.card-solution-small .card-solution-small-inner {
padding: 30px 35px;
}
}
@media (min-width: 768px) {
.card-solution-small .card-solution-small-inner {
grid-template-columns: 80px 1fr;
align-items: center;
height: 100%;
}
}
@media (min-width: 1200px) {
.card-solution-small .card-solution-small-inner {
grid-template-columns: 1fr 80px;
align-items: center;
gap: 12px;
}
}
.card-solution-small .card-solution-small-inner h3 {
font-family: gt-thin, "sans-serif";
grid-column: 2/span 1;
grid-row: 1;
}
@media (min-width: 1200px) {
.card-solution-small .card-solution-small-inner h3 {
grid-column: auto/span 1;
font-size: 25px;
font-size: 2.5rem;
word-break: break-word;
}
}
@media (min-width: 1200px) {
.card-solution-small .card-solution-small-inner h3 {
grid-column: 1/span 1;
}
}
@media (min-width: 1600px) {
.card-solution-small .card-solution-small-inner h3 {
font-size: 35px;
font-size: 3.5rem;
}
}
.card-solution-small .card-solution-small-inner a {
color: #250F3E;
}
.card-solution-small .card-solution-small-inner .image-container {
overflow: hidden;
height: 100%;
border-radius: 5px;
width: 100%;
height: auto;
aspect-ratio: 1/1;
grid-column: 1/span 1;
grid-row: 1;
transition: all 0.3s ease-in-out;
}
@media (min-width: 1200px) {
.card-solution-small .card-solution-small-inner .image-container {
grid-column: auto/span 1;
}
}
@media (min-width: 1200px) {
.card-solution-small .card-solution-small-inner .image-container {
grid-column: 2/span 1;
}
}
.card-solution-small .card-solution-small-inner .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.card-solution-small .card-solution-small-inner .link-container {
display: none;
position: absolute;
top: 0;
right: 41.5px;
height: 100%;
transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
.card-solution-small .card-solution-small-inner .link-container {
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
transform: translateY(-100%);
}
}
@media (min-width: 768px) {
.card-solution-small .card-solution-small-inner .link-container {
right: 20px;
}
}
@media (min-width: 1200px) {
.card-solution-small .card-solution-small-inner .link-container {
right: 25px;
}
}
@media (min-width: 1600px) {
.card-solution-small .card-solution-small-inner .link-container {
right: 35px;
}
}
.card-solution-small .card-solution-small-inner .link-container a span.icon {
display: inline-flex;
align-items: center;
width: 25px;
height: 25px;
background: #F3A1AA;
border-radius: 50%;
padding: 8px;
position: relative;
z-index: 2;
}
@media (min-width: 900px) {
.card-solution-small .card-solution-small-inner .link-container a span.icon {
width: 30px;
height: 30px;
}
}
@media (min-width: 1200px) {
.card-solution-small .card-solution-small-inner .link-container a span.icon {
width: 35px;
height: 35px;
}
}
.card-solution-small .card-solution-small-inner .link-container a span.icon svg {
display: block;
width: 100%;
height: auto;
transform: rotate(-90deg);
}
.card-solution-small-link {
background: #F0D5D7;
overflow: hidden;
border-radius: 10px;
}
.card-solution-small-link .card-solution-small-link-inner {
padding: 14px 20px 14px 26px;
display: grid;
grid-template-columns: 1fr 48px;
gap: 30px;
}
.card-solution-small-link .card-solution-small-link-inner h3 {
padding: 10px 0;
font-family: gt-regular, "sans-serif";
font-style: normal;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.15;
}
@media (min-width: 420px) {
.card-solution-small-link .card-solution-small-link-inner h3 {
font-size: 22px;
font-size: 2.2rem;
}
}
@media (min-width: 768px) {
.card-solution-small-link .card-solution-small-link-inner h3 {
font-size: 26px;
font-size: 2.6rem;
}
}
@media (min-width: 1200px) {
.card-solution-small-link .card-solution-small-link-inner h3 {
font-size: 30px;
font-size: 3rem;
}
}
.card-solution-small-link .card-solution-small-link-inner a {
color: #250F3E;
}
.card-solution-small-link .card-solution-small-link-inner .link-container {
display: flex;
align-items: center;
justify-content: center;
}
.card-solution-small-link .card-solution-small-link-inner .link-container a {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 48px;
height: 48px;
background: #FFFFFF;
border-radius: 50%;
overflow: hidden;
}
.card-solution-small-link .card-solution-small-link-inner .link-container a span.icon {
transform: rotate(-90deg);
}
.card-solution-small-link .card-solution-small-link-inner .link-container a span.icon svg {
display: block;
width: 12px;
height: auto;
object-fit: contain;
}
.card-faq {
list-style: none;
margin-bottom: -10px;
}
.card-faq[open] summary, .card-faq.active summary {
width: 100%;
margin-bottom: -12.5px;
}
@media (min-width: 1200px) {
.card-faq[open] summary, .card-faq.active summary {
margin-bottom: -40px;
}
}
@media (min-width: 1600px) {
.card-faq[open] summary, .card-faq.active summary {
margin-bottom: -50px;
}
}
.card-faq[open] summary span.title, .card-faq.active summary span.title {
border-radius: 10px 10px 0 0;
}
.card-faq[open] summary .button-container button, .card-faq.active summary .button-container button {
transform: rotate(180deg);
}
.card-faq[open] summary .image-container, .card-faq.active summary .image-container {
display: none;
}
@media (min-width: 768px) {
.card-faq[open] summary .image-container, .card-faq.active summary .image-container {
display: block;
}
}
.card-faq[open]:last-child summary, .card-faq.active:last-child summary {
border-radius: 10px 10px 0 0;
}
.card-faq:nth-child(odd) .content-container {
background: #EFD0D2;
}
.card-faq:nth-child(odd) summary {
background: #EFD0D2;
}
.card-faq:nth-child(even) .content-container {
background: #F3A2AA;
}
.card-faq:nth-child(even) summary {
background: #F3A2AA;
}
.card-faq:last-child summary {
border-radius: 10px;
}
.card-faq:last-child .content-container {
border-radius: 0 10px 10px 10px;
}
.card-faq summary {
position: relative;
list-style: none;
cursor: pointer;
transition: all 0.3s ease-in-out;
width: 100%;
display: grid;
grid-template-columns: 100%;
grid-template-columns: 1fr auto 40px;
align-items: center;
border-radius: 10px 10px 0 0;
padding: 25px 25px 25px 25px;
}
.card-faq summary::-webkit-details-marker {
display: none;
}
@media (min-width: 1200px) {
.card-faq summary {
padding: 35px 80px 35px 80px;
}
}
@media (min-width: 1600px) {
.card-faq summary {
padding: 50px 100px 50px 100px;
}
}
.card-faq summary span.title {
padding: 0;
display: block;
line-height: 1.2;
font-size: 30px;
font-size: 3rem;
border-radius: 10px 0 0 0;
}
@media (min-width: 900px) {
.card-faq summary span.title {
font-size: 36px;
font-size: 3.6rem;
}
}
@media (min-width: 1600px) {
.card-faq summary span.title {
font-size: 42px;
font-size: 4.2rem;
}
}
.card-faq summary .button-container {
border-radius: 0 10px 0 0;
height: 100%;
}
.card-faq summary button {
width: 48px;
height: 48px;
background: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #FFFFFF;
border-radius: 50%;
pointer-events: none;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.card-faq summary button svg {
display: block;
width: 16px;
height: 13px;
object-fit: contain;
transform: rotate(0deg);
}
.card-faq summary .image-container {
display: none;
position: absolute;
height: 100%;
top: 0;
right: 0;
}
@media (min-width: 768px) {
.card-faq summary .image-container {
width: 150px;
}
}
@media (min-width: 1200px) {
.card-faq summary .image-container {
width: 270px;
}
}
@media (min-width: 1600px) {
.card-faq summary .image-container {
width: 340px;
}
}
.card-faq summary .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
.card-faq .content-container {
padding: 25px 25px 45px 25px;
border-radius: 0 10px 0 0;
}
@media (min-width: 1200px) {
.card-faq .content-container {
padding: 40px 80px 80px 80px;
}
}
@media (min-width: 1600px) {
.card-faq .content-container {
padding: 50px 100px 100px 100px;
}
}
@media (min-width: 768px) {
.card-faq .content-container.has-image {
min-height: 250px;
}
}
@media (min-width: 1200px) {
.card-faq .content-container.has-image {
min-height: 300px;
}
}
.card-faq .content-container .flex-container {
display: grid;
grid-template-columns: 100%;
gap: 30px;
}
@media (min-width: 768px) {
.card-faq .content-container .flex-container {
grid-template-columns: 1fr 150px;
gap: 60px;
}
}
@media (min-width: 1200px) {
.card-faq .content-container .flex-container {
grid-template-columns: 1fr 270px;
gap: 90px;
}
}
@media (min-width: 1600px) {
.card-faq .content-container .flex-container {
grid-template-columns: 1fr 340px;
}
}
.card-faq .content-container .flex-container .cc-left {
display: grid;
grid-template-columns: 100%;
gap: 30px;
}
.card-faq .content-container .flex-container .cc-right {
display: none;
}
@media (min-width: 768px) {
.card-faq .content-container .flex-container .cc-right {
display: block;
}
}
.card-faq .content-container .flex-container .cc-right .image-container {
display: none;
}
.card-faq .content-container .flex-container .cc-right .image-container img {
display: block;
width: 100%;
height: auto;
}
.card-vacature {
background: #FFFFFF;
border-radius: 10px;
overflow: hidden;
}
.card-vacature .card-vacature-inner {
display: grid;
grid-template-columns: 100%;
gap: 30px;
padding: 34px;
}
@media (min-width: 768px) {
.card-vacature .card-vacature-inner {
grid-template-columns: 35% 1fr;
gap: 30px;
}
}
@media (min-width: 900px) {
.card-vacature .card-vacature-inner {
padding: 54px;
}
}
.card-vacature .card-vacature-inner .cc-left {
border-radius: 10px;
overflow: hidden;
}
.card-vacature .card-vacature-inner .cc-left img {
display: block;
width: 100%;
height: auto;
}
@media (min-width: 768px) {
.card-vacature .card-vacature-inner .cc-left img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
}
.card-vacature .card-vacature-inner .cc-right .info-container {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 1fr auto;
gap: 5px;
margin-bottom: 15px;
}
@media (max-width: 350px) {
.card-vacature .card-vacature-inner .cc-right .info-container {
grid-template-columns: 1fr;
gap: 0;
}
}
.card-vacature .card-vacature-inner .cc-right .info-container .info {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.card-vacature .card-vacature-inner .cc-right .info-container .info span {
display: block;
margin: 0 15px 15px 0;
}
.card-vacature .card-vacature-inner .cc-right .info-container .info span.type {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.2;
}
@media (min-width: 900px) {
.card-vacature .card-vacature-inner .cc-right .info-container .info span.type {
font-size: 18px;
font-size: 1.8rem;
}
}
.card-vacature .card-vacature-inner .cc-right .info-container .info span.industry {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.2;
border: 1px solid #250F3E;
border-radius: 100px;
text-transform: uppercase;
padding: 8px 14px;
text-align: center;
}
@media (min-width: 900px) {
.card-vacature .card-vacature-inner .cc-right .info-container .info span.industry {
font-size: 14px;
font-size: 1.4rem;
}
}
.card-vacature .card-vacature-inner .cc-right .title-container h2 {
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
}
@media (min-width: 900px) {
.card-vacature .card-vacature-inner .cc-right .title-container h2 {
font-size: 25px;
font-size: 2.5rem;
}
}
@media (min-width: 1200px) {
.card-vacature .card-vacature-inner .cc-right .title-container h2 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 1600px) {
.card-vacature .card-vacature-inner .cc-right .title-container h2 {
font-size: 35px;
font-size: 3.5rem;
}
}
.card-vacature .card-vacature-inner .cc-right .title-container + .custom-text {
margin-top: 15px;
}
.card-vacature .card-vacature-inner .cc-right .custom-text {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.36;
}
@media (min-width: 900px) {
.card-vacature .card-vacature-inner .cc-right .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 1200px) {
.card-vacature .card-vacature-inner .cc-right .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1600px) {
.card-vacature .card-vacature-inner .cc-right .custom-text {
font-size: 22px;
font-size: 2.2rem;
}
}
.card-vacature .card-vacature-inner .cc-right .link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
margin-top: 15px;
}
.addtoany_shortcode {
display: inline-flex;
align-items: center;
justify-content: flex-start;
}
.addtoany_shortcode .addtoany_list {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
align-items: center;
}
.addtoany_shortcode .addtoany_list a {
padding: 0;
margin: 0 5px 0 0;
}
.addtoany_shortcode .addtoany_list a.addtoany_share_save {
display: none;
}
.addtoany_shortcode .addtoany_list a span {
background: transparent !important;
}
.addtoany_shortcode .addtoany_list a span svg {
display: block;
height: 18px;
width: auto;
}
.addtoany_shortcode .addtoany_list a img {
display: block;
height: 18px;
width: auto;
} #cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary {
display: block;
cursor: pointer;
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary::-webkit-details-marker,
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary::marker {
display: none;
content: "";
}
#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,
#cmplz-document .cmplz-dropdown .cmplz-service-description,
#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,
#cmplz-document .cmplz-dropdown .cmplz-sharing-data {
display: inline-block;
width: calc(50% - 35px);
vertical-align: top;
}
#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-header .cmplz-accept-service,
#cmplz-document .cmplz-dropdown .cmplz-service-header .cmplz-accept-service {
display: none;
}
@media only screen and (max-width: 600px) {
#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,
#cmplz-document .cmplz-dropdown .cmplz-service-description,
#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,
#cmplz-document .cmplz-dropdown .cmplz-sharing-data {
width: 100%;
}
}
#cmplz-cookies-overview .cmplz-dropdown summary,
#cmplz-document .cmplz-dropdown summary {
display: block;
cursor: pointer;
}
#cmplz-cookies-overview .cmplz-dropdown summary::-webkit-details-marker,
#cmplz-document .cmplz-dropdown summary::-webkit-details-marker,
#cmplz-cookies-overview .cmplz-dropdown summary::marker,
#cmplz-document .cmplz-dropdown summary::marker {
display: none;
content: "";
}
#cmplz-cookies-overview .cmplz-dropdown summary div,
#cmplz-document .cmplz-dropdown summary div {
display: grid;
grid-template: "heading chevron";
grid-template-columns: 2fr 35px;
grid-gap: 15px;
align-items: center;
}
#cmplz-cookies-overview .cmplz-dropdown summary div h3,
#cmplz-document .cmplz-dropdown summary div h3 {
grid-area: heading;
margin: 0;
}
#cmplz-cookies-overview .cmplz-dropdown summary div:after,
#cmplz-document .cmplz-dropdown summary div:after {
grid-area: chevron;
}
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary,
#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary {
display: block;
}
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div,
#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div {
grid-template: "heading paragraph checkbox chevron";
grid-template-columns: 2fr auto auto 35px;
}
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p,
#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p {
grid-area: paragraph;
}
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,
#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose {
display: grid;
}
@media only screen and (min-width: 600px) {
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,
#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose {
grid-column: span 2;
grid-template-columns: 1fr 1fr 1fr;
grid-template: "purpose purpose purpose" "header1 header2 header3" auto;
}
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,
#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose {
grid-area: purpose;
}
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header,
#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header {
grid-area: header1;
}
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header,
#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header {
grid-area: header2;
}
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header,
#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header {
grid-area: header3;
}
}
@media only screen and (max-width: 600px) {
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,
#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose {
grid-template-columns: 100px 1fr;
}
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,
#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose {
grid-column: span 2;
}
} #cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories {
margin-top: 10px;
display: block;
width: 100%;
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category {
background-color: rgba(239, 239, 239, 0.25);
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category summary::marker {
display: none;
content: "";
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category summary::-webkit-details-marker {
display: none;
content: "";
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-description {
padding: 10px;
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category:not(:last-child) {
margin-bottom: 5px;
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header {
display: grid;
grid-template-columns: 1fr auto 25px;
grid-template-rows: auto;
align-items: center;
grid-gap: 10px;
padding: 5px 10px;
background-color: rgba(239, 239, 239, 0.5);
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header section {
padding: initial;
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header h2 {
grid-column-start: 1;
width: 100%;
justify-self: start;
font-size: 18px;
text-align: left;
margin-top: 8px;
text-transform: initial;
padding-bottom: 10px;
border-bottom: 0;
margin-bottom: 0px;
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header h2:before {
height: 0;
margin: initial;
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
font-size: var(--cmplz_category_header_active_font_size);
color: var(--cmplz_category_header_always_active_color);
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label,
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active input {
display: none;
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header label > span {
display: none;
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox {
display: flex;
align-items: center;
margin: 0;
padding: initial;
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open {
grid-column-start: 3;
cursor: pointer;
content: "";
background: var(--cmplz_category_open_icon_url) no-repeat;
transform: rotate(0deg);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-size: cover;
height: 25px;
width: 25px;
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open] .cmplz-icon.cmplz-open {
transform: rotate(180deg);
}
.postbox #cmplz-document {
margin: auto auto;
}
#cmplz-document {
font-size: 14px;
margin-top: 0;
max-width: 600px;
text-justify: inter-word;  }
#cmplz-cookies-overview .cmplz-dropdown h4,
#cmplz-document .cmplz-dropdown h4 {
font-size: 18px;
text-align: left;
margin-top: 15px;
margin-bottom: 5px;
text-transform: initial;
}
#cmplz-cookies-overview .cmplz-dropdown summary h3,
#cmplz-document .cmplz-dropdown summary h3 {
padding: 0 5px;
font-size: 18px;
border-bottom: 0;
}
#cmplz-cookies-overview .cmplz-dropdown summary p,
#cmplz-document .cmplz-dropdown summary p {
text-align: right;
padding: 0;
margin: 0;
font-size: 14px;
border-bottom: 0;
}
#cmplz-document input::-moz-focus-inner,
#cmplz-document button::-moz-focus-inner {
border: 0;
padding: 0;
}
#cmplz-document a {
text-decoration: underline;
}
#cmplz-document a[target=_blank]::after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
margin: 0 3px 0 5px;
}
#cmplz-document a:focus {
border: 1px solid black;
padding: 2px;
}
#cmplz-document #cmplz-dnsmpd-form label {
margin-right: 20px;
min-width: 100px;
display: inline-block;
}
#cmplz-document .alert {
padding: 7px;
color: white;
margin: 10px 0;
}
#cmplz-document .alert.error {
background-color: #f44336;
}
#cmplz-document .alert.success {
background-color: green;
}
#cmplz-document .close {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}
#cmplz-document .close:hover {
color: black;
}
#cmplz-document h2,
#cmplz-document h3 {
font-size: 22px;
text-align: left;
margin-top: 15px;
text-transform: initial;
padding-bottom: 10px;
border-bottom: 1px solid #c6c6c6;
margin-bottom: 10px;
}
#cmplz-document.impressum h2,
#cmplz-document.impressum h3 {
border-bottom: none;
font-size: 1em;
padding-bottom: 5px;
margin-bottom: 5px;
}
#cmplz-document.impressum p {
margin-bottom: 7px;
}
#cmplz-document h4 {
font-size: 18px;
text-align: left;
margin-top: 15px;
margin-bottom: 5px;
text-transform: initial;
}
#cmplz-document h5 {
font-size: 14px;
text-align: left;
margin-top: 10px;
margin-bottom: 5px;
text-transform: initial;
}
#cmplz-document h3.annex,
#cmplz-document h4.annex {
font-weight: bold;
}
#cmplz-document span h3 {
font-size: 14px;
border-bottom: 0;
}
#cmplz-document p,
#cmplz-document li,
#cmplz-document td {
font-size: 14px;
margin-top: 0;
}
#cmplz-document ol.alphabetic {
counter-reset: list;
list-style-type: none;
}
#cmplz-document ol.alphabetic li:before {
font-weight: bold;
content: counter(list, lower-alpha) ") ";
counter-increment: list;
}
#cmplz-document ul {
list-style: disc;
margin-left: 15px;
margin-bottom: 15px;
}
#cmplz-document ol.alphabetic ol {
counter-reset: list;
list-style-type: none;
}
#cmplz-document ol.alphabetic ol li:before {
font-weight: bold;
content: counter(list, decimal) ") ";
counter-increment: list;
}
#cmplz-document .cmplz-subtitle {
font-weight: bold;
margin-top: 25px;
}
#cmplz-document .cmplz-indent {
margin-left: 36px;
}
#cmplz-cookies-overview .cmplz-dropdown,
#cmplz-document .cmplz-dropdown {
background-color: rgba(239, 239, 239, 0.25);
}
#cmplz-cookies-overview .cmplz-dropdown p,
#cmplz-document .cmplz-dropdown p,
#cmplz-cookies-overview .cmplz-dropdown a,
#cmplz-document .cmplz-dropdown a {
font-size: 14px;
margin-top: 0;
}
#cmplz-cookies-overview .cmplz-dropdown p,
#cmplz-document .cmplz-dropdown p,
#cmplz-cookies-overview .cmplz-dropdown a,
#cmplz-document .cmplz-dropdown a,
#cmplz-cookies-overview .cmplz-dropdown h4,
#cmplz-document .cmplz-dropdown h4,
#cmplz-cookies-overview .cmplz-dropdown ul,
#cmplz-document .cmplz-dropdown ul {
padding: 0 15px;
}
#cmplz-cookies-overview .cmplz-dropdown p.legal-obligations-description,
#cmplz-document .cmplz-dropdown p.legal-obligations-description {
padding-bottom: 15px;
}
#cmplz-cookies-overview .cmplz-dropdown summary::marker,
#cmplz-document .cmplz-dropdown summary::marker {
display: none;
content: "";
}
#cmplz-cookies-overview .cmplz-dropdown summary::-webkit-details-marker,
#cmplz-document .cmplz-dropdown summary::-webkit-details-marker {
display: none;
content: "";
}
#cmplz-cookies-overview .cmplz-dropdown summary,
#cmplz-document .cmplz-dropdown summary {
display: block;
background-color: rgba(239, 239, 239, 0.5);
margin: 5px 0;
padding: 5px 10px;
align-items: center;
justify-items: stretch;
}
#cmplz-cookies-overview .cmplz-dropdown summary div:after,
#cmplz-document .cmplz-dropdown summary div:after {
cursor: pointer;
content: "";
background: url(//arco.be/wp-content/themes/custom/images/down.png) no-repeat;
transform: rotate(0deg);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-size: cover;
height: 25px;
width: 25px;
margin: 5px;
}
#cmplz-cookies-overview .cmplz-dropdown[open],
#cmplz-document .cmplz-dropdown[open] {
padding-bottom: 1px;
}
#cmplz-cookies-overview .cmplz-dropdown[open] summary div:after,
#cmplz-document .cmplz-dropdown[open] summary div:after {
transform: rotate(180deg);
}
#cmplz-cookies-overview .cmplz-dropdown h4,
#cmplz-document .cmplz-dropdown h4 {
font-size: 15px;
margin: 5px 0;
}
#cmplz-cookies-overview .cmplz-dropdown h5,
#cmplz-document .cmplz-dropdown h5 {
margin: 0;
}
#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,
#cmplz-document .cmplz-dropdown .cmplz-service-description,
#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,
#cmplz-document .cmplz-dropdown .cmplz-sharing-data {
padding: 0 15px 15px;
}
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose,
#cmplz-document .cmplz-dropdown .cookies-per-purpose {
border: 1px solid #dadada;
grid-gap: 1px;
background-color: #dadada;
margin-bottom: 10px;
}
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div,
#cmplz-document .cmplz-dropdown .cookies-per-purpose div {
background-color: white;
padding: 15px;
}
@media only screen and (min-width: 600px) {
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .name-header,
#cmplz-document .cmplz-dropdown .cookies-per-purpose .name-header {
background-color: #f7f7f7;
}
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .retention-header,
#cmplz-document .cmplz-dropdown .cookies-per-purpose .retention-header {
background-color: #f7f7f7;
}
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .function-header,
#cmplz-document .cmplz-dropdown .cookies-per-purpose .function-header {
background-color: #f7f7f7;
}
}
@media only screen and (max-width: 600px) {
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose h5,
#cmplz-document .cmplz-dropdown .cookies-per-purpose h5 {
line-height: 1.8;
}
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),
#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),
#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),
#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),
#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),
#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7),
#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7) {
background-color: #f7f7f7;
}
}
.popup-container {
display: none;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 99;
overflow: hidden;
}
.popup-container#popup-options {
display: block;
}
.popup {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
background: rgba(18, 8, 41, 0.5);
overflow: hidden;
}
.popup .popup-inner {
background: rgb(255, 255, 255);
background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
width: calc(100% - 30px);
height: fit-content;
max-width: 825px;
max-height: calc(100% - 60px);
padding: 30px;
border-radius: 20px;
}
.popup .popup-inner .top-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: space-between;
margin-bottom: 5px;
}
.popup .popup-inner .top-container .button-container button {
display: block;
background: #250F3E;
border: 1px solid #250F3E;
border-radius: 50%;
width: 65px;
height: 65px;
position: relative;
text-align: center;
}
.popup .popup-inner .top-container .button-container button span {
display: block;
background: #F3A1AA;
width: 20px;
height: 2px;
position: absolute;
top: calc(50% - 1px);
left: calc(50% - 10px);
}
.popup .popup-inner .top-container .button-container button span:nth-child(1) {
transform: rotate(45deg);
}
.popup .popup-inner .top-container .button-container button span:nth-child(2) {
transform: rotate(-45deg);
}
.popup .popup-inner h2 {
margin-bottom: 24px;
line-height: 1.2;
}
.popup .popup-inner .custom-text {
margin-bottom: 16px;
max-height: 300px;
overflow-y: auto;
padding-right: 15px;
}
.popup .popup-inner .custom-text::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.popup .popup-inner .custom-text::-webkit-scrollbar-thumb {
background: #F3A1AA;
border-radius: 15px;
transition: all 0.3s ease-in-out;
}
.popup .popup-inner .custom-text::-webkit-scrollbar-thumb:hover {
background: #F3A1AA;
}
.popup .popup-inner .custom-text::-webkit-scrollbar-track {
background: #120829;
border-radius: 15px;
}
.popup .popup-inner .link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
}
.popup .popup-inner .link-container a {
text-decoration: none;
color: #120829;
background: #F3A1AA;
line-height: 1.2;
border-radius: 100px;
padding: 25px 59px 25px 35px;
position: relative;
}
.popup .popup-inner .link-container a::after {
content: "";
position: absolute;
right: 35px;
display: inline;
top: calc(50% - 8px);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: var(--icon_arrow_black);
width: 13px;
height: 16px;
transform: rotate(-90deg);
}
.popup .popup-inner .video-container {
border-radius: 20px;
overflow: hidden;
margin-top: 34px;
}
.popup .popup-inner .video-container .plyr__poster {
background-size: cover;
}
.floater-outer {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 10;
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
align-items: center;
pointer-events: none;
background: transparent;
}
.floater-inner {
height: fit-content;
width: fit-content;
}
.floater-inner a {
display: block;
background: #FFFFFF;
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
border-radius: 5px;
padding: 18px;
pointer-events: initial;
cursor: pointer;
}
.floater-inner a svg {
display: block;
height: 25px;
width: auto;
max-width: 18px;
object-fit: contain;
}
html {
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
scroll-behavior: smooth;
max-width: 100%;
}
body {
font-weight: normal;
line-height: 1.7;
font-size: 16px;
font-size: 1.6rem;
max-width: 100%;
}
* {
box-sizing: border-box;
}
.page {
--header: 110px;
--header_notif: calc(84px + 44px);
--header_notif_shape: calc(84px + 44px + 0px); }
@media (min-width: 1024px) and (hover: hover) {
.page {
--header: 127.59px;
}
}
@media (min-width: 1200px) {
.page {
--header_notif_shape: calc(84px + 44px + 30px);
}
}
.page section:first-child {
margin-top: var(--header);
}
.page.single--solution { background: linear-gradient(to bottom, #F5F5F5 0%, #EECACE 80%, #EECACE 100%);
}
.page.single--solution section:not(:last-child) .section-inner {
padding-bottom: 15px;
}
.page.single--solution section .section-inner {
max-width: calc(1364px + 60px);
}
.page.single--industry, .page.single--product {
background: rgb(255, 255, 255);
background: linear-gradient(360deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
position: relative;
overflow: hidden;
}
.page.single--industry::after, .page.single--product::after {
content: "";
position: absolute;
top: var(--header_notif_shape);
left: -150vw;
width: 400vw;
height: auto;
aspect-ratio: 1/1;
background: rgb(255, 255, 255);
background: linear-gradient(160deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
clip-path: circle(50% at 50% 50%);
}
@media (min-width: 768px) {
.page.single--industry::after, .page.single--product::after {
left: -50vw;
width: 200vw;
}
}
.page.single--industry section, .page.single--product section {
position: relative;
z-index: 2;
}
.page.page--contact {
position: relative;
overflow: hidden;
background: rgb(255, 255, 255);
background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) min(50%, 1080px), rgb(234, 195, 199) 100%);
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) max(300px, 25vh));
}
.page.page--contact::after {
display: block;
content: "";
position: absolute;
top: var(--header_notif_shape);
left: -150vw;
width: 400vw;
height: auto;
aspect-ratio: 1/1;
clip-path: circle(50%);
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) min(50%, 1080px), rgb(234, 195, 199) 100%);
}
@media (min-width: 650px) {
.page.page--contact::after {
width: 400vw;
left: -150vw;
}
}
@media (min-width: 1024px) {
.page.page--contact::after {
width: 300vw;
left: -100vw;
}
}
.page.page--contact section {
position: relative;
z-index: 2;
}
.page.page--normal, .page.page--blog, .page.page--partner, .page.page--error {
position: relative;
overflow: hidden;
background: rgb(255, 255, 255);
background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) min(50%, 1080px), rgb(234, 195, 199) 100%);
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) max(300px, 25vh));
}
.page.page--normal::after, .page.page--blog::after, .page.page--partner::after, .page.page--error::after {
display: block;
content: "";
position: absolute;
top: var(--header_notif_shape);
left: -150vw;
width: 400vw;
height: auto;
aspect-ratio: 1/1;
clip-path: circle(50%);
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) min(50%, 1080px), rgb(234, 195, 199) 100%);
}
@media (min-width: 650px) {
.page.page--normal::after, .page.page--blog::after, .page.page--partner::after, .page.page--error::after {
width: 400vw;
left: -150vw;
}
}
@media (min-width: 1024px) {
.page.page--normal::after, .page.page--blog::after, .page.page--partner::after, .page.page--error::after {
width: 300vw;
left: -100vw;
}
}
.page.page--normal section, .page.page--blog section, .page.page--partner section, .page.page--error section {
position: relative;
z-index: 2;
}
.page.page--normal section:first-child, .page.page--blog section:first-child, .page.page--partner section:first-child, .page.page--error section:first-child {
padding-top: var(--header_notif_shape);
}
.page section:not(:first-child) {
margin-top: 40px;
}
@media (min-width: 768px) {
.page section:not(:first-child) {
margin-top: 80px;
}
}
@media (min-width: 1200px) {
.page section:not(:first-child) {
margin-top: 100px;
}
}
@media (min-width: 1600px) {
.page section:not(:first-child) {
margin-top: 127px;
}
}
.page section:not(:first-child)[data-spacing=half] {
margin-top: 20px;
}
@media (min-width: 768px) {
.page section:not(:first-child)[data-spacing=half] {
margin-top: 20px;
}
}
@media (min-width: 1200px) {
.page section:not(:first-child)[data-spacing=half] {
margin-top: 25px;
}
}
@media (min-width: 1600px) {
.page section:not(:first-child)[data-spacing=half] {
margin-top: 32px;
}
}
.page section:not(:first-child)[data-spacing=none] {
margin-top: 0px;
}
@media (min-width: 768px) {
.page section:not(:first-child)[data-spacing=none] {
margin-top: 0px;
}
}
@media (min-width: 1200px) {
.page section:not(:first-child)[data-spacing=none] {
margin-top: 0px;
}
}
@media (min-width: 1600px) {
.page section:not(:first-child)[data-spacing=none] {
margin-top: 0px;
}
}
.page.new-home section {
margin-top: 0 !important;
}
.page.new-home section div.section-inner {
max-width: 1300px;
}
section.section[data-bg=dark] {
background-color: #120829;
color: #FFFFFF;
}
section.section[data-bg=pink] {
background-color: #F3A1AA;
color: #120829;
}
section.section[data-bg=white] {
background-color: white;
}
[data-color=white-pink] {
color: initial;
}
.footer {
background: #120829;
color: #FFFFFF;
position: relative;
margin-top: -1px; }
.footer .shape-container {
display: none;
position: absolute;
top: 0;
left: 0;
height: 100%;
background: #865569;
background: linear-gradient(160deg, #865569 0%, #22123C 100%);
border-top-right-radius: min(50%, 400px);
border-bottom-right-radius: min(50%, 400px);
}
@media (min-width: 1200px) {
.footer .shape-container {
display: block;
width: calc(400px + 60px + 145px / 2);
border-top-right-radius: min(50%, 300px);
border-bottom-right-radius: min(50%, 300px);
}
}
@media (min-width: 1700px) {
.footer .shape-container {
width: calc(400px + 60px + 145px / 2 + (100vw - 1700px) / 2);
}
}
.footer-inner {
max-width: 1700px;
margin: 0 auto;
position: relative;
z-index: 2;
}
@media (min-width: 900px) {
.footer-inner {
display: grid;
grid-template-columns: 100%;
gap: 60px;
padding: 60px;
}
}
@media (min-width: 1200px) {
.footer-inner {
grid-template-columns: 400px 1fr;
padding: 0 60px;
gap: 145px;
}
}
.footer-inner .top {
position: relative;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.footer-inner .top {
margin-bottom: 60px;
}
}
@media (min-width: 900px) {
.footer-inner .top {
margin-bottom: 0;
padding: 0;
}
}
@media (min-width: 1200px) {
.footer-inner .top {
display: grid;
padding: 145px 0;
}
}
@media (min-width: 1600px) {
.footer-inner .top {
padding: 145px 0;
}
}
.footer-inner .top .top-inner {
text-align: center;
display: grid;
grid-template-columns: 100%;
grid-template-rows: unset;
justify-content: center;
}
@media (min-width: 900px) {
.footer-inner .top .top-inner {
text-align: left;
gap: 15px;
}
}
@media (min-width: 1200px) {
.footer-inner .top .top-inner {
padding-right: 30px;
}
}
.footer-inner .top .top-inner .ft-logo-container {
background: #21123D;
padding: 60px 30px 0 30px;
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 900px) {
.footer-inner .top .top-inner .ft-logo-container {
background: transparent;
padding: 0;
justify-content: flex-start;
}
}
.footer-inner .top .top-inner .ft-logo-container img {
display: block;
width: 100%;
height: auto;
max-width: 239px;
}
.footer-inner .top .top-inner .custom-text {
background: #21123D;
padding: 30px 30px 0 30px;
font-size: 18px;
font-size: 1.8rem;
}
@media (min-width: 900px) {
.footer-inner .top .top-inner .custom-text {
background: transparent;
padding: 0;
font-size: 14px;
font-size: 1.4rem;
}
}
@media (min-width: 1200px) {
.footer-inner .top .top-inner .custom-text {
font-size: 16px;
font-size: 1.6rem;
}
}
.footer-inner .top .top-inner .ft-social-container {
background: #21123D;
padding: 30px 30px 60px 30px;
clip-path: ellipse(55% 100% at 50% 0%);
}
@media (min-width: 768px) {
.footer-inner .top .top-inner .ft-social-container {
padding: 30px 30px 90px 30px;
}
}
@media (min-width: 900px) {
.footer-inner .top .top-inner .ft-social-container {
background: transparent;
padding: 0;
clip-path: unset;
}
}
.footer-inner .top .top-inner .ft-social-container p.label {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.27;
color: pink;
margin-bottom: 15px;
}
@media (min-width: 900px) {
.footer-inner .top .top-inner .ft-social-container p.label {
font-size: 14px;
font-size: 1.4rem;
}
}
@media (min-width: 1200px) {
.footer-inner .top .top-inner .ft-social-container p.label {
font-size: 16px;
font-size: 1.6rem;
}
}
.footer-inner .top .top-inner .ft-social-container .socials-container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
@media (min-width: 900px) {
.footer-inner .top .top-inner .ft-social-container .socials-container {
justify-content: flex-start;
}
}
.footer-inner .top .top-inner .ft-social-container .socials-container a, .footer-inner .top .top-inner .ft-social-container .socials-container button {
margin: 0 10px;
}
@media (min-width: 900px) {
.footer-inner .top .top-inner .ft-social-container .socials-container a, .footer-inner .top .top-inner .ft-social-container .socials-container button {
margin: 0 15px 0 0;
}
}
.footer-inner .top .top-inner .ft-social-container .socials-container a svg, .footer-inner .top .top-inner .ft-social-container .socials-container button svg {
display: block;
height: 40px;
width: auto;
}
@media (min-width: 900px) {
.footer-inner .top .top-inner .ft-social-container .socials-container a svg, .footer-inner .top .top-inner .ft-social-container .socials-container button svg {
height: 18px;
}
}
.footer-inner .top .top-shape-desktop {
display: none;
}
@media (min-width: 1200px) {
.footer-inner .top .top-shape-desktop {
height: 100%;
clip-path: ellipse(100% 50% at 0% 50%);
background: transparent;
width: 145px;
display: block;
}
}
.footer-inner .bottom .bottom-inner {
padding: 0 60px 60px 60px;
}
@media (min-width: 900px) {
.footer-inner .bottom .bottom-inner {
padding: 0;
}
}
@media (min-width: 1200px) {
.footer-inner .bottom .bottom-inner {
padding: 145px 0 145px 30px;
}
}
@media (min-width: 1600px) {
.footer-inner .bottom .bottom-inner {
padding: 145px 0 145px 30px;
}
}
.footer-inner .bottom .bottom-inner .ft-mobile-container {
display: grid;
grid-template-columns: 100%;
gap: 30px;
}
@media (min-width: 768px) {
.footer-inner .bottom .bottom-inner .ft-mobile-container {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 900px) {
.footer-inner .bottom .bottom-inner .ft-mobile-container {
display: none;
}
}
.footer-inner .bottom .bottom-inner .ft-mobile-container .menu-container {
text-align: center;
}
@media (min-width: 768px) {
.footer-inner .bottom .bottom-inner .ft-mobile-container .menu-container {
text-align: left;
}
}
.footer-inner .bottom .bottom-inner .ft-mobile-container .menu-container p.label {
margin-bottom: 10px;
color: #7B739A;
font-size: 20px;
font-size: 2rem;
line-height: 1.15;
}
.footer-inner .bottom .bottom-inner .ft-mobile-container .menu-container .link-container {
display: grid;
grid-template-columns: 100%;
gap: 10px;
}
.footer-inner .bottom .bottom-inner .ft-mobile-container .menu-container .link-container a, .footer-inner .bottom .bottom-inner .ft-mobile-container .menu-container .link-container p {
font-size: 20px;
font-size: 2rem;
line-height: 1.15;
display: block;
text-decoration: none;
color: #FFFFFF;
}
.footer-inner .bottom .bottom-inner .ft-desktop-container {
display: none;
}
@media (min-width: 900px) {
.footer-inner .bottom .bottom-inner .ft-desktop-container {
display: grid;
grid-template-columns: 100%;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 30px;
}
}
.footer-inner .bottom .bottom-inner .ft-desktop-container .menu-container {
text-align: center;
}
@media (min-width: 768px) {
.footer-inner .bottom .bottom-inner .ft-desktop-container .menu-container {
text-align: left;
}
}
.footer-inner .bottom .bottom-inner .ft-desktop-container .menu-container p.label {
margin-bottom: 10px;
color: #7B739A;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.15;
}
@media (min-width: 1200px) {
.footer-inner .bottom .bottom-inner .ft-desktop-container .menu-container p.label {
font-size: 16px;
font-size: 1.6rem;
}
}
.footer-inner .bottom .bottom-inner .ft-desktop-container .menu-container .link-container {
display: grid;
grid-template-columns: 100%;
gap: 10px;
}
.footer-inner .bottom .bottom-inner .ft-desktop-container .menu-container .link-container a, .footer-inner .bottom .bottom-inner .ft-desktop-container .menu-container .link-container p {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.15;
display: block;
text-decoration: none;
color: #FFFFFF;
}
@media (min-width: 1200px) {
.footer-inner .bottom .bottom-inner .ft-desktop-container .menu-container .link-container a, .footer-inner .bottom .bottom-inner .ft-desktop-container .menu-container .link-container p {
font-size: 16px;
font-size: 1.6rem;
}
}
.footer-inner .bottom .bottom-inner .ft-desktop-container .menu-container .link-container a {
transition: all 0.3s ease-in-out;
}
.footer-inner .bottom .bottom-inner .ft-desktop-container .menu-container .link-container a:hover {
text-decoration: underline;
}
.footer-inner .bottom .bottom-inner .ft-title-container {
display: none;
margin-top: 30px;
}
@media (min-width: 900px) {
.footer-inner .bottom .bottom-inner .ft-title-container {
display: block;
}
}
.footer-inner .bottom .bottom-inner .ft-title-container h2 {
font-size: 30px;
font-size: 3rem;
line-height: 1.15;
}
@media (min-width: 1200px) {
.footer-inner .bottom .bottom-inner .ft-title-container h2 {
font-size: 40px;
font-size: 4rem;
}
}
.footer-inner .bottom .bottom-inner .ft-title-container h2 span {
color: #F3A1AA;
}
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #FFFFFF;
z-index: 99;
}
header[data-style=dark] {
background: #250F3E;
color: #FFFFFF;
}
.header-max {
max-width: 1700px;
margin: 0 auto;
}
.header-max .top-bar {
max-width: 1700px;
margin: 0 auto;
background-color: #22123C;
padding: 5px 30px;
width: 100%;
display: flex;
gap: 15px;
}
.header-max .top-bar .col {
color: #FFFFFF;
flex: 0 0 calc(50% - 10px);
}
.header-max .top-bar .col a {
color: #FFFFFF;
text-decoration: underline;
}
.header-max .top-bar .col.right {
text-align: right;
}
.header-inner {
padding: 30px 15px 30px 15px;
}
@media (min-width: 650px) {
.header-inner {
padding: 30px 30px 30px 30px;
}
}
.header-inner .mobile {
display: flex;
justify-content: center;
align-items: center;
justify-content: space-between;
}
.header-inner .mobile .left img {
display: block;
width: 100%;
height: auto;
max-width: 148px;
}
.header-inner .mobile button {
display: block;
position: relative;
width: 50px;
height: 50px;
background: #FFFFFF;
border-radius: 50%;
padding: 0;
margin: 0;
border: 1px solid #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.header-inner .mobile button.open span:nth-child(1) {
width: 0;
}
.header-inner .mobile button.open span:nth-child(2) {
transform: rotate(45deg);
}
.header-inner .mobile button.open span:nth-child(3) {
transform: rotate(-45deg);
}
.header-inner .mobile button.open span:nth-child(4) {
width: 0;
}
.header-inner .mobile button span {
display: block;
position: absolute;
left: auto;
background: #1F143B;
width: 100%;
height: 2px;
max-width: 18px;
margin: 0 auto;
transition: all 0.3s ease-in-out;
}
.header-inner .mobile button span:nth-child(1) {
top: calc(50% - 1px - 6px);
}
.header-inner .mobile button span:nth-child(2), .header-inner .mobile button span:nth-child(3) {
top: calc(50% - 1px);
}
.header-inner .mobile button span:nth-child(4) {
top: calc(50% - 1px + 6px);
}
@media (min-width: 1024px) {
.header-inner .mobile {
display: none;
}
}
.header-inner .desktop {
display: none;
grid-template-columns: 160px 1fr auto;
gap: 30px;
align-items: center;
}
@media (min-width: 1024px) {
.header-inner .desktop {
display: grid;
}
}
@media (min-width: 1200px) {
.header-inner .desktop {
grid-template-columns: 180px 1fr auto;
}
}
@media (min-width: 1600px) {
.header-inner .desktop {
grid-template-columns: 208px 1fr auto;
}
}
.header-inner .desktop .left img {
display: block;
width: 100%;
height: auto;
}
.header-inner .desktop .middle {
position: relative;
}
.header-inner .desktop .middle #desktop-top-menu {
margin-bottom: 15px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 30px;
}
.header-inner .desktop .middle #desktop-top-menu[data-style=light] a {
color: #250F3E;
}
.header-inner .desktop .middle #desktop-top-menu a {
font-family: gt-light, "sans-serif";
font-size: 12px;
font-size: 1.2rem;
line-height: 1.2;
color: #EFD0D2;
text-decoration: underline;
text-underline-offset: 2px;
}
@media (min-width: 1200px) {
.header-inner .desktop .middle #desktop-top-menu a {
font-size: 15px;
font-size: 1.5rem;
}
}
.header-inner .desktop .middle ul {
display: flex;
justify-content: center;
align-items: flex-end;
gap: 30px;
}
.header-inner .desktop .middle ul .page-container {
text-align: right;
}
.header-inner .desktop .middle ul .page-container a {
font-family: gt-light, "sans-serif";
display: block;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.2;
text-align: right;
text-decoration: underline;
}
@media (min-width: 1600px) {
.header-inner .desktop .middle ul .page-container a {
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 30px;
}
}
.header-inner .desktop .middle ul div.title-container {
width: 100%;
color: #250F3E;
}
.header-inner .desktop .middle ul div.title-container span.title {
display: block;
font-size: 24px;
font-size: 2.4rem;
line-height: 1.2;
}
@media (min-width: 1600px) {
.header-inner .desktop .middle ul div.title-container span.title {
font-size: 50px;
font-size: 5rem;
}
}
.header-inner .desktop .middle ul div.title-container a {
font-family: gt-light, "sans-serif";
display: block;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.2;
text-align: right;
margin-bottom: 15px;
}
@media (min-width: 1600px) {
.header-inner .desktop .middle ul div.title-container a {
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 30px;
}
}
.header-inner .desktop .middle ul li {
position: relative;
}
.header-inner .desktop .middle ul li.active > ul.submenu {
opacity: 1;
visibility: visible;
transform: translateY(0) translateX(-20px);
pointer-events: initial;
}
@media (min-width: 1600px) {
.header-inner .desktop .middle ul li.active > ul.submenu {
transform: translateY(0) translateX(-50px);
}
}
.header-inner .desktop .middle ul li.active > ul.subsubmenu {
opacity: 1;
visibility: visible;
transform: translateY(0) translateX(-20px);
pointer-events: initial;
}
@media (min-width: 1600px) {
.header-inner .desktop .middle ul li.active > ul.subsubmenu {
transform: translateY(0) translateX(-50px);
}
}
.header-inner .desktop .middle ul li a, .header-inner .desktop .middle ul li button {
background: transparent;
border: none;
margin: 0;
padding: 0;
color: inherit;
text-decoration: none;
text-wrap: nowrap;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.2;
}
@media (min-width: 1200px) {
.header-inner .desktop .middle ul li a, .header-inner .desktop .middle ul li button {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 1600px) {
.header-inner .desktop .middle ul li a, .header-inner .desktop .middle ul li button {
font-size: 22px;
font-size: 2.2rem;
}
}
@media (min-width: 1200px) {
.header-inner .desktop .middle ul li {
position: relative;
}
}
.header-inner .desktop .middle ul li ul {
opacity: 0;
visibility: hidden;
transform: translateY(-2px) translateX(-50px);
transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
color: #250F3E;
display: flex;
position: absolute;
z-index: 99;
top: calc(30px + 28px);
left: 0;
flex-direction: column;
text-align: left;
justify-content: flex-start;
align-items: flex-start;
background: #FFFFFF;
padding: 21.3333333333px 21.3333333333px 24.6666666667px 21.3333333333px;
border-radius: 0 0 30px 30px;
}
.header-inner .desktop .middle ul li ul#desktop-submenu-solution {
display: grid;
grid-template-columns: calc(50% - 30px) calc(50% - 30px);
gap: 0 60px;
}
.header-inner .desktop .middle ul li ul#desktop-submenu-solution .title-container {
grid-column: auto/span 2;
margin-bottom: 15px;
}
.header-inner .desktop .middle ul li ul#desktop-submenu-solution .page-container {
grid-column: auto/span 2;
margin-top: 30px;
}
.header-inner .desktop .middle ul li ul#desktop-submenu-solution li {
margin-bottom: 30px;
}
.header-inner .desktop .middle ul li ul#desktop-submenu-solution li a.main-link {
font-size: 22px;
font-size: 2.2rem;
margin-bottom: 15px;
display: block;
}
.header-inner .desktop .middle ul li ul#desktop-submenu-solution li a.sub-link {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 10px;
display: block;
}
@media (min-width: 1200px) {
.header-inner .desktop .middle ul li ul {
padding: 42.6666666667px 42.6666666667px 49.3333333333px 42.6666666667px;
}
}
@media (min-width: 1600px) {
.header-inner .desktop .middle ul li ul {
padding: 64px 64px 74px 64px;
}
}
.header-inner .desktop .middle ul li ul li {
position: static;
}
.header-inner .desktop .middle ul li ul li a, .header-inner .desktop .middle ul li ul li button, .header-inner .desktop .middle ul li ul li span {
text-wrap: nowrap;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.2;
text-decoration: none;
padding-right: 15px;
}
@media (min-width: 1200px) {
.header-inner .desktop .middle ul li ul li a, .header-inner .desktop .middle ul li ul li button, .header-inner .desktop .middle ul li ul li span {
font-size: 18px;
font-size: 1.8rem;
padding-right: 60px;
}
}
@media (min-width: 1600px) {
.header-inner .desktop .middle ul li ul li a, .header-inner .desktop .middle ul li ul li button, .header-inner .desktop .middle ul li ul li span {
font-size: 22px;
font-size: 2.2rem;
padding-right: 60px;
}
}
.header-inner .desktop .middle ul li ul li ul {
display: flex;
flex-direction: column;
left: 100%;
height: 100%;
top: 0;
background: #DFDCE2;
justify-content: center;
border-radius: 0 0 30px 0;
max-width: 300px;
width: 220px;
}
@media (min-width: 1200px) {
.header-inner .desktop .middle ul li ul li ul {
width: 270px;
}
}
@media (min-width: 1600px) {
.header-inner .desktop .middle ul li ul li ul {
width: 300px;
}
}
.header-inner .desktop .middle ul li ul li ul li a, .header-inner .desktop .middle ul li ul li ul li button, .header-inner .desktop .middle ul li ul li ul li span {
text-wrap: wrap;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.2;
text-decoration: none;
padding-right: 15px;
}
@media (min-width: 1200px) {
.header-inner .desktop .middle ul li ul li ul li a, .header-inner .desktop .middle ul li ul li ul li button, .header-inner .desktop .middle ul li ul li ul li span {
font-size: 16px;
font-size: 1.6rem;
padding-right: 60px;
}
}
@media (min-width: 1600px) {
.header-inner .desktop .middle ul li ul li ul li a, .header-inner .desktop .middle ul li ul li ul li button, .header-inner .desktop .middle ul li ul li ul li span {
font-size: 18px;
font-size: 1.8rem;
padding-right: 60px;
}
}
.header-inner .desktop .right .link-container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
#site-navigation {
position: fixed;
top: 0;
left: 0;
z-index: 96;
transform: translateX(-100%);
transition: all 0.3s ease-in-out;
background: #FFFFFF;
width: 100%;
height: 100%;
background: #250F3E;
}
#site-navigation.active {
transform: translateX(0);
}
#site-navigation .slide-navigation-outer {
position: relative;
width: 100%;
height: min(100%, 100vh);
max-height: 100%;
}
#site-navigation .slide-navigation-outer.has-notif .slide-navigation-inner {
top: 128px;
}
#site-navigation .slide-navigation-inner {
position: absolute;
top: 84px;
left: 0;
width: 100%;
height: calc(100% - 48px);
overflow-y: auto;
padding: 30px 15px;
padding-top: 0;
padding-bottom: 138px;
}
@media (min-width: 650px) {
#site-navigation .slide-navigation-inner {
padding: 30px;
}
}
@media (min-width: 768px) {
#site-navigation .slide-navigation-inner {
padding: 60px 30px;
}
}
@media (min-width: 1024px) {
#site-navigation .slide-navigation-inner {
padding: 60px 30px;
}
}
#site-navigation .slide-navigation-inner::-webkit-scrollbar {
width: 4px;
height: 4px;
}
#site-navigation .slide-navigation-inner::-webkit-scrollbar-thumb {
background: #FFFFFF;
border-radius: 15px;
transition: all 0.3s ease-in-out;
}
#site-navigation .slide-navigation-inner::-webkit-scrollbar-thumb:hover {
background: #FFFFFF;
}
#site-navigation .slide-navigation-inner::-webkit-scrollbar-track {
background: #120829;
border-radius: 15px;
}
#site-navigation .slide-navigation-inner ul#mobile-main-menu {
display: grid;
grid-template-columns: 100%;
gap: 30px;
opacity: 1;
transform: translateX(0%);
list-style: none;
}
#site-navigation .slide-navigation-inner ul#mobile-main-menu.inactive {
transform: translateX(-100%);
opacity: 0;
}
#site-navigation .slide-navigation-inner ul#mobile-main-menu li a, #site-navigation .slide-navigation-inner ul#mobile-main-menu li button {
font-family: gt-light, "sans-serif";
background: transparent;
color: #FFFFFF;
text-decoration: none;
cursor: pointer;
border: none;
text-decoration: none;
font-size: 30px;
font-size: 3rem;
line-height: 1.2;
word-break: break-all;
}
@media (min-width: 320px) {
#site-navigation .slide-navigation-inner ul#mobile-main-menu li a, #site-navigation .slide-navigation-inner ul#mobile-main-menu li button {
font-size: 50px;
font-size: 5rem;
}
}
#site-navigation .slide-navigation-inner ul#mobile-main-menu li button {
position: relative;
padding-right: 38px;
padding-left: 0;
}
#site-navigation .slide-navigation-inner ul#mobile-main-menu li button::after {
content: "";
position: absolute;
right: 0;
top: calc(50% - 9px);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 26px;
height: 22px;
background-image: var(--icon_arrow_white);
}
#site-navigation .slide-navigation-inner .submenu-container {
position: absolute;
top: 0;
left: 0;
background: transparent;
width: 100%;
height: 100%;
pointer-events: none;
display: none;
}
#site-navigation .slide-navigation-inner .submenu-container ul.submenu {
padding: 30px 15px;
transition: all 0.3s ease-in-out;
display: grid;
grid-template-columns: 100%;
padding-top: 0;
gap: 30px;
transform: translateX(100%);
padding-bottom: 150px;
opacity: 0;
display: none;
}
#site-navigation .slide-navigation-inner .submenu-container ul.submenu .submenu-top {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row;
}
#site-navigation .slide-navigation-inner .submenu-container ul.submenu .submenu-top a {
font-family: gt-regular, "sans-serif";
color: #FFFFFF;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.2;
}
@media (min-width: 320px) {
#site-navigation .slide-navigation-inner .submenu-container ul.submenu .submenu-top a {
font-size: 22px;
font-size: 2.2rem;
}
}
@media (min-width: 650px) {
#site-navigation .slide-navigation-inner .submenu-container ul.submenu {
padding: 30px;
}
}
@media (min-width: 768px) {
#site-navigation .slide-navigation-inner .submenu-container ul.submenu {
padding: 60px 30px;
}
}
@media (min-width: 1024px) {
#site-navigation .slide-navigation-inner .submenu-container ul.submenu {
padding: 60px 30px;
}
}
#site-navigation .slide-navigation-inner .submenu-container ul.submenu.active {
transform: translateX(0%);
opacity: 1;
display: grid;
grid-template-columns: 100%;
}
#site-navigation .slide-navigation-inner .submenu-container ul.submenu button.link-mobile-back {
color: #FFFFFF;
margin-left: 0;
padding: 0;
color: #FFFFFF;
text-decoration: none;
pointer-events: initial;
}
#site-navigation .slide-navigation-inner .submenu-container ul.submenu button.link-mobile-back span.text {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.2;
}
@media (min-width: 320px) {
#site-navigation .slide-navigation-inner .submenu-container ul.submenu button.link-mobile-back span.text {
font-size: 22px;
font-size: 2.2rem;
}
}
#site-navigation .slide-navigation-inner .submenu-container ul.submenu li a {
font-family: gt-regular, "sans-serif";
pointer-events: initial;
color: #FFFFFF;
line-height: 1.2;
font-size: 26px;
font-size: 2.6rem;
}
@media (min-width: 320px) {
#site-navigation .slide-navigation-inner .submenu-container ul.submenu li a {
font-size: 30px;
font-size: 3rem;
}
}
#site-navigation .slide-navigation-inner .submenu-container ul.submenu li ul {
gap: 15px;
margin-top: 15px;
display: grid;
grid-template-columns: 100%;
}
#site-navigation .slide-navigation-inner .submenu-container ul.submenu li ul li a {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.2;
color: #FFFFFF;
text-decoration: none;
font-family: gt-light, "sans-serif";
}
#site-navigation .slide-links {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: fit-content;
}
#site-navigation .slide-links .link-container {
display: grid;
grid-template-columns: 100%;
grid-template-columns: repeat(var(--count), minmax(0, 1fr));
}
#site-navigation .slide-links .link-container a {
color: #FFFFFF;
text-decoration: none;
font-size: 14px;
font-size: 1.4rem;
text-align: center;
line-height: 1.2;
padding: 12px 5px;
display: flex;
justify-content: center;
align-items: center;
}
#site-navigation .slide-links .link-container a[data-bg=dark] {
background: #22123C;
}
#site-navigation .slide-links .link-container a[data-bg=light] {
background: #4B426C;
}
@media (min-width: 350px) {
#site-navigation .slide-links .link-container a {
font-size: 16px;
font-size: 1.6rem;
}
}
@media (min-width: 400px) {
#site-navigation .slide-links .link-container a {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 420px) {
#site-navigation .slide-links .link-container a {
font-size: 20px;
font-size: 2rem;
}
}
#site-navigation .slide-links .link-container a span.icon {
margin-left: 5px;
width: 12px;
height: 8px;
}
@media (min-width: 400px) {
#site-navigation .slide-links .link-container a span.icon {
width: 16px;
height: 12px;
}
}
#site-navigation .slide-links .link-container a span.icon svg {
display: block;
width: 100%;
height: auto;
}
.notif {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: fit-content;
background: #22123C;
color: #FFFFFF;
z-index: 10000;
}
.notif[data-type=solution] {
position: absolute;
}
.notif + header {
top: 44px;
}
.notif.counting + header {
top: 69px;
}
@media (min-width: 768px) {
.notif.counting + header {
top: 44px;
}
}
.notif.counting + header .header-inner .middle .mobile button {
top: 92px;
}
@media (min-width: 768px) {
.notif.counting + header .header-inner .middle .mobile button {
top: 62px;
}
}
.notif .notif-max {
max-width: 1700px;
margin: 0 auto;
}
.notif .notif-inner {
padding: 30px 15px;
padding-top: 8px !important;
padding-bottom: 8px !important;
display: grid;
grid-template-columns: 100%;
gap: 10px;
}
@media (min-width: 650px) {
.notif .notif-inner {
padding: 30px;
}
}
@media (min-width: 768px) {
.notif .notif-inner {
padding: 60px 30px;
}
}
@media (min-width: 1024px) {
.notif .notif-inner {
padding: 60px 30px;
}
}
@media (min-width: 768px) {
.notif .notif-inner {
display: flex;
}
}
@media (min-width: 1200px) {
.notif .notif-inner {
grid-template-columns: 1fr auto;
gap: 60px;
}
}
.notif .notif-inner .left {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
align-items: center;
}
.notif .notif-inner .left .custom-text {
max-width: 100%;
font-size: 14px;
font-size: 1.4rem;
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 99%;
}
@media (min-width: 1200px) {
.notif .notif-inner .left .custom-text {
text-align: left;
}
}
.notif .notif-inner .left .custom-text a {
color: inherit;
transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
.notif .notif-inner .left .custom-text a:hover {
transform: scale(1.05);
}
}
.notif .notif-inner .left .custom-text p {
display: none;
margin-bottom: 0;
}
.notif .notif-inner .left .custom-text p:first-of-type {
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.notif .notif-inner .left + .right {
margin-left: auto;
}
.notif .notif-inner .countdown {
display: flex;
align-items: center;
}
@media (min-width: 768px) {
.notif .notif-inner .countdown {
margin-left: auto;
}
}
@media (min-width: 1200px) {
.notif .notif-inner .countdown {
margin: 0 auto;
}
}
.notif .notif-inner .countdown .countdown-wrapper {
text-align: center;
color: white;
font-size: 1.4rem;
display: block;
text-decoration: none;
}
.notif .notif-inner .right {
display: none;
}
@media (min-width: 1200px) {
.notif .notif-inner .right {
display: block;
}
}
.notif .notif-inner .right .link-container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
}
.notif .notif-inner .right .link-container a {
margin-left: 15px;
color: inherit;
text-decoration: none;
transition: all 0.3s ease-in-out;
}
.notif .notif-inner .right .link-container a:first-child {
margin-left: 0;
}
@media (hover: hover) {
.notif .notif-inner .right .link-container a:hover {
transform: scale(1.05);
}
}
div.f-hero-inner {
position: relative;
min-height: fit-content;
height: 450px;
background-color: rgba(0, 0, 0, 0.5);
--max-w: $max-width;
--max-p: $l;
display: flex;
align-items: center;
}
@media (min-width: 1760px) {
div.f-hero-inner {
max-width: 1180px;
}
}
div.f-hero-inner img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: -1;
}
div.f-hero-inner .f-title-container {
position: relative;
z-index: 2;
color: #FFFFFF;
}
div.f-hero-inner .f-title-container h1, div.f-hero-inner .f-title-container h2 {
margin-bottom: 15px;
}
div.f-hero-inner .f-title-container .f-link-container {
margin-top: 30px;
}
div.f-hero-small-inner .f-crumb-container {
text-align: center;
margin-bottom: 54px;
}
div.f-hero-small-inner .f-title-container {
text-align: center;
}
div.f-hero-small-inner .custom-text {
text-align: center;
margin: 42px auto 0 auto;
max-width: 613px;
}
section.f-selection-team {
position: relative;
overflow: hidden;
background: #22123C;
background: linear-gradient(to top, #CA8388 0%, #22123C calc(100% - 50px), transparent 50px);
}
@media (min-width: 1024px) {
section.f-selection-team {
background: transparent;
}
}
section.f-selection-team .f-shape-container {
display: block;
width: 120%;
height: 50px;
border-radius: 50% 50% 0 0;
transform: translateX(-10%);
background: #22123C;
}
@media (min-width: 1024px) {
section.f-selection-team .f-shape-container {
display: none;
}
}
section.f-selection-team::after {
display: none;
content: "";
position: absolute;
top: 0;
left: -150vw;
width: 400vw;
height: auto;
aspect-ratio: 1/1;
background: #22123C;
background: linear-gradient(to top, #CA8388 0%, #22123C 100%);
clip-path: circle(50% at 50% 50%);
}
@media (min-width: 1024px) {
section.f-selection-team::after {
display: block;
}
}
div.f-selection-team-inner {
position: relative;
z-index: 2;
}
div.f-selection-team-inner .f-title-container {
max-width: 1081px;
margin: 0 auto 50px auto;
}
@media (min-width: 1024px) {
div.f-selection-team-inner .f-title-container {
margin: 75px auto 50px auto;
}
}
div.f-selection-team-inner .f-title-container h1, div.f-selection-team-inner .f-title-container h2 {
color: #FFFFFF;
line-height: 1;
}
div.f-selection-team-inner .f-title-container h1 span, div.f-selection-team-inner .f-title-container h2 span {
color: #F3A1AA;
}
@media (min-width: 1200px) {
div.f-selection-team-inner .f-title-container h1, div.f-selection-team-inner .f-title-container h2 {
font-size: 100px;
font-size: 10rem;
}
}
@media (min-width: 1600px) {
div.f-selection-team-inner .f-title-container h1, div.f-selection-team-inner .f-title-container h2 {
font-size: 120px;
font-size: 12rem;
}
}
div.f-selection-team-inner .f-text-container {
display: grid;
grid-template-columns: 100%;
gap: 45px;
max-width: 1081px;
margin: 0 auto 0 auto;
}
@media (min-width: 1200px) {
div.f-selection-team-inner .f-text-container {
grid-template-columns: repeat(var(--count), minmax(0, 1fr));
gap: 60px;
}
}
div.f-selection-team-inner .f-text-container .custom-text {
color: #FFFFFF;
}
div.f-selection-team-inner .f-post-container {
display: grid;
grid-template-columns: 100%;
gap: 15px;
max-width: 1081px;
margin: 45px auto 0 auto;
}
@media (min-width: 650px) {
div.f-selection-team-inner .f-post-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1200px) {
div.f-selection-team-inner .f-post-container {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 80px;
}
}
.page section:first-child.f-selection-testimonials .shape-container {
height: calc(100% - 84px - 44px);
}
section.f-selection-testimonials {
background: #120829;
position: relative;
overflow: hidden;
}
section.f-selection-testimonials .shape-container {
display: none;
position: absolute;
bottom: 0;
right: 0;
width: calc(100% - 60px - 350px);
height: 100%;
background: linear-gradient(125deg, #E8A6AB 0%, #E8A6AB 25%, #22123C 100%);
border-top-left-radius: min(50%, 300px);
border-bottom-left-radius: min(50%, 300px);
}
@media (min-width: 900px) {
section.f-selection-testimonials .shape-container {
display: block;
}
}
@media (min-width: 1700px) {
section.f-selection-testimonials .shape-container {
width: calc(100vw - 350px - (100vw - 1700px) / 2 - 60px);
}
}
section.f-selection-testimonials .shape-container[data-position=left] {
right: unset;
left: 0;
border-top-right-radius: min(50%, 300px);
border-bottom-right-radius: min(50%, 300px);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
section.f-selection-testimonials .shape-container[data-position=right] {
left: unset;
right: 0;
border-top-left-radius: min(50%, 300px);
border-bottom-left-radius: min(50%, 300px);
}
div.f-selection-testimonials-inner {
padding: 30px 0;
padding-bottom: 0;
position: relative;
z-index: 4;
}
@media (min-width: 650px) {
div.f-selection-testimonials-inner {
padding: 30px 0;
}
}
@media (min-width: 768px) {
div.f-selection-testimonials-inner {
padding: 60px 0;
}
}
@media (min-width: 1024px) {
div.f-selection-testimonials-inner {
padding: 60px 0;
}
}
@media (min-width: 900px) {
div.f-selection-testimonials-inner[data-position=left] {
grid-template-columns: calc(100% - 60px - 350px) 350px;
}
}
@media (min-width: 900px) {
div.f-selection-testimonials-inner[data-position=left] .left {
grid-column: 2/span 1;
grid-row: 1;
}
}
@media (min-width: 900px) {
div.f-selection-testimonials-inner[data-position=left] .right {
grid-column: 1/span 1;
grid-row: 1;
}
}
div.f-selection-testimonials-inner[data-position=left] .right .f-post-container {
padding-left: 0 !important;
padding-right: 80px !important;
}
@media (min-width: 900px) {
div.f-selection-testimonials-inner {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 350px calc(100% - 60px - 350px);
gap: 60px;
padding: 0 15px;
align-items: center;
min-height: 600px;
}
}
@media (min-width: 900px) and (min-width: 650px) {
div.f-selection-testimonials-inner {
padding: 0 30px;
}
}
@media (min-width: 900px) and (min-width: 768px) {
div.f-selection-testimonials-inner {
padding: 0 30px;
}
}
@media (min-width: 900px) and (min-width: 1024px) {
div.f-selection-testimonials-inner {
padding: 0 30px;
}
}
div.f-selection-testimonials-inner .left {
max-width: 550px;
margin: 0 auto 45px auto;
position: relative;
z-index: 2;
}
div.f-selection-testimonials-inner .left .f-title-container {
padding: 0 15px;
text-align: center;
}
@media (min-width: 650px) {
div.f-selection-testimonials-inner .left .f-title-container {
padding: 0 30px;
}
}
@media (min-width: 768px) {
div.f-selection-testimonials-inner .left .f-title-container {
padding: 0 30px;
}
}
@media (min-width: 1024px) {
div.f-selection-testimonials-inner .left .f-title-container {
padding: 0 30px;
}
}
@media (min-width: 900px) {
div.f-selection-testimonials-inner .left .f-title-container {
text-align: left;
}
}
div.f-selection-testimonials-inner .left .f-title-container h1, div.f-selection-testimonials-inner .left .f-title-container h2 {
color: #FFFFFF;
}
div.f-selection-testimonials-inner .left .f-title-container h1 span, div.f-selection-testimonials-inner .left .f-title-container h2 span {
color: #F3A1AA;
}
div.f-selection-testimonials-inner .right {
max-width: 550px;
margin: 0 auto;
}
@media (min-width: 900px) {
div.f-selection-testimonials-inner .right {
margin: unset;
max-width: unset;
overflow: hidden;
}
}
div.f-selection-testimonials-inner .right .f-shape-container {
overflow: hidden;
width: min(100vw, 100%);
aspect-ratio: 1/1;
background: #E8A6AB;
clip-path: circle(50% at 50% 50%);
transform: translateY(50%);
margin-top: -50%;
}
@media (min-width: 900px) {
div.f-selection-testimonials-inner .right .f-shape-container {
position: absolute;
bottom: 0;
left: calc(350px - 60px);
height: 100%;
width: auto;
aspect-ratio: 1/1;
transform: translateY(0);
z-index: -1;
margin-top: 0;
display: none;
}
}
div.f-selection-testimonials-inner .right .f-post-container {
position: relative;
z-index: 2;
background: #E8A6AB;
background: linear-gradient(195deg, #E8A6AB 0%, #E8A6AB 25%, #22123C 100%);
padding: 30px 15px;
padding-top: 0;
}
@media (min-width: 650px) {
div.f-selection-testimonials-inner .right .f-post-container {
padding: 30px;
}
}
@media (min-width: 768px) {
div.f-selection-testimonials-inner .right .f-post-container {
padding: 60px 30px;
}
}
@media (min-width: 1024px) {
div.f-selection-testimonials-inner .right .f-post-container {
padding: 60px 30px;
}
}
@media (min-width: 900px) {
div.f-selection-testimonials-inner .right .f-post-container {
background: transparent;
padding: 30px 0;
padding-left: 80px !important;
}
}
@media (min-width: 900px) and (min-width: 650px) {
div.f-selection-testimonials-inner .right .f-post-container {
padding: 30px 0;
}
}
@media (min-width: 900px) and (min-width: 768px) {
div.f-selection-testimonials-inner .right .f-post-container {
padding: 60px 0;
}
}
@media (min-width: 900px) and (min-width: 1024px) {
div.f-selection-testimonials-inner .right .f-post-container {
padding: 60px 0;
}
}
div.f-selection-testimonials-inner .right .f-post-container .slick-list, div.f-selection-testimonials-inner .right .f-post-container .slick-track {
display: flex;
align-items: stretch;
}
div.f-selection-testimonials-inner .right .f-post-container .slick-slide > div {
margin: 0 15px 100px 15px;
}
@media (min-width: 900px) {
div.f-selection-testimonials-inner .right .f-post-container .slick-slide > div {
margin: 0 15px 0 15px;
height: 100%;
}
}
div.f-selection-testimonials-inner .right .f-post-container .slick-slide > div:last-child {
margin-bottom: 0;
}
@media (min-width: 900px) {
div.f-selection-testimonials-inner .right .f-post-container .slick-slide > div > .cc, div.f-selection-testimonials-inner .right .f-post-container .slick-slide > div > .cc > .cc-inner {
height: 100%;
}
}
@media (min-width: 900px) {
div.f-selection-testimonials-inner .right .f-post-container .slick-slide > div > .cc > .cc-inner {
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
@media (min-width: 900px) {
div.f-selection-cases-inner {
padding-right: 0;
}
}
div.f-selection-cases-inner .f-title-container {
margin-bottom: 30px;
}
@media (min-width: 900px) {
div.f-selection-cases-inner .f-title-container {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 1fr auto;
gap: 60px;
margin-bottom: 60px;
padding-right: 30px;
}
}
@media (min-width: 1600px) {
div.f-selection-cases-inner .f-title-container {
margin-bottom: 90px;
}
}
div.f-selection-cases-inner .f-title-container .title-container {
text-align: center;
}
@media (min-width: 900px) {
div.f-selection-cases-inner .f-title-container .title-container {
text-align: left;
}
}
div.f-selection-cases-inner .f-title-container .title-container h1, div.f-selection-cases-inner .f-title-container .title-container h2 {
font-family: gt-regular, "sans-serif";
font-size: 25px;
font-size: 2.5rem;
line-height: 1.33;
}
@media (min-width: 650px) {
div.f-selection-cases-inner .f-title-container .title-container h1, div.f-selection-cases-inner .f-title-container .title-container h2 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 768px) {
div.f-selection-cases-inner .f-title-container .title-container h1, div.f-selection-cases-inner .f-title-container .title-container h2 {
font-size: 35px;
font-size: 3.5rem;
}
}
@media (min-width: 1200px) {
div.f-selection-cases-inner .f-title-container .title-container h1, div.f-selection-cases-inner .f-title-container .title-container h2 {
font-size: 40px;
font-size: 4rem;
}
}
@media (min-width: 1600px) {
div.f-selection-cases-inner .f-title-container .title-container h1, div.f-selection-cases-inner .f-title-container .title-container h2 {
font-size: 50px;
font-size: 5rem;
}
}
div.f-selection-cases-inner .f-title-container .button-container {
display: none;
}
@media (min-width: 900px) {
div.f-selection-cases-inner .f-title-container .button-container {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 60px 60px;
gap: 30px;
}
}
@media (min-width: 1600px) {
div.f-selection-cases-inner .f-title-container .button-container {
grid-template-columns: 80px 80px;
}
}
div.f-selection-cases-inner .f-title-container .button-container button {
position: relative;
width: 60px;
height: 60px;
border-radius: 50%;
background: #F3A1AA;
border: 1px solid #F3A1AA;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
div.f-selection-cases-inner .f-title-container .button-container button:hover {
transform: scale(1.05);
}
}
@media (min-width: 1600px) {
div.f-selection-cases-inner .f-title-container .button-container button {
width: 80px;
height: 80px;
}
}
div.f-selection-cases-inner .f-title-container .button-container button[disabled=true], div.f-selection-cases-inner .f-title-container .button-container button[disabled=disabled] {
filter: grayscale(1);
pointer-events: none;
}
div.f-selection-cases-inner .f-title-container .button-container button.button-left::after {
transform: rotate(90deg);
}
div.f-selection-cases-inner .f-title-container .button-container button.button-right {
transform: rotate(-90deg);
}
div.f-selection-cases-inner .f-title-container .button-container button::after {
content: "";
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: var(--icon_arrow_black);
width: 16px;
height: 20px;
}
@media (min-width: 1600px) {
div.f-selection-cases-inner .f-title-container .button-container button::after {
width: 21px;
height: 25px;
}
}
div.f-selection-cases-inner .f-post-container-desktop {
display: none;
}
@media (min-width: 900px) {
div.f-selection-cases-inner .f-post-container-desktop {
display: flex;
justify-content: center;
align-items: center;
justify-content: unset;
flex-wrap: nowrap;
overflow-x: auto;
scrollbar-width: none; -ms-overflow-style: none; }
}
div.f-selection-cases-inner .f-post-container-desktop::-webkit-scrollbar {
display: none; width: 0;
height: 0;
}
div.f-selection-cases-inner .f-post-container-desktop .cc {
flex: 1 0 100%;
margin-right: 18px;
max-width: 712px;
}
@media (min-width: 1600px) {
div.f-selection-cases-inner .f-post-container-desktop .cc {
max-width: 812px;
}
}
div.f-selection-cases-inner .f-post-container-desktop .f-link-container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: no-wrap;
margin-right: 45px;
}
div.f-selection-cases-inner .f-post-container-desktop .f-link-container a, div.f-selection-cases-inner .f-post-container-desktop .f-link-container button {
display: block;
margin: 10px 10px 10px 10px;
width: max-content;
}
div.f-selection-cases-inner .f-post-container-mobile {
display: grid;
grid-template-columns: 100%;
gap: 30px;
}
@media (min-width: 768px) {
div.f-selection-cases-inner .f-post-container-mobile {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 900px) {
div.f-selection-cases-inner .f-post-container-mobile {
display: none;
}
}
@media (min-width: 768px) {
div.f-selection-cases-inner .f-post-container-mobile .cc .cc-inner {
display: grid;
grid-template-columns: 100%;
}
}
div.f-selection-cases-inner .f-post-container-mobile .f-link-container {
margin-top: 20px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
@media (min-width: 768px) {
div.f-selection-cases-inner .f-post-container-mobile .f-link-container {
grid-column: 1/-1;
}
}
div.f-selection-cases-inner .f-post-container-mobile .f-link-container a, div.f-selection-cases-inner .f-post-container-mobile .f-link-container button {
margin: 0 10px 10px 10px;
}
section.f-selection-solutions {
overflow: hidden;
}
section.f-selection-solutions[data-bg=dark] div.f-selection-solutions-inner .f-title-container h1, section.f-selection-solutions[data-bg=dark] div.f-selection-solutions-inner .f-title-container h2 {
color: #FFFFFF;
}
section.f-selection-solutions[data-bg=dark] div.f-selection-solutions-inner .f-title-container h1 span, section.f-selection-solutions[data-bg=dark] div.f-selection-solutions-inner .f-title-container h2 span {
color: #F3A1AA;
}
section.f-selection-solutions[data-bg=dark] div.f-selection-solutions-inner .f-post-container-mobile button.card-solution-button {
color: #FFFFFF;
}
section.f-selection-solutions[data-bg=dark] div.f-selection-solutions-inner .f-post-container-desktop .f-button-container button {
color: #FFFFFF;
}
div.f-selection-solutions-inner h1,
div.f-selection-solutions-inner h2,
div.f-selection-solutions-inner h3,
div.f-selection-solutions-inner p,
div.f-selection-solutions-inner a {
color: #250F3E;
}
@media (min-width: 1200px) {
div.f-selection-solutions-inner[data-position=left] {
padding-left: 0;
}
}
@media (min-width: 1200px) {
div.f-selection-solutions-inner[data-position=left] .f-title-container {
text-align: right;
}
}
@media (min-width: 1200px) {
div.f-selection-solutions-inner[data-position=right] {
padding-right: 0;
}
}
div.f-selection-solutions-inner .f-title-container {
margin-bottom: 45px;
}
div.f-selection-solutions-inner .f-title-container h1, div.f-selection-solutions-inner .f-title-container h2 {
font-family: gt-regular, "sans-serif";
font-size: 40px;
font-size: 4rem;
line-height: 1.2;
}
@media (min-width: 650px) {
div.f-selection-solutions-inner .f-title-container h1, div.f-selection-solutions-inner .f-title-container h2 {
font-size: 50px;
font-size: 5rem;
}
}
@media (min-width: 768px) {
div.f-selection-solutions-inner .f-title-container h1, div.f-selection-solutions-inner .f-title-container h2 {
font-size: 70px;
font-size: 7rem;
}
}
@media (min-width: 1200px) {
div.f-selection-solutions-inner .f-title-container h1, div.f-selection-solutions-inner .f-title-container h2 {
font-size: 90px;
font-size: 9rem;
}
}
@media (min-width: 1600px) {
div.f-selection-solutions-inner .f-title-container h1, div.f-selection-solutions-inner .f-title-container h2 {
font-size: 110px;
font-size: 11rem;
}
}
div.f-selection-solutions-inner .f-title-container h1 span, div.f-selection-solutions-inner .f-title-container h2 span {
color: #F3A1AA;
}
@media (min-width: 1200px) {
div.f-selection-solutions-inner .f-post-container-mobile {
display: none;
}
}
div.f-selection-solutions-inner .f-post-container-mobile button.card-solution-button {
margin-top: 40px;
}
div.f-selection-solutions-inner .f-post-container-mobile button.card-solution-button:first-of-type {
margin-top: 0;
}
div.f-selection-solutions-inner .f-post-container-desktop {
display: none;
position: relative;
}
@media (min-width: 1200px) {
div.f-selection-solutions-inner .f-post-container-desktop {
display: grid;
grid-template-columns: 100%;
grid-template-columns: minmax(auto, 30%) 1fr;
gap: 60px;
align-items: center;
}
}
@media (min-width: 1400px) {
div.f-selection-solutions-inner .f-post-container-desktop {
grid-template-columns: minmax(auto, 25%) 1fr;
}
}
@media (min-width: 1200px) {
div.f-selection-solutions-inner .f-post-container-desktop[data-position=left] {
grid-template-columns: 1fr minmax(auto, 30%);
}
}
@media (min-width: 1400px) {
div.f-selection-solutions-inner .f-post-container-desktop[data-position=left] {
grid-template-columns: 1fr minmax(auto, 25%);
}
}
@media (min-width: 1200px) {
div.f-selection-solutions-inner .f-post-container-desktop[data-position=left] .f-button-container {
grid-column: 2/span 1;
grid-row: 1;
}
}
@media (min-width: 1200px) {
div.f-selection-solutions-inner .f-post-container-desktop[data-position=left] .f-post-container {
grid-column: 1/span 1;
grid-row: 1;
}
}
div.f-selection-solutions-inner .f-post-container-desktop[data-position=left] .f-post-container .card-solution-desktop, div.f-selection-solutions-inner .f-post-container-desktop[data-position=left] .f-post-container .card-industry-desktop, div.f-selection-solutions-inner .f-post-container-desktop[data-position=left] .f-post-container .card-product-desktop {
transform: translateX(-100%);
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
div.f-selection-solutions-inner .f-post-container-desktop[data-position=left] .f-post-container .card-solution-desktop.active, div.f-selection-solutions-inner .f-post-container-desktop[data-position=left] .f-post-container .card-industry-desktop.active, div.f-selection-solutions-inner .f-post-container-desktop[data-position=left] .f-post-container .card-product-desktop.active {
transform: translateX(0);
}
@media (min-width: 1200px) {
div.f-selection-solutions-inner .f-post-container-desktop[data-position=left] .f-image-container {
right: unset;
left: 0;
}
}
div.f-selection-solutions-inner .f-post-container-desktop[data-position=left] .f-image-container img {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
div.f-selection-solutions-inner .f-post-container-desktop .f-button-container button {
margin-bottom: 60px;
}
div.f-selection-solutions-inner .f-post-container-desktop .f-button-container button:last-child {
margin-bottom: 0;
}
div.f-selection-solutions-inner .f-post-container-desktop .f-post-container {
grid-column: 2/span 1;
grid-row: 1;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
position: relative;
z-index: 2;
min-height: 800px;
height: 100%;
}
@media (min-width: 1400px) {
div.f-selection-solutions-inner .f-post-container-desktop .f-post-container {
min-height: 800px;
}
}
div.f-selection-solutions-inner .f-post-container-desktop .f-post-container .cc::after {
content: "";
position: absolute;
top: 0;
right: 0;
transform: translateX(50vw);
width: 50vw;
height: 100%;
background: inherit;
}
div.f-selection-solutions-inner .f-post-container-desktop .f-image-container {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: calc(70% - 60px);
min-height: 700px;
}
@media (min-width: 1400px) {
div.f-selection-solutions-inner .f-post-container-desktop .f-image-container {
width: calc(75% - 60px);
}
}
@media (min-width: 1700px) {
div.f-selection-solutions-inner .f-post-container-desktop .f-image-container {
width: calc(70% - 60px + (100vw - 1700px) / 2);
right: calc((100vw - 1700px) / 2 * -1);
}
}
div.f-selection-solutions-inner .f-post-container-desktop .f-image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
section.f-selection-solution-small {
position: relative;
}
section.f-selection-solution-small[data-design=old] .f-shape-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; display: flex;
flex-direction: row;
flex-wrap: nowrap;
overflow: hidden;
transition: 0s ease-in all;
}
@media (min-width: 1200px) {
section.f-selection-solution-small[data-design=old] .f-shape-container {
width: 50%;
overflow: unset; }
}
@media (min-width: 1700px) {
section.f-selection-solution-small[data-design=old] .f-shape-container {
width: 55vw;
}
}
section.f-selection-solution-small[data-design=old] .f-shape-container[data-color=white-pink] .shape-left, section.f-selection-solution-small[data-design=old] .f-shape-container[data-color=white-pink] .shape-right {
background: rgb(255, 255, 255);
background: linear-gradient(var(--direction, 180deg), rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
}
section.f-selection-solution-small[data-design=old] .f-shape-container[data-color=purple] .shape-left, section.f-selection-solution-small[data-design=old] .f-shape-container[data-color=purple] .shape-right {
background: rgb(52, 44, 82);
background: linear-gradient(var(--direction, 180deg), rgb(52, 44, 82) 0%, rgb(168, 118, 135) 100%);
}
section.f-selection-solution-small[data-design=old] .f-shape-container[data-position=left] {
right: 0;
left: unset;
flex-direction: row-reverse;
}
section.f-selection-solution-small[data-design=old] .f-shape-container[data-position=left] .shape-right {
transform: translateX(50%);
}
section.f-selection-solution-small[data-design=old] .f-shape-container[data-position=right] {
left: 0;
right: unset;
}
section.f-selection-solution-small[data-design=old] .f-shape-container .shape-left {
min-width: 75%;
}
@media (max-width: calc(1200px - 1px)) {
section.f-selection-solution-small[data-design=old] .f-shape-container .shape-left {
display: block;
width: 100%;
height: 100%;
}
}
section.f-selection-solution-small[data-design=old] .f-shape-container .shape-right {
display: block;
height: 100%;
width: auto;
aspect-ratio: 1/1;
clip-path: circle(50% at 50% 50%);
transform: translateX(-50%);
}
@media (min-width: 1200px) {
section.f-selection-solution-small[data-design=old] .f-shape-container .shape-right {
display: block;
height: 100%;
width: auto;
aspect-ratio: 1/1;
clip-path: circle(50% at 50% 50%);
transform: translateX(-50%);
}
}
section.f-selection-solution-small[data-design=new] .f-shape-container {
display: none;
}
div.f-selection-solution-small-inner[data-design=old] {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 100%;
gap: 35px;
}
@media (min-width: 1200px) {
div.f-selection-solution-small-inner[data-design=old] {
grid-template-columns: 40% 1fr;
gap: 70px;
align-items: center;
}
}
@media (min-width: 1200px) {
div.f-selection-solution-small-inner[data-design=old][data-position=left] {
grid-template-columns: 1fr 40%;
}
}
@media (min-width: 1200px) {
div.f-selection-solution-small-inner[data-design=old][data-position=left] .left {
grid-column: 2/span 1;
grid-row: 1;
}
}
@media (min-width: 1200px) {
div.f-selection-solution-small-inner[data-design=old][data-position=left] .right {
grid-column: 1/span 1;
grid-row: 1;
}
}
@media (max-width: 1200px) {
div.f-selection-solution-small-inner[data-design=old] .left, div.f-selection-solution-small-inner[data-design=old] .right {
padding: 30px 0;
}
}
div.f-selection-solution-small-inner[data-design=old] .left {
position: relative;
}
div.f-selection-solution-small-inner[data-design=old] .left[data-color=purple] {
color: #FFFFFF;
}
div.f-selection-solution-small-inner[data-design=old] .left[data-color=purple] h1 span, div.f-selection-solution-small-inner[data-design=old] .left[data-color=purple] h2 span {
color: #F3A1AA;
}
div.f-selection-solution-small-inner[data-design=old] .left h1, div.f-selection-solution-small-inner[data-design=old] .left h2 {
margin-bottom: 35px;
}
div.f-selection-solution-small-inner[data-design=old] .left .f-link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
margin-top: 10px;
}
div.f-selection-solution-small-inner[data-design=old] .right .f-post-container {
display: grid;
grid-template-columns: 100%;
gap: 20px;
grid-template-columns: 1fr;
}
@media (min-width: 650px) {
div.f-selection-solution-small-inner[data-design=old] .right .f-post-container {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 24px;
}
}
@media (min-width: 900px) {
div.f-selection-solution-small-inner[data-design=old] .right .f-post-container {
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
}
@media (min-width: 1200px) {
div.f-selection-solution-small-inner[data-design=old] .right .f-post-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
div.f-selection-solution-small-inner[data-design=new] .f-border-container {
background: linear-gradient(to bottom, #F5F5F5, #E8A6AB);
border-radius: 15px;
padding: 30px 30px;
}
@media (min-width: 1200px) {
div.f-selection-solution-small-inner[data-design=new] .f-border-container {
padding: 40px 78px;
}
}
@media (min-width: 1024px) {
div.f-selection-solution-small-inner[data-design=new] .f-border-container {
padding: 60px 98px;
}
}
@media (min-width: 1200px) {
div.f-selection-solution-small-inner[data-design=new] .f-border-container {
padding: 100px 138px;
}
}
div.f-selection-solution-small-inner[data-design=new] .f-title-container {
text-align: center;
max-width: 674px;
margin: 0 auto 0 auto;
}
div.f-selection-solution-small-inner[data-design=new] .f-title-container h1, div.f-selection-solution-small-inner[data-design=new] .f-title-container h2 {
font-family: gt-regular, "sans-serif";
font-style: normal;
font-size: 25px;
font-size: 2.5rem;
line-height: 1.15;
}
@media (min-width: 420px) {
div.f-selection-solution-small-inner[data-design=new] .f-title-container h1, div.f-selection-solution-small-inner[data-design=new] .f-title-container h2 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 768px) {
div.f-selection-solution-small-inner[data-design=new] .f-title-container h1, div.f-selection-solution-small-inner[data-design=new] .f-title-container h2 {
font-size: 38px;
font-size: 3.8rem;
}
}
@media (min-width: 1200px) {
div.f-selection-solution-small-inner[data-design=new] .f-title-container h1, div.f-selection-solution-small-inner[data-design=new] .f-title-container h2 {
font-size: 45px;
font-size: 4.5rem;
}
}
div.f-selection-solution-small-inner[data-design=new] .f-title-container h1 i, div.f-selection-solution-small-inner[data-design=new] .f-title-container h1 em, div.f-selection-solution-small-inner[data-design=new] .f-title-container h2 i, div.f-selection-solution-small-inner[data-design=new] .f-title-container h2 em {
font-style: italic;
}
div.f-selection-solution-small-inner[data-design=new] .f-title-container h1 span, div.f-selection-solution-small-inner[data-design=new] .f-title-container h2 span {
color: #F3A1AA;
}
div.f-selection-solution-small-inner[data-design=new] .f-title-container + .f-text-container {
margin-top: 15px;
}
div.f-selection-solution-small-inner[data-design=new] .f-title-container + .f-post-container {
margin-top: 50px;
}
div.f-selection-solution-small-inner[data-design=new] .f-text-container {
text-align: center;
max-width: 674px;
margin: 0 auto 50px auto;
}
div.f-selection-solution-small-inner[data-design=new] .f-text-container .custom-text {
font-family: gt-light, "sans-serif";
font-size: 16px;
font-size: 1.6rem;
}
@media (min-width: 420px) {
div.f-selection-solution-small-inner[data-design=new] .f-text-container .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 768px) {
div.f-selection-solution-small-inner[data-design=new] .f-text-container .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1200px) {
div.f-selection-solution-small-inner[data-design=new] .f-text-container .custom-text {
font-size: 22px;
font-size: 2.2rem;
}
}
div.f-selection-solution-small-inner[data-design=new] .f-post-container {
display: grid;
grid-template-columns: 1fr;
gap: 14px;
}
@media (min-width: 768px) {
div.f-selection-solution-small-inner[data-design=new] .f-post-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
div.f-selection-solution-small-inner[data-design=new] .f-link-container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 15px;
height: 100%;
margin-top: 50px;
}
section.f-selection-industries {
position: relative;
}
section.f-selection-industries .f-shape-container {
display: none;
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
}
@media (min-width: 1200px) {
section.f-selection-industries .f-shape-container {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 1fr auto;
}
}
section.f-selection-industries .f-shape-container[data-color=white-pink] .shape-left, section.f-selection-industries .f-shape-container[data-color=white-pink] .shape-right {
background: rgb(255, 255, 255);
background: linear-gradient(var(--direction, 180deg), rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
}
section.f-selection-industries .f-shape-container[data-color=purple] .shape-left, section.f-selection-industries .f-shape-container[data-color=purple] .shape-right {
background: rgb(52, 44, 82);
background: linear-gradient(var(--direction, 180deg), rgb(52, 44, 82) 0%, rgb(168, 118, 135) 100%);
}
section.f-selection-industries .f-shape-container[data-position=left] {
left: unset;
right: 0;
transform: scale(-1);
}
section.f-selection-industries .f-shape-container[data-position=right] {
left: 0;
right: unset;
}
section.f-selection-industries .f-shape-container .shape-right {
display: block;
height: 100%;
width: auto;
aspect-ratio: 1/1;
clip-path: circle(50% at 50% 50%);
transform: translateX(-50%);
}
div.f-selection-industries-inner {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 100%;
gap: 35px;
}
@media (min-width: 1200px) {
div.f-selection-industries-inner {
grid-template-columns: 40% 1fr;
gap: 70px;
align-items: center;
}
}
@media (min-width: 1200px) {
div.f-selection-industries-inner[data-position=left] {
grid-template-columns: 1fr 40%;
}
}
@media (min-width: 1200px) {
div.f-selection-industries-inner[data-position=left] .left {
grid-column: 2/span 1;
grid-row: 1;
text-align: right;
}
}
@media (min-width: 1200px) {
div.f-selection-industries-inner[data-position=left] .right {
grid-column: 1/span 1;
grid-row: 1;
}
}
div.f-selection-industries-inner .left {
position: relative;
}
@media (min-width: 1200px) {
div.f-selection-industries-inner .left {
padding: 80px 0;
}
}
div.f-selection-industries-inner .left h1, div.f-selection-industries-inner .left h2 {
margin-bottom: 35px;
}
div.f-selection-industries-inner .left .f-link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
margin-top: 10px;
}
div.f-selection-industries-inner .right .f-post-container {
display: grid;
grid-template-columns: 100%;
gap: 20px;
grid-template-columns: 1fr;
}
@media (min-width: 650px) {
div.f-selection-industries-inner .right .f-post-container {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 24px;
}
}
@media (min-width: 900px) {
div.f-selection-industries-inner .right .f-post-container {
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
}
@media (min-width: 1200px) {
div.f-selection-industries-inner .right .f-post-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
section.f-selection-article-single {
position: relative;
overflow: hidden;
}
section.f-selection-article-single::after {
content: "";
position: absolute;
height: 100%;
width: 300vw;
left: 0;
top: 0;
background: rgb(255, 255, 255);
background: linear-gradient(360deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
border-top-right-radius: 50%;
transform: translateX(-100vw);
}
@media (min-width: 1200px) {
section.f-selection-article-single::after {
width: 65%;
border-radius: 0;
transform: translateX(0);
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
display: none;
}
}
section.f-selection-article-single .f-shape-container {
display: none;
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
}
@media (min-width: 1200px) {
section.f-selection-article-single .f-shape-container {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 1fr auto;
}
}
section.f-selection-article-single .f-shape-container[data-position=left] {
left: unset;
right: 0;
transform: scale(-1);
}
section.f-selection-article-single .f-shape-container[data-position=right] {
right: unset;
left: 0;
}
section.f-selection-article-single .f-shape-container .shape-left {
background: rgb(255, 255, 255);
background: linear-gradient(360deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
}
section.f-selection-article-single .f-shape-container .shape-right {
display: block;
height: 100%;
width: auto;
aspect-ratio: 1/1;
clip-path: circle(50% at 50% 50%);
background: rgb(255, 255, 255);
background: linear-gradient(360deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
transform: translateX(-50%);
}
div.f-selection-article-single-inner {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 100%;
gap: 35px;
}
@media (min-width: 1200px) {
div.f-selection-article-single-inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 70px;
align-items: center;
}
}
@media (min-width: 1200px) {
div.f-selection-article-single-inner[data-position=left] .left {
grid-column: 2/span 1;
grid-row: 1;
}
}
@media (min-width: 1200px) {
div.f-selection-article-single-inner[data-position=left] .right {
grid-column: 1/span 1;
grid-row: 1;
}
}
div.f-selection-article-single-inner .left {
position: relative;
}
div.f-selection-article-single-inner .left h1, div.f-selection-article-single-inner .left h2 {
margin-bottom: 35px;
}
div.f-selection-article-single-inner .left .f-link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
margin-top: 10px;
}
@media (min-width: 1200px) {
div.f-selection-article-single-inner .right .cc .cc-inner {
grid-template-columns: 1fr;
}
}
@media (min-width: 1600px) {
div.f-selection-article-single-inner .right .cc .cc-inner {
grid-template-columns: 40% 1fr;
}
}
section.f-selection-faq[data-bg=dark] {
color: #120829;
}
div.f-selection-faq-inner .f-title-container h1, div.f-selection-faq-inner .f-title-container h2 {
width: fit-content;
background: #EFD0D2;
border-radius: 10px 10px 0 0;
padding: 25px;
}
@media (min-width: 1200px) {
div.f-selection-faq-inner .f-title-container h1, div.f-selection-faq-inner .f-title-container h2 {
padding: 35px 80px 25px 80px;
}
}
@media (min-width: 1600px) {
div.f-selection-faq-inner .f-title-container h1, div.f-selection-faq-inner .f-title-container h2 {
padding: 50px 100px 25px 100px;
}
}
div.f-selection-faq-inner .f-post-container details:first-of-type summary {
border-radius: 0 10px 0 0;
}
div.f-selection-faq-inner .f-post-container details:first-of-type summary span.title {
border-radius: 0;
}
div.f-selection-faq-inner .f-post-container details:first-of-type[open] summary span.title, div.f-selection-faq-inner .f-post-container details:first-of-type.active summary span.title {
border-radius: 10px 10px;
}
@media (min-width: 768px) {
div.f-selection-faq-inner .f-post-container .sf-image img {
max-height: 500px;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
}
div.f-selection-products-inner .f-border-container {
border-radius: 10px;
overflow: hidden;
background: linear-gradient(to bottom, #FFF, #FAECED);
padding: 25px;
display: grid;
grid-template-columns: 100%;
gap: 30px;
}
@media (min-width: 650px) {
div.f-selection-products-inner .f-border-container {
padding: 25px 35px;
}
}
@media (min-width: 768px) {
div.f-selection-products-inner .f-border-container {
padding: 35px 50px;
grid-template-columns: fit-content(65%) 1fr;
align-items: center;
}
}
@media (min-width: 1200px) {
div.f-selection-products-inner .f-border-container {
padding: 40px 60px;
}
}
@media (min-width: 1600px) {
div.f-selection-products-inner .f-border-container {
padding: 45px 70px;
grid-template-columns: fit-content(55%) 1fr;
gap: 60px;
}
}
@media (min-width: 768px) {
div.f-selection-products-inner .f-border-container[data-position=left] {
grid-template-columns: 1fr auto;
}
}
@media (min-width: 1600px) {
div.f-selection-products-inner .f-border-container[data-position=left] {
grid-template-columns: 1fr auto;
}
}
@media (min-width: 768px) {
div.f-selection-products-inner .f-border-container[data-position=left] .f-title-container {
grid-column: 2/span 1;
grid-row: 1;
text-align: right;
}
}
@media (min-width: 768px) {
div.f-selection-products-inner .f-border-container[data-position=left] .f-post-container {
grid-column: 1/span 1;
grid-row: 1;
justify-content: flex-start;
}
}
div.f-selection-products-inner .f-border-container .f-title-container .custom-text {
margin-top: 30px;
}
div.f-selection-products-inner .f-border-container .f-post-container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
height: fit-content;
}
@media (min-width: 768px) {
div.f-selection-products-inner .f-border-container .f-post-container {
justify-content: flex-end;
}
}
div.f-selection-products-inner .f-border-container .f-post-container a {
background: #F3A1AA;
border: 1px solid #120829;
text-align: center;
padding: 13px 20px;
border-radius: 50px;
text-transform: uppercase;
text-decoration: none;
color: inherit;
margin: 0 15px 15px 15px;
}
@media (min-width: 768px) {
div.f-selection-products-inner .f-border-container .f-post-container a {
margin: 0 0 15px 15px;
}
}
div.f-gallery-inner {
max-width: unset;
}
@media (min-width: 900px) {
div.f-gallery-inner {
padding: 30px 0;
height: calc(400px + 60px + 60px);
}
}
@media (min-width: 900px) and (min-width: 650px) {
div.f-gallery-inner {
padding: 30px 0;
}
}
@media (min-width: 900px) and (min-width: 768px) {
div.f-gallery-inner {
padding: 60px 0;
}
}
@media (min-width: 900px) and (min-width: 1024px) {
div.f-gallery-inner {
padding: 60px 0;
}
}
@media (min-width: 900px) {
div.f-gallery-inner .f-images-container-mobile {
display: none;
}
}
div.f-gallery-inner .f-images-container-mobile .slick-slide {
margin: 0 15px;
}
div.f-gallery-inner .f-images-container-mobile .slick-slide .image-container {
margin: 15px 0 !important;
}
div.f-gallery-inner .f-images-container-mobile .image-container {
overflow: hidden;
display: block;
}
@media (min-width: 900px) {
div.f-gallery-inner .f-images-container-mobile .image-container {
margin: 0 15px;
flex: 0 0 auto;
}
}
div.f-gallery-inner .f-images-container-mobile .image-container:first-child {
margin: 0 15px 0 0;
}
div.f-gallery-inner .f-images-container-mobile .image-container:last-child {
margin: 0 0 0 15px;
}
@media (min-width: 900px) {
div.f-gallery-inner .f-images-container-mobile .image-container[data-shape=circle] {
min-width: 400px;
}
}
div.f-gallery-inner .f-images-container-mobile .image-container[data-shape=circle] img {
clip-path: circle(50% at 50% 50%);
aspect-ratio: 1/1;
}
@media (min-width: 900px) {
div.f-gallery-inner .f-images-container-mobile .image-container[data-shape=circle] img {
width: 400px;
}
}
@media (min-width: 900px) {
div.f-gallery-inner .f-images-container-mobile .image-container[data-shape=ellipse] {
min-width: 800px;
}
}
div.f-gallery-inner .f-images-container-mobile .image-container[data-shape=ellipse] img {
height: 180px;
border-radius: 150px;
min-width: 360px;
}
@media (min-width: 900px) {
div.f-gallery-inner .f-images-container-mobile .image-container[data-shape=ellipse] img {
height: 400px;
border-radius: 200px;
}
}
div.f-gallery-inner .f-images-container-mobile .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
div.f-gallery-inner .f-images-container-desktop {
display: none;
}
@media (min-width: 900px) {
div.f-gallery-inner .f-images-container-desktop {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
gap: 0;
overflow-x: auto;
justify-content: unset;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none; scrollbar-width: none; }
div.f-gallery-inner .f-images-container-desktop::-webkit-scrollbar {
display: none;
}
}
div.f-gallery-inner .f-images-container-desktop .slick-slide {
margin: 0 15px;
}
div.f-gallery-inner .f-images-container-desktop .image-container {
overflow: hidden;
display: block;
}
@media (min-width: 900px) {
div.f-gallery-inner .f-images-container-desktop .image-container {
flex: 0 0 auto;
}
}
@media (min-width: 900px) {
div.f-gallery-inner .f-images-container-desktop .image-container[data-shape=circle] {
min-width: 400px;
}
}
div.f-gallery-inner .f-images-container-desktop .image-container[data-shape=circle] img {
clip-path: circle(50% at 50% 50%);
aspect-ratio: 1/1;
}
@media (min-width: 900px) {
div.f-gallery-inner .f-images-container-desktop .image-container[data-shape=circle] img {
width: 400px;
}
}
@media (min-width: 900px) {
div.f-gallery-inner .f-images-container-desktop .image-container[data-shape=ellipse] {
min-width: 800px;
}
}
div.f-gallery-inner .f-images-container-desktop .image-container[data-shape=ellipse] img {
height: 125px;
border-radius: 150px;
}
@media (min-width: 900px) {
div.f-gallery-inner .f-images-container-desktop .image-container[data-shape=ellipse] img {
height: 400px;
border-radius: 200px;
}
}
div.f-gallery-inner .f-images-container-desktop .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
div.f-slider-text-image-inner {
display: grid;
grid-template-columns: 100%;
gap: 30px;
}
@media (min-width: 900px) {
div.f-slider-text-image-inner {
display: grid;
grid-template-columns: 100%;
gap: 20px;
grid-template-columns: calc(100% - 280px - 20px) 280px;
}
}
@media (min-width: 1024px) {
div.f-slider-text-image-inner {
grid-template-columns: calc(100% - 360px - 20px) 360px;
}
}
@media (min-width: 1200px) {
div.f-slider-text-image-inner {
grid-template-columns: calc(100% - 400px - 20px) 400px;
}
}
@media (min-width: 1600px) {
div.f-slider-text-image-inner {
grid-template-columns: calc(100% - 472px - 20px) 472px;
}
}
@media (min-width: 900px) {
div.f-slider-text-image-inner[data-position=left] {
grid-template-columns: 280px calc(100% - 280px - 20px);
}
}
@media (min-width: 1024px) {
div.f-slider-text-image-inner[data-position=left] {
grid-template-columns: 360px calc(100% - 360px - 20px);
}
}
@media (min-width: 1200px) {
div.f-slider-text-image-inner[data-position=left] {
grid-template-columns: 400px calc(100% - 400px - 20px);
}
}
@media (min-width: 1600px) {
div.f-slider-text-image-inner[data-position=left] {
grid-template-columns: 472px calc(100% - 472px - 20px);
}
}
@media (min-width: 900px) {
div.f-slider-text-image-inner[data-position=left] .left {
grid-column: 2/span 1;
grid-row: 1;
}
}
@media (min-width: 900px) {
div.f-slider-text-image-inner[data-position=left] .right {
grid-column: 1/span 1;
grid-row: 1;
}
}
div.f-slider-text-image-inner .left {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 12px calc(100% - 24px) 12px;
align-items: center;
}
@media (min-width: 768px) {
div.f-slider-text-image-inner .left {
grid-template-columns: 24px calc(100% - 48px) 24px;
}
}
div.f-slider-text-image-inner .left button.button-arrow {
width: 24px;
height: 24px;
background: #FFFFFF;
border: none;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 10;
}
@media (min-width: 768px) {
div.f-slider-text-image-inner .left button.button-arrow {
width: 48px;
height: 48px;
}
}
div.f-slider-text-image-inner .left button.button-arrow.inactive-button {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
div.f-slider-text-image-inner .left button.button-arrow.button-left svg {
transform: rotate(180deg);
}
div.f-slider-text-image-inner .left button.button-arrow.button-right {
transform: translateX(-50%);
}
div.f-slider-text-image-inner .left button.button-arrow svg {
width: 50%;
height: auto;
}
div.f-slider-text-image-inner .left .f-slider-container {
background: linear-gradient(to bottom, #FFF, #E8A6AB);
padding: 30px;
border-radius: 10px;
--mask: radial-gradient(24px at 24px calc(50% - 12px),#0000 96%,red 98%, red) -24px 12px;
-webkit-mask: var(--mask);
mask: var(--mask);
position: relative;
}
@media (min-width: 768px) {
div.f-slider-text-image-inner .left .f-slider-container {
--mask: radial-gradient(36px at 36px calc(50% - 18px),#0000 96%,red 98%, red) -36px 18px;
padding: 48px;
}
}
div.f-slider-text-image-inner .left .f-slider-container .slide-container .slide-container-inner {
display: grid;
grid-template-columns: 100%;
gap: 35px;
}
div.f-slider-text-image-inner .left .f-slider-container .slide-container .info-container {
display: grid;
grid-template-columns: 100%;
gap: 35px;
}
@media (min-width: 1024px) {
div.f-slider-text-image-inner .left .f-slider-container .slide-container .info-container {
grid-template-columns: 1fr 30%;
gap: 20px;
}
}
@media (min-width: 1024px) {
div.f-slider-text-image-inner .left .f-slider-container .slide-container .info-container h3 {
max-width: 380px;
}
}
div.f-slider-text-image-inner .left .f-slider-container .slide-container .info-container .f-link-container {
display: grid;
grid-template-columns: 100%;
gap: 8px;
}
div.f-slider-text-image-inner .left .f-slider-container .slide-container .info-container .f-link-container a {
color: inherit;
line-height: 1.2;
}
div.f-slider-text-image-inner .left .f-slider-container .slide-container .page-container button {
background: #F1DCDE;
width: 33px;
height: 10px;
border-radius: 20px;
border: 0;
margin-right: 10px;
}
div.f-slider-text-image-inner .left .f-slider-container .slide-container .page-container button.active {
background: #250F3E;
}
div.f-slider-text-image-inner .right {
padding: 0 12px;
}
@media (min-width: 768px) {
div.f-slider-text-image-inner .right {
padding: 0 24px;
}
}
@media (min-width: 900px) {
div.f-slider-text-image-inner .right {
padding: 0;
}
}
div.f-slider-text-image-inner .right img {
border-radius: 10px;
display: block;
width: 100%;
height: auto;
}
@media (min-width: 900px) {
div.f-slider-text-image-inner .right img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
} .page--home section.f-text-video-fragment {
background: transparent;
}
section.f-text-video-fragment {
position: relative;
overflow: hidden;
}
@media (min-width: 1024px) {
section.f-text-video-fragment {
min-height: calc(100vh - 110px);
display: flex;
align-items: center;
}
}
@media (min-width: 1024px) and (hover: hover) {
section.f-text-video-fragment {
min-height: calc(100vh - 149.19px);
}
}
section.f-text-video-fragment .f-scroll-container {
display: none;
}
section.f-text-video-fragment .f-image-outer {
display: none;
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
}
@media (min-width: 1024px) {
section.f-text-video-fragment .f-image-outer {
display: block;
overflow: hidden;
border-radius: calc((100vh - 110px) / 2) 0 0 calc((100vh - 110px) / 2);
}
}
@media (min-width: 1024px) and (hover: hover) {
section.f-text-video-fragment .f-image-outer {
border-radius: calc((100vh - 149.19px) / 2) 0 0 calc((100vh - 149.19px) / 2);
}
}
section.f-text-video-fragment .f-image-outer img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
div.f-text-video-fragment-inner {
display: grid;
grid-template-columns: 1fr;
gap: 51px;
padding: 30px 0;
width: 100%;
}
@media (min-width: 650px) {
div.f-text-video-fragment-inner {
padding: 30px 0;
}
}
@media (min-width: 768px) {
div.f-text-video-fragment-inner {
padding: 60px 0;
}
}
@media (min-width: 1024px) {
div.f-text-video-fragment-inner {
padding: 60px 0;
}
}
@media (min-width: 1024px) {
div.f-text-video-fragment-inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
position: relative;
z-index: 6;
}
}
div.f-text-video-fragment-inner .left {
padding: 0 15px;
}
@media (min-width: 650px) {
div.f-text-video-fragment-inner .left {
padding: 0 30px;
}
}
@media (min-width: 768px) {
div.f-text-video-fragment-inner .left {
padding: 0 30px;
}
}
@media (min-width: 1024px) {
div.f-text-video-fragment-inner .left {
padding: 0 30px;
}
}
div.f-text-video-fragment-inner .left .f-title-container {
margin-bottom: 35px;
max-width: 820px;
margin: 0 auto 51px auto;
}
@media (min-width: 1024px) {
div.f-text-video-fragment-inner .left .f-title-container {
margin: 0 auto 64px auto;
}
}
div.f-text-video-fragment-inner .left .f-title-container h1, div.f-text-video-fragment-inner .left .f-title-container h2 {
font-family: gt-regular, "sans-serif";
font-size: 35px;
font-size: 3.5rem;
line-height: 1.2;
}
@media (min-width: 650px) {
div.f-text-video-fragment-inner .left .f-title-container h1, div.f-text-video-fragment-inner .left .f-title-container h2 {
font-size: 40px;
font-size: 4rem;
}
}
@media (min-width: 900px) {
div.f-text-video-fragment-inner .left .f-title-container h1, div.f-text-video-fragment-inner .left .f-title-container h2 {
font-size: 55px;
font-size: 5.5rem;
}
}
@media (min-width: 1024px) {
div.f-text-video-fragment-inner .left .f-title-container h1, div.f-text-video-fragment-inner .left .f-title-container h2 {
font-size: 70px;
font-size: 7rem;
}
}
@media (min-width: 1200px) {
div.f-text-video-fragment-inner .left .f-title-container h1, div.f-text-video-fragment-inner .left .f-title-container h2 {
font-size: 90px;
font-size: 9rem;
}
}
@media (min-width: 1600px) {
div.f-text-video-fragment-inner .left .f-title-container h1, div.f-text-video-fragment-inner .left .f-title-container h2 {
font-size: 110px;
font-size: 11rem;
}
}
div.f-text-video-fragment-inner .left .f-title-container h1 span, div.f-text-video-fragment-inner .left .f-title-container h2 span {
color: #F3A1AA;
}
div.f-text-video-fragment-inner .left .custom-text {
font-family: gt-light, "sans-serif";
font-size: 16px;
font-size: 1.6rem;
}
@media (min-width: 768px) {
div.f-text-video-fragment-inner .left .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1200px) {
div.f-text-video-fragment-inner .left .custom-text {
font-size: 22px;
font-size: 2.2rem;
}
}
@media (min-width: 1600px) {
div.f-text-video-fragment-inner .left .custom-text {
font-size: 25px;
font-size: 2.5rem;
}
}
@media (min-width: 1024px) {
div.f-text-video-fragment-inner .right {
display: flex;
flex-direction: column;
justify-content: end;
align-items: end;
}
}
div.f-text-video-fragment-inner .right .f-image-container {
border-radius: 18vh 0 0 18vh;
overflow: hidden;
height: 36vh;
}
@media (min-width: 1024px) {
div.f-text-video-fragment-inner .right .f-image-container {
display: none;
}
}
div.f-text-video-fragment-inner .right .f-image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
div.f-text-video-fragment-inner .right .f-video-container-outer {
padding: 0 15px;
margin-top: 51px;
}
@media (min-width: 650px) {
div.f-text-video-fragment-inner .right .f-video-container-outer {
padding: 0 30px;
}
}
@media (min-width: 768px) {
div.f-text-video-fragment-inner .right .f-video-container-outer {
padding: 0 30px;
}
}
@media (min-width: 1024px) {
div.f-text-video-fragment-inner .right .f-video-container-outer {
padding: 0 30px;
}
}
div.f-text-video-fragment-inner .right .f-video-container-outer .f-video-container {
background: #120829;
border: 1px solid #120829;
border-radius: 10px;
padding: 12px 17px;
display: grid;
grid-template-columns: 100%;
grid-template-columns: 58px 1fr 54px;
gap: 30px;
color: #FFFFFF;
align-items: center;
max-width: 536px;
}
@media (min-width: 1024px) {
div.f-text-video-fragment-inner .right .f-video-container-outer .f-video-container {
grid-template-columns: 87px 1fr 81px;
max-width: min(536px, 80%);
margin: 0 0 0 auto;
}
}
div.f-text-video-fragment-inner .right .f-video-container-outer .f-video-container .image-container img {
display: block;
width: 100%;
height: auto;
}
div.f-text-video-fragment-inner .right .f-video-container-outer .f-video-container .title-container span {
display: block;
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
}
@media (min-width: 650px) {
div.f-text-video-fragment-inner .right .f-video-container-outer .f-video-container .title-container span {
font-size: 25px;
font-size: 2.5rem;
}
}
div.f-text-video-fragment-inner .right .f-video-container-outer .f-video-container .button-container button {
background: #FFFFFF;
border: 1px solid #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
width: 54px;
height: 54px;
border-radius: 50%;
padding: 0;
margin: 0;
cursor: pointer;
}
@media (min-width: 1024px) {
div.f-text-video-fragment-inner .right .f-video-container-outer .f-video-container .button-container button {
width: 81px;
height: 81px;
}
}
div.f-text-video-fragment-inner .right .f-video-container-outer .f-video-container .button-container button svg {
display: block;
width: 20px;
height: auto;
transform: translateX(20%);
}
@media (min-width: 1024px) {
div.f-text-video-fragment-inner .right .f-video-container-outer .f-video-container .button-container button svg {
width: 30px;
}
}
section.f-text-image-background {
position: relative;
overflow: hidden;
}
section.f-text-image-background .f-shape-container {
display: none;
position: absolute;
top: 0;
right: 0;
height: 100%;
width: calc(100% - 30px);
}
section.f-text-image-background .f-shape-container[data-position=right] {
right: 0;
left: unset;
}
section.f-text-image-background .f-shape-container[data-position=right] img {
border-top-left-radius: min(50%, 500px);
border-bottom-left-radius: min(50%, 500px);
}
section.f-text-image-background .f-shape-container[data-position=left] {
right: unset;
left: 0;
}
section.f-text-image-background .f-shape-container[data-position=left] img {
border-top-right-radius: min(50%, 500px);
border-bottom-right-radius: min(50%, 500px);
}
@media (min-width: 1200px) {
section.f-text-image-background .f-shape-container {
width: calc(100% - 60px);
}
}
@media (min-width: 1600px) {
section.f-text-image-background .f-shape-container {
width: calc(100% - 145px);
}
}
section.f-text-image-background .f-shape-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
@media (min-width: 900px) {
section.f-text-image-background .f-shape-container {
display: block;
}
}
div.f-text-image-background-inner {
position: relative;
margin-bottom: 50vw;
}
@media (min-width: 900px) {
div.f-text-image-background-inner {
margin-bottom: 0;
}
}
div.f-text-image-background-inner::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: auto;
height: 100%;
aspect-ratio: 1/1;
clip-path: circle(50% at 50% 50%);
background: rgb(52, 44, 82);
background: linear-gradient(210deg, rgb(52, 44, 82) 0%, rgb(168, 118, 135) 100%);
margin: 0 auto;
transform: translateX(calc(-50% + 50vw));
}
@media (min-width: 900px) {
div.f-text-image-background-inner::after {
display: none;
}
}
div.f-text-image-background-inner .f-content-container {
color: #FFFFFF;
position: relative;
z-index: 2;
padding-top: 100px;
}
@media (min-width: 420px) {
div.f-text-image-background-inner .f-content-container {
padding-top: 140px;
}
}
@media (min-width: 650px) {
div.f-text-image-background-inner .f-content-container {
padding-top: 190px;
}
}
@media (min-width: 900px) {
div.f-text-image-background-inner .f-content-container {
background: rgb(52, 44, 82);
background: linear-gradient(210deg, rgb(52, 44, 82) 0%, rgb(168, 118, 135) 100%);
padding: 20px;
height: fit-content;
width: auto;
aspect-ratio: 1/1;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
max-width: 667px;
max-height: 667px;
margin: 0 0 0 auto;
}
}
@media (min-width: 1200px) {
div.f-text-image-background-inner .f-content-container {
max-width: 767px;
max-height: 767px;
}
}
@media (min-width: 1600px) {
div.f-text-image-background-inner .f-content-container {
max-width: 867px;
max-height: 867px;
}
}
@media (min-width: 900px) {
div.f-text-image-background-inner .f-content-container[data-position=left] {
margin: 0 auto 0 0;
}
}
@media (min-width: 900px) {
div.f-text-image-background-inner .f-content-container[data-position=right] {
margin: 0 0 0 auto;
}
}
@media (min-width: 900px) {
div.f-text-image-background-inner .f-content-container .f-content-container-inner {
max-width: min(700px, 70%);
margin: 0 auto;
}
}
div.f-text-image-background-inner .f-content-container h1, div.f-text-image-background-inner .f-content-container h2 {
font-family: gt-regular, "sans-serif";
font-size: 25px;
font-size: 2.5rem;
line-height: 1.33;
margin-bottom: 35px;
}
@media (min-width: 650px) {
div.f-text-image-background-inner .f-content-container h1, div.f-text-image-background-inner .f-content-container h2 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 768px) {
div.f-text-image-background-inner .f-content-container h1, div.f-text-image-background-inner .f-content-container h2 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 1200px) {
div.f-text-image-background-inner .f-content-container h1, div.f-text-image-background-inner .f-content-container h2 {
font-size: 35px;
font-size: 3.5rem;
}
}
@media (min-width: 1600px) {
div.f-text-image-background-inner .f-content-container h1, div.f-text-image-background-inner .f-content-container h2 {
font-size: 40px;
font-size: 4rem;
}
}
div.f-text-image-background-inner .f-content-container .custom-text {
font-family: gt-light, "sans-serif";
font-size: 16px;
font-size: 1.6rem;
}
@media (min-width: 650px) {
div.f-text-image-background-inner .f-content-container .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 768px) {
div.f-text-image-background-inner .f-content-container .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 900px) {
div.f-text-image-background-inner .f-content-container .custom-text {
max-height: 280px;
overflow-y: auto;
padding-right: 15px;
}
div.f-text-image-background-inner .f-content-container .custom-text::-webkit-scrollbar {
width: 5px;
height: 5px;
}
div.f-text-image-background-inner .f-content-container .custom-text::-webkit-scrollbar-thumb {
background: #F3A1AA;
border-radius: 15px;
transition: all 0.3s ease-in-out;
}
div.f-text-image-background-inner .f-content-container .custom-text::-webkit-scrollbar-thumb:hover {
background: #F3A1AA;
}
div.f-text-image-background-inner .f-content-container .custom-text::-webkit-scrollbar-track {
background: #120829;
border-radius: 15px;
}
}
@media (min-width: 1200px) {
div.f-text-image-background-inner .f-content-container .custom-text {
font-size: 22px;
font-size: 2.2rem;
}
}
@media (min-width: 1600px) {
div.f-text-image-background-inner .f-content-container .custom-text {
font-size: 25px;
font-size: 2.5rem;
}
}
div.f-text-image-background-inner .f-content-container .f-link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
margin-top: 15px;
flex-wrap: wrap;
}
div.f-text-image-background-inner .f-content-container .f-link-container a, div.f-text-image-background-inner .f-content-container .f-link-container button {
margin: 0 0 10px 10px;
}
div.f-text-image-background-inner .f-content-container .f-image-container {
width: 100%;
aspect-ratio: 1/1;
clip-path: circle(50% at 50% 50%);
margin-top: calc(-50% + 35px);
transform: translateY(50%);
}
@media (min-width: 900px) {
div.f-text-image-background-inner .f-content-container .f-image-container {
display: none;
}
}
div.f-text-image-background-inner .f-content-container .f-image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
section.f-text-illustration {
overflow: hidden;
position: relative; }
section.f-text-illustration .f-shape-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% - max(15%, 150px)); display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
section.f-text-illustration .f-shape-container[data-position=left] {
flex-direction: row-reverse;
}
@media (min-width: 1200px) {
section.f-text-illustration .f-shape-container[data-position=left] {
left: unset;
right: 0;
}
}
section.f-text-illustration .f-shape-container[data-position=left] .shape-right {
transform: translateX(50%);
}
@media (min-width: 768px) {
section.f-text-illustration .f-shape-container {
min-height: 400px;
height: 100%;
}
}
@media (min-width: 1200px) {
section.f-text-illustration .f-shape-container {
height: 100%;
width: 70%;
min-height: 450px;
}
}
@media (min-width: 1600px) {
section.f-text-illustration .f-shape-container {
min-height: 550px;
}
}
section.f-text-illustration .f-shape-container[data-color=white-pink] .shape-left, section.f-text-illustration .f-shape-container[data-color=white-pink] .shape-right {
background: rgb(255, 255, 255);
background: linear-gradient(var(--direction, 180deg), rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
}
section.f-text-illustration .f-shape-container[data-color=purple] .shape-left, section.f-text-illustration .f-shape-container[data-color=purple] .shape-right {
background: rgb(52, 44, 82);
background: linear-gradient(var(--direction, 180deg), rgb(52, 44, 82) 0%, rgb(168, 118, 135) 100%);
}
section.f-text-illustration .f-shape-container .shape-left {
min-width: 70%;
}
section.f-text-illustration .f-shape-container .shape-right {
display: block;
height: 100%;
width: auto;
aspect-ratio: 1/1;
clip-path: circle(50% at 50% 50%);
transform: translateX(-50%);
}
div.f-text-illustration-inner {
position: relative;
z-index: 2;
}
div.f-text-illustration-inner[data-position=left] {
text-align: right;
}
@media (min-width: 768px) {
div.f-text-illustration-inner[data-position=left] {
text-align: unset;
}
}
@media (min-width: 1024px) {
div.f-text-illustration-inner[data-position=left] {
grid-template-columns: 400px 1fr;
}
}
@media (min-width: 1200px) {
div.f-text-illustration-inner[data-position=left] {
grid-template-columns: 500px 1fr;
}
}
@media (min-width: 1600px) {
div.f-text-illustration-inner[data-position=left] {
grid-template-columns: 600px 1fr;
}
}
@media (min-width: 768px) {
div.f-text-illustration-inner[data-position=left] .left {
padding-right: 0;
padding-left: 20%;
}
}
@media (min-width: 1024px) {
div.f-text-illustration-inner[data-position=left] .left {
grid-column: 2/span 1;
grid-row: 1;
}
}
@media (min-width: 1024px) {
div.f-text-illustration-inner[data-position=left] .right {
grid-column: 1/span 1;
grid-row: 1;
}
}
@media (min-width: 1024px) {
div.f-text-illustration-inner {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 1fr 400px;
gap: 0;
align-items: center;
}
}
@media (min-width: 1200px) {
div.f-text-illustration-inner {
grid-template-columns: 1fr 500px;
}
}
@media (min-width: 1600px) {
div.f-text-illustration-inner {
grid-template-columns: 1fr 600px;
}
}
div.f-text-illustration-inner .left[data-color=purple] {
color: #FFFFFF;
}
@media (min-width: 768px) {
div.f-text-illustration-inner .left {
padding-right: 20%;
min-height: 400px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
align-items: flex-start;
}
}
@media (min-width: 1200px) {
div.f-text-illustration-inner .left {
min-height: 450px;
}
}
@media (min-width: 1600px) {
div.f-text-illustration-inner .left {
min-height: 550px;
}
}
div.f-text-illustration-inner .left h1, div.f-text-illustration-inner .left h2 {
font-family: gt-regular, "sans-serif";
font-size: 25px;
font-size: 2.5rem;
line-height: 1.33;
margin-bottom: 35px;
}
@media (min-width: 650px) {
div.f-text-illustration-inner .left h1, div.f-text-illustration-inner .left h2 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 768px) {
div.f-text-illustration-inner .left h1, div.f-text-illustration-inner .left h2 {
font-size: 35px;
font-size: 3.5rem;
}
}
@media (min-width: 1200px) {
div.f-text-illustration-inner .left h1, div.f-text-illustration-inner .left h2 {
font-size: 40px;
font-size: 4rem;
}
}
@media (min-width: 1600px) {
div.f-text-illustration-inner .left h1, div.f-text-illustration-inner .left h2 {
font-size: 50px;
font-size: 5rem;
}
}
div.f-text-illustration-inner .left .custom-text {
font-family: gt-light, "sans-serif";
font-size: 16px;
font-size: 1.6rem;
}
@media (min-width: 650px) {
div.f-text-illustration-inner .left .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 768px) {
div.f-text-illustration-inner .left .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1200px) {
div.f-text-illustration-inner .left .custom-text {
font-size: 22px;
font-size: 2.2rem;
}
}
@media (min-width: 1600px) {
div.f-text-illustration-inner .left .custom-text {
font-size: 25px;
font-size: 2.5rem;
}
}
div.f-text-illustration-inner .left .f-link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
margin-top: 15px;
flex-wrap: wrap;
}
div.f-text-illustration-inner .left .f-link-container a, div.f-text-illustration-inner .left .f-link-container button {
margin: 0 0 10px 10px;
}
div.f-text-illustration-inner .right {
display: flex;
justify-content: center;
align-items: center;
max-height: 400px;
max-width: 400px;
margin: 0 auto;
}
@media (min-width: 1200px) {
div.f-text-illustration-inner .right {
height: 500px;
width: 500px;
}
}
@media (min-width: 1600px) {
div.f-text-illustration-inner .right {
width: 600px;
height: 600px;
max-height: unset;
max-width: unset;
}
}
div.f-text-illustration-inner .right img {
display: block;
width: 100%;
height: auto;
max-width: 90%;
}
@media (min-width: 1200px) {
div.f-text-illustration-inner .right img {
max-width: unset;
}
}
@media (min-width: 1600px) {
div.f-text-illustration-inner .right img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
height: 100%;
}
}
section.f-text-image {
overflow: hidden;
position: relative;
}
section.f-text-image[data-design=old] .f-shape-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% - max(15%, 150px)); display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
section.f-text-image[data-design=old] .f-shape-container[data-position=left] {
flex-direction: row-reverse;
}
@media (min-width: 1200px) {
section.f-text-image[data-design=old] .f-shape-container[data-position=left] {
left: unset;
right: 0;
}
}
section.f-text-image[data-design=old] .f-shape-container[data-position=left] .shape-right {
transform: translateX(50%);
}
@media (min-width: 768px) {
section.f-text-image[data-design=old] .f-shape-container {
min-height: 400px;
height: 100%;
}
}
@media (min-width: 1200px) {
section.f-text-image[data-design=old] .f-shape-container {
height: 100%;
width: 70%;
min-height: 450px;
}
}
@media (min-width: 1600px) {
section.f-text-image[data-design=old] .f-shape-container {
min-height: 550px;
}
}
section.f-text-image[data-design=old] .f-shape-container[data-color=white-pink] .shape-left, section.f-text-image[data-design=old] .f-shape-container[data-color=white-pink] .shape-right {
background: rgb(255, 255, 255);
background: linear-gradient(var(--direction, 180deg), rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
}
section.f-text-image[data-design=old] .f-shape-container[data-color=purple] .shape-left, section.f-text-image[data-design=old] .f-shape-container[data-color=purple] .shape-right {
background: rgb(52, 44, 82);
background: linear-gradient(var(--direction, 180deg), rgb(52, 44, 82) 0%, rgb(168, 118, 135) 100%);
}
section.f-text-image[data-design=old] .f-shape-container[data-color=white] + .section-inner {
background-color: white;
}
section.f-text-image[data-design=old] .f-shape-container .shape-left {
min-width: 70%;
}
section.f-text-image[data-design=old] .f-shape-container .shape-right {
display: block;
height: 100%;
width: auto;
aspect-ratio: 1/1;
clip-path: circle(50% at 50% 50%);
transform: translateX(-50%);
}
div.f-text-image-inner[data-design=old] {
position: relative;
z-index: 2;
}
@media (min-width: 1024px) {
div.f-text-image-inner[data-design=old][data-position=left] {
grid-template-columns: 400px 1fr;
}
}
@media (min-width: 1200px) {
div.f-text-image-inner[data-design=old][data-position=left] {
grid-template-columns: 500px 1fr;
}
}
@media (min-width: 1600px) {
div.f-text-image-inner[data-design=old][data-position=left] {
grid-template-columns: 600px 1fr;
}
}
@media (min-width: 768px) {
div.f-text-image-inner[data-design=old][data-position=left] .left {
padding-right: 0;
padding-left: 20%;
}
}
@media (min-width: 1024px) {
div.f-text-image-inner[data-design=old][data-position=left] .left {
grid-column: 2/span 1;
grid-row: 1;
}
}
@media (min-width: 1024px) {
div.f-text-image-inner[data-design=old][data-position=left] .right {
grid-column: 1/span 1;
grid-row: 1;
}
}
@media (min-width: 1024px) {
div.f-text-image-inner[data-design=old] {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 1fr 400px;
gap: 0;
align-items: center;
}
}
@media (min-width: 1200px) {
div.f-text-image-inner[data-design=old] {
grid-template-columns: 1fr 500px;
}
}
@media (min-width: 1600px) {
div.f-text-image-inner[data-design=old] {
grid-template-columns: 1fr 600px;
}
}
div.f-text-image-inner[data-design=old] .left[data-color=purple] {
color: #FFFFFF;
}
@media (min-width: 768px) {
div.f-text-image-inner[data-design=old] .left {
padding-right: 20%;
min-height: 400px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
align-items: flex-start;
}
}
@media (min-width: 1200px) {
div.f-text-image-inner[data-design=old] .left {
min-height: 450px;
}
}
@media (min-width: 1600px) {
div.f-text-image-inner[data-design=old] .left {
min-height: 550px;
}
}
div.f-text-image-inner[data-design=old] .left h1, div.f-text-image-inner[data-design=old] .left h2 {
font-family: gt-regular, "sans-serif";
font-size: 25px;
font-size: 2.5rem;
line-height: 1.33;
margin-bottom: 35px;
}
@media (min-width: 650px) {
div.f-text-image-inner[data-design=old] .left h1, div.f-text-image-inner[data-design=old] .left h2 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 768px) {
div.f-text-image-inner[data-design=old] .left h1, div.f-text-image-inner[data-design=old] .left h2 {
font-size: 35px;
font-size: 3.5rem;
}
}
@media (min-width: 1200px) {
div.f-text-image-inner[data-design=old] .left h1, div.f-text-image-inner[data-design=old] .left h2 {
font-size: 40px;
font-size: 4rem;
}
}
@media (min-width: 1600px) {
div.f-text-image-inner[data-design=old] .left h1, div.f-text-image-inner[data-design=old] .left h2 {
font-size: 50px;
font-size: 5rem;
}
}
div.f-text-image-inner[data-design=old] .left .custom-text {
font-family: gt-light, "sans-serif";
font-size: 16px;
font-size: 1.6rem;
}
@media (min-width: 650px) {
div.f-text-image-inner[data-design=old] .left .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 768px) {
div.f-text-image-inner[data-design=old] .left .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1200px) {
div.f-text-image-inner[data-design=old] .left .custom-text {
font-size: 22px;
font-size: 2.2rem;
}
}
@media (min-width: 1600px) {
div.f-text-image-inner[data-design=old] .left .custom-text {
font-size: 25px;
font-size: 2.5rem;
}
}
div.f-text-image-inner[data-design=old] .left .f-link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
margin-top: 15px;
flex-wrap: wrap;
}
div.f-text-image-inner[data-design=old] .left .f-link-container a, div.f-text-image-inner[data-design=old] .left .f-link-container button {
margin: 0 0 10px 10px;
}
div.f-text-image-inner[data-design=old] .right {
display: flex;
justify-content: center;
align-items: center;
max-height: 400px;
max-width: 400px;
margin: 0 auto;
}
@media (min-width: 1200px) {
div.f-text-image-inner[data-design=old] .right {
height: 500px;
width: 500px;
}
}
@media (min-width: 1600px) {
div.f-text-image-inner[data-design=old] .right {
width: 600px;
height: 600px;
max-height: unset;
max-width: unset;
}
}
div.f-text-image-inner[data-design=old] .right[data-type=set] .image-wrapper {
display: flex;
justify-content: center;
align-items: center;
}
div.f-text-image-inner[data-design=old] .right[data-type=set] img {
display: block;
width: 100%;
height: auto;
max-width: 90%;
border-radius: 10px;
}
@media (min-width: 1200px) {
div.f-text-image-inner[data-design=old] .right[data-type=set] img {
max-width: unset;
}
}
@media (min-width: 1600px) {
div.f-text-image-inner[data-design=old] .right[data-type=set] img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
height: 100%;
}
}
div.f-text-image-inner[data-design=old] .right[data-type=contain] .image-wrapper {
width: fit-content;
height: fit-content;
overflow: hidden;
border-radius: 10px;
}
div.f-text-image-inner[data-design=old] .right[data-type=contain] img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
max-width: 90%;
height: 100%;
margin: auto;
}
@media (min-width: 1200px) {
div.f-text-image-inner[data-design=old] .right[data-type=contain] img {
max-width: unset;
}
}
div.f-text-image-inner[data-design=old] .right[data-type=cover] .image-wrapper {
width: 100%;
height: 100%;
}
div.f-text-image-inner[data-design=old] .right[data-type=cover] img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
max-width: 90%;
height: 100%;
border-radius: 10px;
}
@media (min-width: 1200px) {
div.f-text-image-inner[data-design=old] .right[data-type=cover] img {
max-width: unset;
}
}
@media (min-width: 1600px) {
div.f-text-image-inner[data-design=old] .right[data-type=cover] img {
height: 100%;
}
}
div.f-text-image-inner[data-design=new] .f-border-container {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
background: linear-gradient(to bottom, #F5F5F5, #E8A6AB);
border-radius: 15px;
padding: 30px 30px;
}
@media (min-width: 1200px) {
div.f-text-image-inner[data-design=new] .f-border-container {
padding: 40px 78px;
}
}
@media (min-width: 1024px) {
div.f-text-image-inner[data-design=new] .f-border-container {
padding: 60px 98px;
}
}
@media (min-width: 1200px) {
div.f-text-image-inner[data-design=new] .f-border-container {
padding: 100px 138px;
}
}
@media (min-width: 900px) {
div.f-text-image-inner[data-design=new] .f-border-container {
grid-template-columns: 1fr 363px;
gap: 50px;
}
}
@media (min-width: 1200px) {
div.f-text-image-inner[data-design=new] .f-border-container[data-image-type=contain] {
grid-template-columns: 1fr 280px;
gap: 100px;
}
}
@media (min-width: 900px) {
div.f-text-image-inner[data-design=new] .f-border-container[data-position=left] {
grid-template-columns: 363px 1fr;
}
}
@media (min-width: 900px) {
div.f-text-image-inner[data-design=new] .f-border-container[data-position=left] .left {
grid-column: 2/span 1;
grid-row: 1;
}
}
@media (min-width: 900px) {
div.f-text-image-inner[data-design=new] .f-border-container[data-position=left] .right {
grid-column: 1/span 1;
grid-row: 1;
}
}
div.f-text-image-inner[data-design=new] .left[data-color=purple] {
color: #FFFFFF;
}
div.f-text-image-inner[data-design=new] .left h1, div.f-text-image-inner[data-design=new] .left h2 {
font-family: gt-regular, "sans-serif";
font-style: normal;
font-size: 25px;
font-size: 2.5rem;
line-height: 1.15;
}
@media (min-width: 420px) {
div.f-text-image-inner[data-design=new] .left h1, div.f-text-image-inner[data-design=new] .left h2 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 768px) {
div.f-text-image-inner[data-design=new] .left h1, div.f-text-image-inner[data-design=new] .left h2 {
font-size: 38px;
font-size: 3.8rem;
}
}
@media (min-width: 1200px) {
div.f-text-image-inner[data-design=new] .left h1, div.f-text-image-inner[data-design=new] .left h2 {
font-size: 45px;
font-size: 4.5rem;
}
}
div.f-text-image-inner[data-design=new] .left h1 i, div.f-text-image-inner[data-design=new] .left h1 em, div.f-text-image-inner[data-design=new] .left h2 i, div.f-text-image-inner[data-design=new] .left h2 em {
font-style: italic;
}
div.f-text-image-inner[data-design=new] .left h1 span, div.f-text-image-inner[data-design=new] .left h2 span {
color: #F3A1AA;
}
div.f-text-image-inner[data-design=new] .left h1 + .custom-text, div.f-text-image-inner[data-design=new] .left h2 + .custom-text {
margin-top: 30px;
}
div.f-text-image-inner[data-design=new] .left h1 + .f-link-container, div.f-text-image-inner[data-design=new] .left h2 + .f-link-container {
margin-top: 60px;
}
div.f-text-image-inner[data-design=new] .left .custom-text {
font-family: gt-light, "sans-serif";
font-size: 16px;
font-size: 1.6rem;
}
@media (min-width: 420px) {
div.f-text-image-inner[data-design=new] .left .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 768px) {
div.f-text-image-inner[data-design=new] .left .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1200px) {
div.f-text-image-inner[data-design=new] .left .custom-text {
font-size: 22px;
font-size: 2.2rem;
}
}
div.f-text-image-inner[data-design=new] .left .custom-text + .f-link-container {
margin-top: 60px;
}
div.f-text-image-inner[data-design=new] .left .f-link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
margin-top: 15px;
flex-wrap: wrap;
}
div.f-text-image-inner[data-design=new] .left .f-link-container a, div.f-text-image-inner[data-design=new] .left .f-link-container button {
margin: 0 0 10px 10px;
}
div.f-text-image-inner[data-design=new] .right .f-image-container[data-type=set] {
overflow: hidden;
border-radius: 10px;
}
div.f-text-image-inner[data-design=new] .right .f-image-container[data-type=set] img {
display: block;
width: 100%;
height: auto;
}
div.f-text-image-inner[data-design=new] .right .f-image-container[data-type=contain] img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
object-position: var(--x, 50%) var(--y, 50%);
}
div.f-text-image-inner[data-design=new] .right .f-image-container[data-type=cover] {
overflow: hidden;
border-radius: 10px;
}
div.f-text-image-inner[data-design=new] .right .f-image-container[data-type=cover] img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
section.f-text-media .section-inner.media-image, section.f-text-media .section-inner.media-video {
display: grid;
grid: auto/minmax(0, 1fr);
gap: 50px;
}
@media (min-width: 768px) {
section.f-text-media .section-inner.media-image, section.f-text-media .section-inner.media-video {
grid: auto/repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
section.f-text-media .section-inner[data-position=left] .left {
order: 1;
}
}
section.f-text-media .section-inner .left {
display: flex;
flex-direction: column;
gap: 20px;
}
section.f-text-media .section-inner .right .image-wrapper {
height: 100%;
}
section.f-text-media .section-inner .right .image-wrapper img {
display: flex;
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 25px;
}
section.f-text-media .section-inner .right .video-wrapper {
display: flex;
justify-content: center;
}
section.f-text-media .section-inner .right .video-wrapper iframe {
max-width: 100%;
}
section.f-text-usp {
position: relative;
overflow: hidden;
}
section.f-text-usp::after {
content: "";
position: absolute;
height: 100%;
width: 300vw;
left: 0;
top: 0;
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
border-top-right-radius: 50%;
transform: translateX(-100vw);
display: none;
}
@media (min-width: 1200px) {
section.f-text-usp::after {
width: 65%;
border-radius: 0;
transform: translateX(0);
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
display: none;
}
}
section.f-text-usp .f-shape-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
@media (min-width: 1200px) {
section.f-text-usp .f-shape-container {
width: 50%; }
}
@media (min-width: 1700px) {
section.f-text-usp .f-shape-container {
width: 55vw;
}
}
section.f-text-usp .f-shape-container[data-color=white-pink] .shape-left, section.f-text-usp .f-shape-container[data-color=white-pink] .shape-right {
background: rgb(255, 255, 255);
background: linear-gradient(var(--direction, 180deg), rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
}
section.f-text-usp .f-shape-container[data-color=purple] .shape-left, section.f-text-usp .f-shape-container[data-color=purple] .shape-right {
background: rgb(52, 44, 82);
background: linear-gradient(var(--direction, 180deg), rgb(52, 44, 82) 0%, rgb(168, 118, 135) 100%);
}
section.f-text-usp .f-shape-container[data-position=left] {
left: unset;
right: 0;
flex-direction: row-reverse;
}
section.f-text-usp .f-shape-container[data-position=left] .shape-right {
transform: translateX(50%);
}
section.f-text-usp .f-shape-container[data-position=right] {
left: 0;
right: unset;
}
section.f-text-usp .f-shape-container .shape-left {
min-width: 75%;
}
@media (max-width: calc(1200px - 1px)) {
section.f-text-usp .f-shape-container .shape-left {
display: block;
width: 100%;
height: 100%;
}
}
section.f-text-usp .f-shape-container .shape-right {
display: block;
height: 100%;
width: auto;
aspect-ratio: 1/1;
clip-path: circle(50% at 50% 50%);
transform: translateX(-50%);
}
@media (min-width: 1200px) {
section.f-text-usp .f-shape-container .shape-right {
display: block;
height: 100%;
width: auto;
aspect-ratio: 1/1;
clip-path: circle(50% at 50% 50%);
transform: translateX(-50%);
}
}
div.f-text-usp-inner {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 100%;
gap: 35px;
}
@media (min-width: 1200px) {
div.f-text-usp-inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 70px;
align-items: center;
}
}
@media (min-width: 1200px) {
div.f-text-usp-inner[data-position=left] .left {
grid-column: 2/span 1;
grid-row: 1;
}
}
@media (min-width: 1200px) {
div.f-text-usp-inner[data-position=left] .right {
grid-column: 1/span 1;
grid-row: 1;
}
}
@media (max-width: 1200px) {
div.f-text-usp-inner .left, div.f-text-usp-inner .right {
padding: 30px 0;
}
}
div.f-text-usp-inner .left {
position: relative;
}
div.f-text-usp-inner .left[data-color=purple] {
color: #FFFFFF;
}
div.f-text-usp-inner .left h1, div.f-text-usp-inner .left h2 {
margin-bottom: 35px;
}
div.f-text-usp-inner .left .f-link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
margin-top: 20px;
}
div.f-text-usp-inner .right .f-usp-container {
display: grid;
grid-template-columns: 100%;
gap: 20px;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
@media (min-width: 768px) {
div.f-text-usp-inner .right .f-usp-container {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
}
@media (min-width: 1200px) {
div.f-text-usp-inner .right .f-usp-container {
gap: 24px;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
}
div.f-text-usp-inner .right .f-usp-container .item-container {
background: var(--bg, #FFFFFF);
border-radius: 10px;
padding: 20px;
}
@media (min-width: 1200px) {
div.f-text-usp-inner .right .f-usp-container .item-container {
padding: 25px;
display: flex;
justify-content: center;
align-items: center;
}
}
@media (min-width: 1600px) {
div.f-text-usp-inner .right .f-usp-container .item-container {
padding: 30px 35px;
}
}
div.f-text-usp-inner .right .f-usp-container .item-container .custom-text {
font-size: 20px;
font-size: 2rem;
line-height: 1.3;
}
@media (min-width: 650px) {
div.f-text-usp-inner .right .f-usp-container .item-container .custom-text {
font-size: 24px;
font-size: 2.4rem;
}
}
@media (min-width: 1200px) {
div.f-text-usp-inner .right .f-usp-container .item-container .custom-text {
font-size: 26px;
font-size: 2.6rem;
}
}
@media (min-width: 1600px) {
div.f-text-usp-inner .right .f-usp-container .item-container .custom-text {
font-size: 30px;
font-size: 3rem;
}
}
div.f-text-table-inner .f-border-container {
background: linear-gradient(to bottom, #F5F5F5, #E8A6AB);
border-radius: 15px;
padding: 30px 30px;
}
@media (min-width: 1200px) {
div.f-text-table-inner .f-border-container {
padding: 40px 78px;
}
}
@media (min-width: 1024px) {
div.f-text-table-inner .f-border-container {
padding: 60px 98px;
}
}
@media (min-width: 1200px) {
div.f-text-table-inner .f-border-container {
padding: 100px 138px;
}
}
div.f-text-table-inner .f-title-container {
text-align: center;
max-width: 674px;
margin: 0 auto 0 auto;
}
div.f-text-table-inner .f-title-container + .f-text-container {
margin-top: 15px;
}
div.f-text-table-inner .f-title-container + .f-table-container {
margin-top: 40px;
}
@media (min-width: 768px) {
div.f-text-table-inner .f-title-container + .f-table-container {
margin-top: 60px;
}
}
div.f-text-table-inner .f-title-container h1, div.f-text-table-inner .f-title-container h2 {
font-family: gt-regular, "sans-serif";
font-style: normal;
font-size: 25px;
font-size: 2.5rem;
line-height: 1.15;
}
@media (min-width: 420px) {
div.f-text-table-inner .f-title-container h1, div.f-text-table-inner .f-title-container h2 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 768px) {
div.f-text-table-inner .f-title-container h1, div.f-text-table-inner .f-title-container h2 {
font-size: 38px;
font-size: 3.8rem;
}
}
@media (min-width: 1200px) {
div.f-text-table-inner .f-title-container h1, div.f-text-table-inner .f-title-container h2 {
font-size: 45px;
font-size: 4.5rem;
}
}
div.f-text-table-inner .f-title-container h1 i, div.f-text-table-inner .f-title-container h1 em, div.f-text-table-inner .f-title-container h2 i, div.f-text-table-inner .f-title-container h2 em {
font-style: italic;
}
div.f-text-table-inner .f-title-container h1 span, div.f-text-table-inner .f-title-container h2 span {
color: #F3A1AA;
}
div.f-text-table-inner .f-text-container {
text-align: center;
max-width: 900px;
margin: 0 auto 40px auto;
}
@media (min-width: 768px) {
div.f-text-table-inner .f-text-container {
margin: 0 auto 60px auto;
}
}
div.f-text-table-inner .f-text-container .custom-text {
font-family: gt-light, "sans-serif";
font-size: 16px;
font-size: 1.6rem;
}
@media (min-width: 420px) {
div.f-text-table-inner .f-text-container .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 768px) {
div.f-text-table-inner .f-text-container .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1200px) {
div.f-text-table-inner .f-text-container .custom-text {
font-size: 22px;
font-size: 2.2rem;
}
}
div.f-text-table-inner .f-table-container {
margin-top: 30px;
display: grid;
grid-template-columns: 1fr;
gap: 0;
}
@media (min-width: 768px) {
div.f-text-table-inner .f-table-container {
gap: 0;
}
}
div.f-text-table-inner .f-table-container .row .col-1 .custom-text {
font-family: gt-regular, "sans-serif";
}
div.f-text-table-inner .f-table-container .row .custom-text {
font-family: gt-light, "sans-serif";
font-size: 16px;
font-size: 1.6rem;
}
@media (min-width: 420px) {
div.f-text-table-inner .f-table-container .row .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 768px) {
div.f-text-table-inner .f-table-container .row .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1200px) {
div.f-text-table-inner .f-table-container .row .custom-text {
font-size: 22px;
font-size: 2.2rem;
}
}
div.f-text-table-inner .f-table-container .row .subrow .custom-text, div.f-text-table-inner .f-table-container .row .sub-col-1 .custom-text, div.f-text-table-inner .f-table-container .row .sub-col-2 .custom-text {
font-family: gt-light, "sans-serif";
font-size: 10px;
font-size: 1rem;
}
@media (min-width: 420px) {
div.f-text-table-inner .f-table-container .row .subrow .custom-text, div.f-text-table-inner .f-table-container .row .sub-col-1 .custom-text, div.f-text-table-inner .f-table-container .row .sub-col-2 .custom-text {
font-size: 12px;
font-size: 1.2rem;
}
}
@media (min-width: 768px) {
div.f-text-table-inner .f-table-container .row .subrow .custom-text, div.f-text-table-inner .f-table-container .row .sub-col-1 .custom-text, div.f-text-table-inner .f-table-container .row .sub-col-2 .custom-text {
font-size: 14px;
font-size: 1.4rem;
}
}
@media (min-width: 1200px) {
div.f-text-table-inner .f-table-container .row .subrow .custom-text, div.f-text-table-inner .f-table-container .row .sub-col-1 .custom-text, div.f-text-table-inner .f-table-container .row .sub-col-2 .custom-text {
font-size: 16px;
font-size: 1.6rem;
}
}
div.f-text-table-inner .f-table-container .row[data-type=row] {
display: grid;
grid-template-columns: 1fr;
gap: 0;
}
@media (min-width: 768px) {
div.f-text-table-inner .f-table-container .row[data-type=row] {
grid-template-columns: 30% 1fr;
}
}
div.f-text-table-inner .f-table-container .row[data-type=row][data-index=odd] {
background: #EFD0D2;
}
div.f-text-table-inner .f-table-container .row[data-type=row][data-index=odd] .col-2 .subrow[data-index=odd] {
background: #ECBEC0;
}
div.f-text-table-inner .f-table-container .row[data-type=row][data-index=odd] .col-2 .subrow[data-index=even] {
background: #f5e2e4;
}
div.f-text-table-inner .f-table-container .row[data-type=row][data-index=even] {
background: #F3A1AA;
}
div.f-text-table-inner .f-table-container .row[data-type=row] .col-1 {
padding: 15px;
}
div.f-text-table-inner .f-table-container .row[data-type=row] .col-2 {
padding: 15px;
border-top: 1px solid #FFFFFF;
}
@media (min-width: 768px) {
div.f-text-table-inner .f-table-container .row[data-type=row] .col-2 {
border-top: none;
border-left: 1px solid #FFFFFF;
}
}
div.f-text-table-inner .f-table-container .row[data-type=row] .col-2 .custom-small {
margin-bottom: 15px;
}
div.f-text-table-inner .f-table-container .row[data-type=row] .col-2 .custom-small:last-child {
margin-bottom: 0;
}
div.f-text-table-inner .f-table-container .row[data-type=heading] {
background: #21123D;
color: #FFFFFF;
display: grid;
grid-template-columns: 1fr;
gap: 0;
}
@media (min-width: 768px) {
div.f-text-table-inner .f-table-container .row[data-type=heading][data-count="2"] {
grid-template-columns: 30% 1fr;
}
}
div.f-text-table-inner .f-table-container .row[data-type=heading] .col-1 {
padding: 15px;
}
div.f-text-table-inner .f-table-container .row[data-type=heading] .col-2 {
padding: 15px;
border-top: 1px solid #FFFFFF;
}
@media (min-width: 768px) {
div.f-text-table-inner .f-table-container .row[data-type=heading] .col-2 {
border-top: none;
}
}
div.f-text-columns-inner .f-border-container {
background: linear-gradient(to bottom, #F5F5F5, #E8A6AB);
border-radius: 15px;
padding: 30px 30px;
}
@media (min-width: 1200px) {
div.f-text-columns-inner .f-border-container {
padding: 40px 78px;
}
}
@media (min-width: 1024px) {
div.f-text-columns-inner .f-border-container {
padding: 60px 98px;
}
}
@media (min-width: 1200px) {
div.f-text-columns-inner .f-border-container {
padding: 100px 138px;
}
}
div.f-text-columns-inner .f-title-container {
text-align: center;
max-width: 674px;
margin: 0 auto 0 auto;
}
div.f-text-columns-inner .f-title-container + .f-columns-container {
margin-top: 40px;
}
@media (min-width: 768px) {
div.f-text-columns-inner .f-title-container + .f-columns-container {
margin-top: 70px;
}
}
div.f-text-columns-inner .f-title-container h1, div.f-text-columns-inner .f-title-container h2 {
font-family: gt-regular, "sans-serif";
font-style: normal;
font-size: 25px;
font-size: 2.5rem;
line-height: 1.15;
}
@media (min-width: 420px) {
div.f-text-columns-inner .f-title-container h1, div.f-text-columns-inner .f-title-container h2 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 768px) {
div.f-text-columns-inner .f-title-container h1, div.f-text-columns-inner .f-title-container h2 {
font-size: 38px;
font-size: 3.8rem;
}
}
@media (min-width: 1200px) {
div.f-text-columns-inner .f-title-container h1, div.f-text-columns-inner .f-title-container h2 {
font-size: 45px;
font-size: 4.5rem;
}
}
div.f-text-columns-inner .f-title-container h1 i, div.f-text-columns-inner .f-title-container h1 em, div.f-text-columns-inner .f-title-container h2 i, div.f-text-columns-inner .f-title-container h2 em {
font-style: italic;
}
div.f-text-columns-inner .f-title-container h1 span, div.f-text-columns-inner .f-title-container h2 span {
color: #F3A1AA;
}
div.f-text-columns-inner .f-text-container {
text-align: center;
max-width: 900px;
margin: 0 auto 40px auto;
}
@media (min-width: 768px) {
div.f-text-columns-inner .f-text-container {
margin: 0 auto 70px auto;
}
}
div.f-text-columns-inner .f-text-container .custom-text {
font-family: gt-light, "sans-serif";
font-size: 16px;
font-size: 1.6rem;
}
@media (min-width: 420px) {
div.f-text-columns-inner .f-text-container .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 768px) {
div.f-text-columns-inner .f-text-container .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1200px) {
div.f-text-columns-inner .f-text-container .custom-text {
font-size: 22px;
font-size: 2.2rem;
}
}
div.f-text-columns-inner .f-columns-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
}
@media (min-width: 768px) {
div.f-text-columns-inner .f-columns-container {
gap: 30px 60px;
}
}
@media (min-width: 1200px) {
div.f-text-columns-inner .f-columns-container {
gap: 60px 96px;
}
}
div.f-text-columns-inner .f-columns-container .column h3 {
font-family: gt-regular, "sans-serif";
font-style: normal;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.15;
}
@media (min-width: 420px) {
div.f-text-columns-inner .f-columns-container .column h3 {
font-size: 22px;
font-size: 2.2rem;
}
}
@media (min-width: 768px) {
div.f-text-columns-inner .f-columns-container .column h3 {
font-size: 26px;
font-size: 2.6rem;
}
}
@media (min-width: 1200px) {
div.f-text-columns-inner .f-columns-container .column h3 {
font-size: 30px;
font-size: 3rem;
}
}
div.f-text-columns-inner .f-columns-container .column .custom-text {
font-family: gt-light, "sans-serif";
font-size: 16px;
font-size: 1.6rem;
margin-top: 16px;
}
@media (min-width: 420px) {
div.f-text-columns-inner .f-columns-container .column .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 768px) {
div.f-text-columns-inner .f-columns-container .column .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1200px) {
div.f-text-columns-inner .f-columns-container .column .custom-text {
font-size: 22px;
font-size: 2.2rem;
}
}
div.f-text-faq-inner .f-border-container {
background: linear-gradient(to bottom, #F5F5F5, #E8A6AB);
border-radius: 15px;
padding: 30px 30px;
}
@media (min-width: 1200px) {
div.f-text-faq-inner .f-border-container {
padding: 40px 78px;
}
}
@media (min-width: 1024px) {
div.f-text-faq-inner .f-border-container {
padding: 60px 98px;
}
}
@media (min-width: 1200px) {
div.f-text-faq-inner .f-border-container {
padding: 100px 138px;
}
}
div.f-text-faq-inner .f-border-container[data-image=true] {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
}
@media (min-width: 768px) {
div.f-text-faq-inner .f-border-container[data-image=true] {
grid-template-columns: 1fr 363px;
}
}
@media (min-width: 768px) {
div.f-text-faq-inner .f-border-container[data-image=true][data-position=left] {
grid-template-columns: 363px 1fr;
}
}
@media (min-width: 768px) {
div.f-text-faq-inner .f-border-container[data-image=true][data-position=left] .left {
grid-column: 2/span 1;
grid-row: 1;
}
}
@media (min-width: 768px) {
div.f-text-faq-inner .f-border-container[data-image=true][data-position=left] .right {
grid-column: 1/span 1;
grid-row: 1;
}
}
div.f-text-faq-inner .f-border-container[data-image=true] .left .f-title-container {
max-width: unset;
text-align: left;
}
div.f-text-faq-inner .f-border-container[data-image=true] .left .f-title-container + .f-text-container {
margin: 30px auto 60px auto;
}
div.f-text-faq-inner .f-border-container[data-image=true] .left .f-title-container + .f-faq-container {
margin-top: 50px;
}
div.f-text-faq-inner .f-border-container[data-image=true] .left .f-text-container {
max-width: unset;
text-align: left;
margin: 0 auto 60px auto;
}
div.f-text-faq-inner .f-border-container[data-image=true] .left .f-faq-container {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
@media (min-width: 768px) {
div.f-text-faq-inner .f-border-container[data-image=true] .left .f-faq-container {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
}
div.f-text-faq-inner .f-border-container[data-image=true] .left .f-faq-container .col {
gap: 10px;
margin-bottom: 0;
}
div.f-text-faq-inner .f-border-container[data-image=true] .right .f-image-container[data-type=set] {
overflow: hidden;
border-radius: 10px;
}
div.f-text-faq-inner .f-border-container[data-image=true] .right .f-image-container[data-type=set] img {
display: block;
width: 100%;
height: auto;
}
div.f-text-faq-inner .f-border-container[data-image=true] .right .f-image-container[data-type=contain] img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
object-position: var(--x, 50%) var(--y, 50%);
}
div.f-text-faq-inner .f-border-container[data-image=true] .right .f-image-container[data-type=cover] {
overflow: hidden;
border-radius: 10px;
}
div.f-text-faq-inner .f-border-container[data-image=true] .right .f-image-container[data-type=cover] img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
div.f-text-faq-inner .f-title-container {
text-align: center;
max-width: 674px;
margin: 0 auto 0 auto;
}
div.f-text-faq-inner .f-title-container + .f-faq-container {
margin-top: 40px;
}
@media (min-width: 768px) {
div.f-text-faq-inner .f-title-container + .f-faq-container {
margin-top: 70px;
}
}
div.f-text-faq-inner .f-title-container h1, div.f-text-faq-inner .f-title-container h2 {
font-family: gt-regular, "sans-serif";
font-style: normal;
font-size: 25px;
font-size: 2.5rem;
line-height: 1.15;
}
@media (min-width: 420px) {
div.f-text-faq-inner .f-title-container h1, div.f-text-faq-inner .f-title-container h2 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 768px) {
div.f-text-faq-inner .f-title-container h1, div.f-text-faq-inner .f-title-container h2 {
font-size: 38px;
font-size: 3.8rem;
}
}
@media (min-width: 1200px) {
div.f-text-faq-inner .f-title-container h1, div.f-text-faq-inner .f-title-container h2 {
font-size: 45px;
font-size: 4.5rem;
}
}
div.f-text-faq-inner .f-title-container h1 i, div.f-text-faq-inner .f-title-container h1 em, div.f-text-faq-inner .f-title-container h2 i, div.f-text-faq-inner .f-title-container h2 em {
font-style: italic;
}
div.f-text-faq-inner .f-title-container h1 span, div.f-text-faq-inner .f-title-container h2 span {
color: #F3A1AA;
}
div.f-text-faq-inner .f-text-container {
text-align: center;
max-width: 900px;
margin: 0 auto 40px auto;
}
@media (min-width: 768px) {
div.f-text-faq-inner .f-text-container {
margin: 0 auto 70px auto;
}
}
div.f-text-faq-inner .f-text-container .custom-text {
font-family: gt-light, "sans-serif";
font-size: 16px;
font-size: 1.6rem;
}
@media (min-width: 420px) {
div.f-text-faq-inner .f-text-container .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 768px) {
div.f-text-faq-inner .f-text-container .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1200px) {
div.f-text-faq-inner .f-text-container .custom-text {
font-size: 22px;
font-size: 2.2rem;
}
}
@media (min-width: 768px) {
div.f-text-faq-inner .f-faq-container {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 15px;
align-items: start;
}
}
div.f-text-faq-inner .f-faq-container .col {
display: grid;
grid-template-columns: 1fr;
gap: 15px;
margin-bottom: 15px;
}
div.f-text-faq-inner .f-faq-container .col:last-child {
margin-bottom: 0;
}
div.f-text-faq-inner .f-faq-container details {
background: #F0D5D7;
border-radius: 10px;
padding: 15px;
padding: 22px 25px;
height: fit-content;
width: 100%;
}
div.f-text-faq-inner .f-faq-container details[open] summary button span:nth-child(1) {
transform: rotate(0);
}
div.f-text-faq-inner .f-faq-container details summary {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
gap: 30px;
list-style: none;
align-items: center;
cursor: pointer;
}
div.f-text-faq-inner .f-faq-container details summary::marker {
display: none;
}
div.f-text-faq-inner .f-faq-container details summary::-webkit-details-marker {
display: none;
}
div.f-text-faq-inner .f-faq-container details summary span.title, div.f-text-faq-inner .f-faq-container details summary h3 {
display: block;
font-family: gt-regular, "sans-serif";
font-style: normal;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.15;
}
@media (min-width: 420px) {
div.f-text-faq-inner .f-faq-container details summary span.title, div.f-text-faq-inner .f-faq-container details summary h3 {
font-size: 22px;
font-size: 2.2rem;
}
}
@media (min-width: 768px) {
div.f-text-faq-inner .f-faq-container details summary span.title, div.f-text-faq-inner .f-faq-container details summary h3 {
font-size: 26px;
font-size: 2.6rem;
}
}
@media (min-width: 1200px) {
div.f-text-faq-inner .f-faq-container details summary span.title, div.f-text-faq-inner .f-faq-container details summary h3 {
font-size: 30px;
font-size: 3rem;
}
}
div.f-text-faq-inner .f-faq-container details summary button {
display: block;
width: 40px;
height: 40px;
flex: 0 0 40px;
border-radius: 50%;
position: relative;
border: none;
padding: 0;
margin: 0;
cursor: pointer;
pointer-events: none;
}
div.f-text-faq-inner .f-faq-container details summary button span {
position: absolute;
width: 40%;
height: 2.5px;
background: #120829;
top: calc(50% - 1px);
left: 30%;
transition: all 0.15s ease-in-out;
}
div.f-text-faq-inner .f-faq-container details summary button span:nth-child(1) {
transform: rotate(90deg);
}
div.f-text-faq-inner .f-faq-container details .summary-content .custom-text {
font-family: gt-light, "sans-serif";
font-size: 16px;
font-size: 1.6rem;
padding-top: 30px;
}
@media (min-width: 420px) {
div.f-text-faq-inner .f-faq-container details .summary-content .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 768px) {
div.f-text-faq-inner .f-faq-container details .summary-content .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1200px) {
div.f-text-faq-inner .f-faq-container details .summary-content .custom-text {
font-size: 22px;
font-size: 2.2rem;
}
}
div.f-text-faq-inner .f-faq-container .text-details {
background: #F0D5D7;
border-radius: 10px;
padding: 15px;
padding: 22px 25px;
height: fit-content;
width: 100%;
}
div.f-text-faq-inner .f-faq-container .text-details.open .summary button.button span:nth-child(1) {
transform: rotate(0);
}
div.f-text-faq-inner .f-faq-container .text-details .summary {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
gap: 30px 10px;
list-style: none;
align-items: center;
cursor: pointer;
}
div.f-text-faq-inner .f-faq-container .text-details .summary::marker {
display: none;
}
div.f-text-faq-inner .f-faq-container .text-details .summary::-webkit-details-marker {
display: none;
}
div.f-text-faq-inner .f-faq-container .text-details .summary button {
background: transparent;
border: none;
width: 100%;
text-align: left;
cursor: pointer;
}
div.f-text-faq-inner .f-faq-container .text-details .summary button.title {
display: block;
font-family: gt-regular, "sans-serif";
font-style: normal;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.15;
}
@media (min-width: 420px) {
div.f-text-faq-inner .f-faq-container .text-details .summary button.title {
font-size: 22px;
font-size: 2.2rem;
}
}
@media (min-width: 768px) {
div.f-text-faq-inner .f-faq-container .text-details .summary button.title {
font-size: 26px;
font-size: 2.6rem;
}
}
@media (min-width: 1200px) {
div.f-text-faq-inner .f-faq-container .text-details .summary button.title {
font-size: 30px;
font-size: 3rem;
}
}
div.f-text-faq-inner .f-faq-container .text-details .summary button.button {
display: block;
width: 40px;
height: 40px;
flex: 0 0 40px;
border-radius: 50%;
position: relative;
border: none;
padding: 0;
margin: 0;
cursor: pointer;
background: #FFFFFF;
}
div.f-text-faq-inner .f-faq-container .text-details .summary button.button span {
position: absolute;
width: 40%;
height: 2.5px;
background: #120829;
top: calc(50% - 1px);
left: 30%;
transition: all 0.15s ease-in-out;
}
div.f-text-faq-inner .f-faq-container .text-details .summary button.button span:nth-child(1) {
transform: rotate(90deg);
}
div.f-text-faq-inner .f-faq-container .text-details .summary-content {
display: none;
}
div.f-text-faq-inner .f-faq-container .text-details .summary-content .custom-text {
font-family: gt-light, "sans-serif";
font-size: 16px;
font-size: 1.6rem;
padding-top: 30px;
}
@media (min-width: 420px) {
div.f-text-faq-inner .f-faq-container .text-details .summary-content .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 768px) {
div.f-text-faq-inner .f-faq-container .text-details .summary-content .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1200px) {
div.f-text-faq-inner .f-faq-container .text-details .summary-content .custom-text {
font-size: 22px;
font-size: 2.2rem;
}
}
div.f-text-numbered-list-inner .f-border-container {
background: linear-gradient(to bottom, #F5F5F5, #E8A6AB);
border-radius: 15px;
padding: 30px 30px;
}
@media (min-width: 1200px) {
div.f-text-numbered-list-inner .f-border-container {
padding: 40px 78px;
}
}
@media (min-width: 1024px) {
div.f-text-numbered-list-inner .f-border-container {
padding: 60px 98px;
}
}
@media (min-width: 1200px) {
div.f-text-numbered-list-inner .f-border-container {
padding: 100px 138px;
}
}
div.f-text-numbered-list-inner .f-title-container {
text-align: center;
max-width: 812px;
margin: 0 auto 0 auto;
}
div.f-text-numbered-list-inner .f-title-container + .f-text-container {
margin-top: 16px;
}
div.f-text-numbered-list-inner .f-title-container + .f-list-container {
margin-top: 40px;
}
@media (min-width: 768px) {
div.f-text-numbered-list-inner .f-title-container + .f-list-container {
margin-top: 70px;
}
}
div.f-text-numbered-list-inner .f-title-container h1, div.f-text-numbered-list-inner .f-title-container h2 {
font-family: gt-regular, "sans-serif";
font-style: normal;
font-size: 25px;
font-size: 2.5rem;
line-height: 1.15;
}
@media (min-width: 420px) {
div.f-text-numbered-list-inner .f-title-container h1, div.f-text-numbered-list-inner .f-title-container h2 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 768px) {
div.f-text-numbered-list-inner .f-title-container h1, div.f-text-numbered-list-inner .f-title-container h2 {
font-size: 38px;
font-size: 3.8rem;
}
}
@media (min-width: 1200px) {
div.f-text-numbered-list-inner .f-title-container h1, div.f-text-numbered-list-inner .f-title-container h2 {
font-size: 45px;
font-size: 4.5rem;
}
}
div.f-text-numbered-list-inner .f-title-container h1 i, div.f-text-numbered-list-inner .f-title-container h1 em, div.f-text-numbered-list-inner .f-title-container h2 i, div.f-text-numbered-list-inner .f-title-container h2 em {
font-style: italic;
}
div.f-text-numbered-list-inner .f-title-container h1 span, div.f-text-numbered-list-inner .f-title-container h2 span {
color: #F3A1AA;
}
div.f-text-numbered-list-inner .f-text-container {
text-align: center;
max-width: 900px;
margin: 0 auto 40px auto;
}
@media (min-width: 768px) {
div.f-text-numbered-list-inner .f-text-container {
margin: 0 auto 70px auto;
}
}
div.f-text-numbered-list-inner .f-text-container .custom-text {
font-family: gt-light, "sans-serif";
font-size: 16px;
font-size: 1.6rem;
}
@media (min-width: 420px) {
div.f-text-numbered-list-inner .f-text-container .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 768px) {
div.f-text-numbered-list-inner .f-text-container .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1200px) {
div.f-text-numbered-list-inner .f-text-container .custom-text {
font-size: 22px;
font-size: 2.2rem;
}
}
div.f-text-numbered-list-inner .f-list-container {
margin-top: 30px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 30px 60px;
counter-reset: li;
}
@media (min-width: 768px) {
div.f-text-numbered-list-inner .f-list-container {
grid-template-columns: repeat(auto-fill, minmax(312px, 1fr));
gap: 65px 75px;
}
}
div.f-text-numbered-list-inner .f-list-container li {
position: relative;
padding-top: calc(30px + 35px);
counter-increment: li;
}
div.f-text-numbered-list-inner .f-list-container li::before {
content: counter(li) ".";
position: absolute;
top: 0;
left: 0;
min-width: 35px;
min-height: 35px;
aspect-ratio: 1/1;
width: fit-content;
text-align: center;
background: #FF9DA9;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
}
@media (min-width: 650px) {
div.f-text-numbered-list-inner .f-list-container li::before {
width: 45px;
height: 45px;
aspect-ratio: 1/1;
font-size: 25px;
}
}
div.f-text-numbered-list-inner .f-list-container li::after {
display: none;
content: "";
background: black;
position: absolute;
min-width: 1px;
min-height: 35px;
top: 0;
left: 17px;
min-width: 35px;
min-height: 1px;
left: 0;
top: 17px;
}
div.f-text-numbered-list-inner .f-link-container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 15px;
margin-top: 30px;
}
@media (min-width: 768px) {
div.f-text-numbered-list-inner .f-link-container {
margin-top: 45px;
}
}
div.f-text-row-list-inner .f-border-container {
background: linear-gradient(to bottom, #F5F5F5, #E8A6AB);
border-radius: 15px;
padding: 30px 30px;
}
@media (min-width: 1200px) {
div.f-text-row-list-inner .f-border-container {
padding: 40px 78px;
}
}
@media (min-width: 1024px) {
div.f-text-row-list-inner .f-border-container {
padding: 60px 98px;
}
}
@media (min-width: 1200px) {
div.f-text-row-list-inner .f-border-container {
padding: 100px 138px;
}
}
div.f-text-row-list-inner .f-content-container[data-type=centered] .f-title-container {
text-align: center;
max-width: 674px;
margin: 0 auto 0 auto;
}
div.f-text-row-list-inner .f-content-container[data-type=centered] .f-title-container + .custom-text {
margin-top: 15px;
}
div.f-text-row-list-inner .f-content-container[data-type=centered] .custom-text {
text-align: center;
max-width: 900px;
margin: 0 auto;
}
div.f-text-row-list-inner .f-content-container[data-type=centered] + .f-list-container {
margin-top: 40px;
}
@media (min-width: 768px) {
div.f-text-row-list-inner .f-content-container[data-type=centered] + .f-list-container {
margin-top: 70px;
}
}
div.f-text-row-list-inner .f-content-container[data-type=split] {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
}
@media (min-width: 1024px) {
div.f-text-row-list-inner .f-content-container[data-type=split] {
grid-template-columns: 560px 1fr;
gap: 60px;
}
}
@media (min-width: 1200px) {
div.f-text-row-list-inner .f-content-container[data-type=split] {
grid-template-columns: 674px 1fr;
}
}
div.f-text-row-list-inner .f-content-container[data-type=split] + .f-list-container {
margin-top: 40px;
}
@media (min-width: 768px) {
div.f-text-row-list-inner .f-content-container[data-type=split] + .f-list-container {
margin-top: 70px;
}
}
@media (min-width: 1024px) {
div.f-text-row-list-inner .f-content-container[data-type=split] .f-link-container {
justify-content: flex-end;
}
}
div.f-text-row-list-inner .f-content-container .f-title-container h1, div.f-text-row-list-inner .f-content-container .f-title-container h2 {
font-family: gt-regular, "sans-serif";
font-style: normal;
font-size: 25px;
font-size: 2.5rem;
line-height: 1.15;
}
@media (min-width: 420px) {
div.f-text-row-list-inner .f-content-container .f-title-container h1, div.f-text-row-list-inner .f-content-container .f-title-container h2 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 768px) {
div.f-text-row-list-inner .f-content-container .f-title-container h1, div.f-text-row-list-inner .f-content-container .f-title-container h2 {
font-size: 38px;
font-size: 3.8rem;
}
}
@media (min-width: 1200px) {
div.f-text-row-list-inner .f-content-container .f-title-container h1, div.f-text-row-list-inner .f-content-container .f-title-container h2 {
font-size: 45px;
font-size: 4.5rem;
}
}
div.f-text-row-list-inner .f-content-container .f-title-container h1 i, div.f-text-row-list-inner .f-content-container .f-title-container h1 em, div.f-text-row-list-inner .f-content-container .f-title-container h2 i, div.f-text-row-list-inner .f-content-container .f-title-container h2 em {
font-style: italic;
}
div.f-text-row-list-inner .f-content-container .f-title-container h1 span, div.f-text-row-list-inner .f-content-container .f-title-container h2 span {
color: #F3A1AA;
}
div.f-text-row-list-inner .f-content-container .f-title-container + .custom-text {
margin-top: 15px;
}
div.f-text-row-list-inner .f-content-container .custom-text {
font-family: gt-light, "sans-serif";
font-size: 16px;
font-size: 1.6rem;
}
@media (min-width: 420px) {
div.f-text-row-list-inner .f-content-container .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 768px) {
div.f-text-row-list-inner .f-content-container .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1200px) {
div.f-text-row-list-inner .f-content-container .custom-text {
font-size: 22px;
font-size: 2.2rem;
}
}
div.f-text-row-list-inner .f-content-container .f-link-container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 15px;
height: 100%;
}
div.f-text-row-list-inner .f-list-container {
list-style: none;
border-radius: 10px;
overflow: hidden;
margin-top: 30px;
}
div.f-text-row-list-inner .f-list-container li {
padding: 60px 30px;
}
@media (min-width: 768px) {
div.f-text-row-list-inner .f-list-container li {
padding: 24px 38px;
}
}
@media (min-width: 1024px) {
div.f-text-row-list-inner .f-list-container li {
padding: 34px 58px;
}
}
@media (min-width: 1200px) {
div.f-text-row-list-inner .f-list-container li {
padding: 74px 138px;
}
}
div.f-text-row-list-inner .f-list-container li:nth-child(odd) {
background: #EFD0D2;
}
div.f-text-row-list-inner .f-list-container li:nth-child(even) {
background: #F3A1AA;
}
div.f-text-row-list-inner .f-list-container li h3 {
font-family: gt-regular, "sans-serif";
font-style: normal;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.15;
}
div.f-text-row-list-inner .f-list-container li h3 + .custom-text {
margin-top: 30px;
}
@media (min-width: 420px) {
div.f-text-row-list-inner .f-list-container li h3 {
font-size: 22px;
font-size: 2.2rem;
}
}
@media (min-width: 768px) {
div.f-text-row-list-inner .f-list-container li h3 {
font-size: 26px;
font-size: 2.6rem;
}
}
@media (min-width: 1200px) {
div.f-text-row-list-inner .f-list-container li h3 {
font-size: 30px;
font-size: 3rem;
}
}
div.f-text-row-list-inner .f-list-container li .custom-text {
font-family: gt-light, "sans-serif";
font-size: 16px;
font-size: 1.6rem;
margin-top: 16px;
}
@media (min-width: 420px) {
div.f-text-row-list-inner .f-list-container li .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 768px) {
div.f-text-row-list-inner .f-list-container li .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1200px) {
div.f-text-row-list-inner .f-list-container li .custom-text {
font-size: 22px;
font-size: 2.2rem;
}
}
section.f-contact {
position: relative;
background: linear-gradient(to top, #CA8388, #22123C);
overflow: hidden;
}
section.f-contact ::selection {
color: #120829;
background: #F3A1AA;
}
section.f-contact .f-shape-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (min-width: 1200px) {
section.f-contact .f-shape-container {
width: 120vw;
height: auto;
aspect-ratio: 1/1;
clip-path: circle(50% at 50% 50%);
left: -10vw;
background: #120829;
}
}
section.f-contact .f-shape-container .top {
width: 100%;
height: auto;
aspect-ratio: 1/1;
background: #120829;
clip-path: circle(50% at 50% 50%);
margin-bottom: -50%;
}
@media (min-width: 1200px) {
section.f-contact .f-shape-container .top {
display: none;
}
}
section.f-contact .f-shape-container .bottom {
background: #120829;
width: 100%;
height: 100%;
}
@media (min-width: 1200px) {
section.f-contact .f-shape-container .bottom {
display: none;
}
}
div.f-contact-inner {
position: relative;
z-index: 2;
}
div.f-contact-inner .f-title-container {
text-align: center;
margin-bottom: 60px;
margin-top: 60px;
padding: 0 30px;
}
@media (min-width: 1200px) {
div.f-contact-inner .f-title-container {
margin: 100px 0 60px 0;
}
}
div.f-contact-inner .f-title-container h1, div.f-contact-inner .f-title-container h2 {
font-size: 40px;
font-size: 4rem;
font-family: gt-regular, "sans-serif";
color: #FFFFFF;
}
@media (min-width: 420px) {
div.f-contact-inner .f-title-container h1, div.f-contact-inner .f-title-container h2 {
font-size: 50px;
font-size: 5rem;
}
}
@media (min-width: 900px) {
div.f-contact-inner .f-title-container h1, div.f-contact-inner .f-title-container h2 {
font-size: 60px;
font-size: 6rem;
}
}
@media (min-width: 1200px) {
div.f-contact-inner .f-title-container h1, div.f-contact-inner .f-title-container h2 {
font-size: 70px;
font-size: 7rem;
}
}
@media (min-width: 1600px) {
div.f-contact-inner .f-title-container h1, div.f-contact-inner .f-title-container h2 {
font-size: 90px;
font-size: 9rem;
}
}
div.f-contact-inner .f-content-container {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 1fr;
gap: 35px;
padding: 0 30px;
max-width: 1209px;
margin: 0 auto;
}
@media (min-width: 768px) {
div.f-contact-inner .f-content-container {
padding: 0 120px;
}
}
@media (min-width: 1200px) {
div.f-contact-inner .f-content-container {
grid-template-columns: auto 1fr;
gap: 60px;
}
}
@media (min-width: 1600px) {
div.f-contact-inner .f-content-container {
gap: 80px;
}
}
div.f-contact-inner .f-content-container .f-contact-container {
color: #FFFFFF;
display: grid;
grid-template-columns: 100%;
grid-template-columns: 98px 1fr;
gap: 15px 40px;
align-items: center;
}
@media (min-width: 1200px) {
div.f-contact-inner .f-content-container .f-contact-container {
grid-template-columns: 1fr;
}
}
div.f-contact-inner .f-content-container .f-contact-container .f-image-container {
width: 98px;
height: 98px;
clip-path: circle(50% at 50% 50%);
overflow: hidden;
background: #FFFFFF;
}
div.f-contact-inner .f-content-container .f-contact-container .f-image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
div.f-contact-inner .f-content-container .f-contact-container .f-info-container h3 {
margin-bottom: 14px;
}
div.f-contact-inner .f-content-container .f-contact-container .f-info-container h3 span {
display: inline-block;
}
@media (min-width: 1200px) {
div.f-contact-inner .f-content-container .f-contact-container .f-info-container h3 span {
display: block;
}
}
@media (min-width: 1200px) {
div.f-contact-inner .f-content-container .f-contact-container .f-info-container h3 {
font-size: 28px;
font-size: 2.8rem;
}
}
div.f-contact-inner .f-content-container .f-contact-container .f-info-container a.link-empty {
display: block;
margin-bottom: 8px;
}
div.f-contact-inner .f-content-container .f-contact-container .f-link-container {
grid-column: auto/span 2;
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
}
@media (min-width: 1200px) {
div.f-contact-inner .f-content-container .f-contact-container .f-link-container {
grid-column: auto/span 1;
}
}
div.f-contact-inner .f-content-container .f-contact-container .f-link-container a span.text {
font-size: 20px;
font-size: 2rem;
}
div.f-contact-inner .f-content-container .f-contact-container .f-link-container a span.icon {
background: #FFFFFF;
width: 50px;
height: 50px;
text-align: center;
margin-left: 18px;
}
div.f-contact-inner .f-content-container .f-contact-container .f-link-container a span.icon svg {
display: block;
transform: rotate(0deg);
width: 16px;
margin: 0 auto;
}
div.f-contact-inner .f-content-container .f-form-container .gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type=text], div.f-contact-inner .f-content-container .f-form-container .gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type=email] {
border-color: #ea5d6d;
}
div.f-contact-inner .f-content-container .f-form-container .gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type=checkbox] + label {
color: #ea5d6d;
}
div.f-contact-inner .f-content-container .f-form-container .gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type=checkbox] + label::before {
border-color: #ea5d6d;
}
div.f-contact-inner .f-content-container .f-form-container .gform_wrapper .gform_body .gform_fields .gfield.gfield_error textarea {
border-color: #ea5d6d;
}
div.f-contact-inner .f-content-container .f-form-container .gform_wrapper .gform_body .gform_fields .gfield input[type=text], div.f-contact-inner .f-content-container .f-form-container .gform_wrapper .gform_body .gform_fields .gfield input[type=email] {
background: #4B426C;
border-color: #250F3E;
color: #FFFFFF;
}
div.f-contact-inner .f-content-container .f-form-container .gform_wrapper .gform_body .gform_fields .gfield input[type=text]::placeholder, div.f-contact-inner .f-content-container .f-form-container .gform_wrapper .gform_body .gform_fields .gfield input[type=email]::placeholder {
color: #FFFFFF;
}
div.f-contact-inner .f-content-container .f-form-container .gform_wrapper .gform_body .gform_fields .gfield input[type=checkbox] + label {
color: #FFFFFF;
}
div.f-contact-inner .f-content-container .f-form-container .gform_wrapper .gform_body .gform_fields .gfield input[type=checkbox] + label::after {
color: #F3A1AA;
}
div.f-contact-inner .f-content-container .f-form-container .gform_wrapper .gform_body .gform_fields .gfield textarea {
background: #4B426C;
border-color: #250F3E;
color: #FFFFFF;
}
div.f-contact-inner .f-content-container .f-form-container .gform_wrapper .gform_body .gform_fields .gfield textarea::placeholder {
color: #FFFFFF;
}
div.f-contact-inner .f-content-container .f-form-container .gform_wrapper .gform_footer button {
background: #F3A1AA;
color: #250F3E;
}
div.f-contact-inner .f-content-container .f-form-container .gform_wrapper .gform_footer button span.icon svg {
fill: #250F3E;
stroke: #250F3E;
}
div.f-contact-inner .f-content-container .f-form-container .gform_wrapper .gform_footer button span.icon svg * {
fill: #250F3E;
stroke: #250F3E;
}
section.f-free-text[data-design=old] {
position: relative;
background: linear-gradient(to top, #CA8388, #22123C);
overflow: hidden;
}
section.f-free-text[data-design=old] ::selection {
color: #120829;
background: #F3A1AA;
}
section.f-free-text[data-design=old] .f-shape-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (min-width: 1200px) {
section.f-free-text[data-design=old] .f-shape-container {
width: 120vw;
height: auto;
aspect-ratio: 1/1;
clip-path: circle(50% at 50% 50%);
left: -10vw;
background: #120829;
}
}
section.f-free-text[data-design=old] .f-shape-container .top {
width: 100%;
height: auto;
aspect-ratio: 1/1;
background: #120829;
clip-path: circle(50% at 50% 50%);
margin-bottom: -50%;
}
@media (min-width: 1200px) {
section.f-free-text[data-design=old] .f-shape-container .top {
display: none;
}
}
section.f-free-text[data-design=old] .f-shape-container .bottom {
background: #120829;
width: 100%;
height: 100%;
}
@media (min-width: 1200px) {
section.f-free-text[data-design=old] .f-shape-container .bottom {
display: none;
}
}
section.f-free-text[data-design=new] .f-shape-container {
display: none;
}
section.f-free-text[data-design=new] div.f-free-text-inner .f-border-container {
background: linear-gradient(to bottom, #F5F5F5, #E8A6AB);
border-radius: 15px;
padding: 30px 30px;
}
@media (min-width: 1200px) {
section.f-free-text[data-design=new] div.f-free-text-inner .f-border-container {
padding: 40px 78px;
}
}
@media (min-width: 1024px) {
section.f-free-text[data-design=new] div.f-free-text-inner .f-border-container {
padding: 60px 98px;
}
}
@media (min-width: 1200px) {
section.f-free-text[data-design=new] div.f-free-text-inner .f-border-container {
padding: 100px 138px;
}
}
section.f-free-text[data-design=new] .custom-text {
max-width: 674px;
margin: 0 auto;
}
section.f-free-text[data-design=new] .custom-text + .f-link-container {
margin-top: 30px;
}
@media (min-width: 768px) {
section.f-free-text[data-design=new] .custom-text + .f-link-container {
margin-top: 60px;
}
}
section.f-free-text[data-design=new] .custom-text h1, section.f-free-text[data-design=new] .custom-text h2 {
font-family: gt-regular, "sans-serif";
font-style: normal;
font-size: 25px;
font-size: 2.5rem;
line-height: 1.15;
}
@media (min-width: 420px) {
section.f-free-text[data-design=new] .custom-text h1, section.f-free-text[data-design=new] .custom-text h2 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 768px) {
section.f-free-text[data-design=new] .custom-text h1, section.f-free-text[data-design=new] .custom-text h2 {
font-size: 38px;
font-size: 3.8rem;
}
}
@media (min-width: 1200px) {
section.f-free-text[data-design=new] .custom-text h1, section.f-free-text[data-design=new] .custom-text h2 {
font-size: 45px;
font-size: 4.5rem;
}
}
section.f-free-text[data-design=new] .custom-text h1 i, section.f-free-text[data-design=new] .custom-text h1 em, section.f-free-text[data-design=new] .custom-text h2 i, section.f-free-text[data-design=new] .custom-text h2 em {
font-style: italic;
}
section.f-free-text[data-design=new] .custom-text h1 span, section.f-free-text[data-design=new] .custom-text h2 span {
color: #F3A1AA;
}
section.f-free-text[data-design=new] .custom-text h3 {
font-family: gt-regular, "sans-serif";
font-style: normal;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.15;
}
@media (min-width: 420px) {
section.f-free-text[data-design=new] .custom-text h3 {
font-size: 22px;
font-size: 2.2rem;
}
}
@media (min-width: 768px) {
section.f-free-text[data-design=new] .custom-text h3 {
font-size: 26px;
font-size: 2.6rem;
}
}
@media (min-width: 1200px) {
section.f-free-text[data-design=new] .custom-text h3 {
font-size: 30px;
font-size: 3rem;
}
}
section.f-free-text[data-design=new] .custom-text p, section.f-free-text[data-design=new] .custom-text ul, section.f-free-text[data-design=new] .custom-text ol, section.f-free-text[data-design=new] .custom-text li {
font-family: gt-light, "sans-serif";
font-size: 16px;
font-size: 1.6rem;
}
@media (min-width: 420px) {
section.f-free-text[data-design=new] .custom-text p, section.f-free-text[data-design=new] .custom-text ul, section.f-free-text[data-design=new] .custom-text ol, section.f-free-text[data-design=new] .custom-text li {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 768px) {
section.f-free-text[data-design=new] .custom-text p, section.f-free-text[data-design=new] .custom-text ul, section.f-free-text[data-design=new] .custom-text ol, section.f-free-text[data-design=new] .custom-text li {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1200px) {
section.f-free-text[data-design=new] .custom-text p, section.f-free-text[data-design=new] .custom-text ul, section.f-free-text[data-design=new] .custom-text ol, section.f-free-text[data-design=new] .custom-text li {
font-size: 22px;
font-size: 2.2rem;
}
}
div.f-free-text-inner {
position: relative;
z-index: 2;
}
div.f-free-text-inner .custom-text {
color: #250F3E;
}
div.f-free-text-inner .f-link-container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 15px;
margin-top: 30px;
}
.f-hero-2025 {
margin-top: 0 !important;
background-position: center;
background-size: cover;
position: relative;
border-bottom-left-radius: 10px;
}
.f-hero-2025::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: transparent linear-gradient(179deg, rgba(250, 236, 237, 0) 0%, #FAECED 100%) 0% 0% no-repeat padding-box;
z-index: 1;
border-bottom-left-radius: 10px;
}
.f-hero-2025 .f-hero-2025-inner {
position: relative;
display: flex;
min-height: 95vh;
align-items: flex-end;
}
.f-hero-2025 .f-hero-2025-inner .f-hero-container {
z-index: 9;
position: relative;
width: 100%;
}
.f-hero-2025 .f-hero-2025-inner .f-hero-container .f-title-container {
width: 100%;
max-width: 750px;
}
.f-hero-2025 .f-hero-2025-inner .f-hero-container .f-title-container .custom-text {
margin-top: 30px;
}
.f-hero-2025 .f-hero-2025-inner .f-hero-container .f-logos-wrapper {
overflow: hidden;
width: 100%;
margin-top: 45px;
}
.f-hero-2025 .f-hero-2025-inner .f-hero-container .f-logos-container {
display: flex;
width: max-content;
animation: scroll-logos 60s linear infinite;
}
.f-hero-2025 .f-hero-2025-inner .f-hero-container .f-logos-container .logo {
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 2rem;
}
.f-hero-2025 .f-hero-2025-inner .f-hero-container .f-logos-container .logo img {
width: 100%;
height: auto;
}
@keyframes scroll-logos {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-50%);
}
}
.f-usp-columns .f-usp-columns-inner .inner-container {
border-radius: 10px;
padding: 45px 30px;
}
@media (max-width: 768px) {
.f-usp-columns .f-usp-columns-inner .inner-container {
padding: 30px 15px;
}
}
.f-usp-columns .f-usp-columns-inner .inner-container[data-bg=white] {
background-color: #FFFFFF;
}
.f-usp-columns .f-usp-columns-inner .inner-container .f-title-container {
margin-bottom: 30px;
}
.f-usp-columns .f-usp-columns-inner .inner-container .f-usp-wrapper {
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.f-usp-columns .f-usp-columns-inner .inner-container .f-usp-wrapper .usp-column {
flex: 0 0 calc(33% - 10px);
background: transparent linear-gradient(180deg, #FAECED 0%, #F2D4D8 100%, #F4C8CD 100%) 0% 0% no-repeat padding-box;
border-radius: 10px;
padding: 30px 15px;
}
.f-usp-columns .f-usp-columns-inner .inner-container .f-usp-wrapper .usp-column img {
width: 45px;
height: auto;
margin-bottom: 15px;
}
.f-usp-columns .f-usp-columns-inner .inner-container .f-usp-wrapper .usp-column .title {
margin-bottom: 15px;
font-size: 24px;
}
.f-usp-columns .f-usp-columns-inner .inner-container .f-usp-wrapper[data-layout=col-4] .usp-column {
flex: 0 0 calc(25% - 12px);
}
@media (max-width: 768px) {
.f-usp-columns .f-usp-columns-inner .inner-container .f-usp-wrapper {
flex-direction: column;
}
.f-usp-columns .f-usp-columns-inner .inner-container .f-usp-wrapper .usp-column {
flex: 0 0 100%;
}
}
.f-text-image-new .f-text-image-new-inner .inner-container {
border-radius: 10px;
padding: 45px 30px;
display: flex;
gap: 45px;
flex-wrap: wrap;
align-items: stretch;
}
@media (max-width: 768px) {
.f-text-image-new .f-text-image-new-inner .inner-container {
padding: 30px 15px;
}
}
.f-text-image-new .f-text-image-new-inner .inner-container[data-bg=white] {
background-color: #FFFFFF;
}
.f-text-image-new .f-text-image-new-inner .inner-container[data-layout=left] {
flex-direction: row-reverse;
}
.f-text-image-new .f-text-image-new-inner .inner-container .f-title-container {
flex: 0 0 calc(60% - 23px);
}
.f-text-image-new .f-text-image-new-inner .inner-container .f-title-container .text {
margin: 30px 0;
}
.f-text-image-new .f-text-image-new-inner .inner-container .f-title-container .f-link-container {
text-align: right;
}
.f-text-image-new .f-text-image-new-inner .inner-container .f-image-container {
flex: 0 0 calc(40% - 23px);
background-position: center;
background-size: cover;
border-radius: 10px;
min-height: 250px;
}
@media (max-width: 768px) {
.f-text-image-new .f-text-image-new-inner .inner-container {
flex-direction: column;
gap: 15px;
}
.f-text-image-new .f-text-image-new-inner .inner-container .f-title-container,
.f-text-image-new .f-text-image-new-inner .inner-container .f-image-container {
flex: 0 0 100%;
}
.f-text-image-new .f-text-image-new-inner .inner-container .f-image-container {
margin-top: 15px;
}
}
.f-testimonial-slider {
position: relative;
}
.f-testimonial-slider .f-testimonial-slider-inner {
position: relative;
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container {
border-radius: 10px;
padding: 45px 30px;
position: relative;
}
@media (max-width: 768px) {
.f-testimonial-slider .f-testimonial-slider-inner .inner-container {
padding: 30px 15px;
}
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container[data-bg=white] {
background-color: #FFFFFF;
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-title-container {
margin-bottom: 60px;
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small,
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .slick-list,
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .slick-track,
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .hero-slide {
position: relative;
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .slick-slide,
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .slick-list .slick-slide,
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .slick-track .slick-slide,
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .hero-slide .slick-slide {
max-width: 450px;
object-fit: cover;
}
@media (max-width: 768px) {
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .slick-slide,
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .slick-list .slick-slide,
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .slick-track .slick-slide,
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .hero-slide .slick-slide {
max-width: calc(100vw - 60px);
padding: 0 !important;
height: auto;
}
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .slick-track {
height: auto;
display: flex;
align-items: stretch;
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .slick-prev,
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .slick-next {
left: auto;
top: -55px;
position: absolute;
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
@media (max-width: 768px) {
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .slick-prev,
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .slick-next {
top: -30px;
}
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .slick-prev::before,
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .slick-next::before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: #FFFFFF;
background-color: #F3A1AA;
border-radius: 50%;
opacity: 1;
padding: 0 10px;
padding-top: 7px;
padding-bottom: 9px;
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .slick-prev {
right: 70px;
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .slick-prev::before {
content: "←";
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .slick-next {
right: 20px;
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .slick-next::before {
content: "→";
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .card-testimonial-small {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 30px;
height: auto;
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .card-testimonial-small-inner {
display: flex;
gap: 30px;
border-radius: 10px;
background-color: #FFFFFF;
padding: 30px;
height: 100%;
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .card-testimonial-small-inner .logo {
flex: 0 0 calc(25% - 15px);
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .card-testimonial-small-inner .logo img {
width: auto;
height: auto;
max-width: 100%;
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .card-testimonial-small-inner .content {
flex: 0 0 calc(75% - 15px);
display: flex;
flex-direction: column;
justify-content: space-between;
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .card-testimonial-small-inner .content .quote-ctr {
margin-bottom: 15px;
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .card-testimonial-small-inner .content .quote-ctr img {
width: 30px;
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .card-testimonial-small-inner .content .text {
margin-bottom: 15px;
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .card-testimonial-small-inner .content .info-ctr {
margin-top: auto;
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .card-testimonial-small-inner .content .info-ctr address {
line-height: 20px;
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .card-testimonial-small-inner .content .info-ctr address .auhtor {
border: 1px solid #250F3E;
text-transform: uppercase;
border-radius: 25px;
font-size: 14px;
padding: 5px 10px;
margin-bottom: 10px;
display: inline-block;
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .card-testimonial-small-inner .content .info-ctr address .function {
font-family: gt-regular, "sans-serif";
}
.f-testimonial-slider .f-testimonial-slider-inner .inner-container .f-slider-container-small .card-testimonial-small-inner .content .btn-ctr {
margin-top: 10px;
}
.f-inspiratie-columns .f-inspiratie-columns-inner .inner-container {
border-radius: 10px;
padding: 45px 30px;
}
@media (max-width: 768px) {
.f-inspiratie-columns .f-inspiratie-columns-inner .inner-container {
padding: 30px 15px;
}
}
.f-inspiratie-columns .f-inspiratie-columns-inner .inner-container[data-bg=white] {
background-color: #FFFFFF;
}
.f-inspiratie-columns .f-inspiratie-columns-inner .inner-container .f-title-container {
margin-bottom: 30px;
}
.f-inspiratie-columns .f-inspiratie-columns-inner .inner-container .f-usp-wrapper {
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.f-inspiratie-columns .f-inspiratie-columns-inner .inner-container .f-usp-wrapper .usp-column {
flex: 0 0 calc(33% - 10px);
background-color: #FFFFFF;
border-radius: 10px;
padding: 45px 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.f-inspiratie-columns .f-inspiratie-columns-inner .inner-container .f-usp-wrapper .usp-column img {
width: 100%;
height: auto;
margin-bottom: 15px;
border-radius: 10px;
}
.f-inspiratie-columns .f-inspiratie-columns-inner .inner-container .f-usp-wrapper .usp-column .title {
margin-bottom: 15px;
font-size: 24px;
}
.f-inspiratie-columns .f-inspiratie-columns-inner .inner-container .f-usp-wrapper .usp-column .text {
margin-bottom: 30px;
}
.f-inspiratie-columns .f-inspiratie-columns-inner .inner-container .f-usp-wrapper .usp-column .f-link-container {
text-align: right;
margin-top: auto;
}
@media (max-width: 768px) {
.f-inspiratie-columns .f-inspiratie-columns-inner .inner-container .f-usp-wrapper {
flex-direction: column;
}
.f-inspiratie-columns .f-inspiratie-columns-inner .inner-container .f-usp-wrapper .usp-column {
flex: 0 0 100%;
}
}
.f-scroll-columns .f-scroll-columns-inner .inner-container {
border-radius: 10px;
padding: 45px 30px;
}
.f-scroll-columns .f-scroll-columns-inner .inner-container[data-bg=white] {
background-color: #FFFFFF;
}
.f-scroll-columns .f-scroll-columns-inner .inner-container .f-title-container {
margin-bottom: 45px;
}
.f-scroll-columns .f-scroll-columns-inner .inner-container .f-scroll-wrapper .scroll-column {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 45px;
margin-bottom: 30px;
}
.f-scroll-columns .f-scroll-columns-inner .inner-container .f-scroll-wrapper .scroll-column .icon-col {
flex: 0 0 50px;
padding-top: 30px;
}
.f-scroll-columns .f-scroll-columns-inner .inner-container .f-scroll-wrapper .scroll-column .content-col {
flex: 0 0 calc(100% - 103px);
border-radius: 10px;
padding: 30px;
position: relative;
}
.f-scroll-columns .f-scroll-columns-inner .inner-container .f-scroll-wrapper .scroll-column .content-col .title {
margin-bottom: 15px;
}
.f-scroll-columns .f-scroll-columns-inner .inner-container .f-scroll-wrapper .scroll-column .content-col ul {
padding-left: 25px;
}
.f-scroll-columns .f-scroll-columns-inner .inner-container .f-scroll-wrapper .scroll-column .content-col ul li::before {
content: "✓";
color: #250F3E;
font-weight: bold;
display: inline-block;
width: 22px;
margin-left: -22px;
}
.f-scroll-columns .f-scroll-columns-inner .inner-container .f-scroll-wrapper .scroll-column .content-col::before {
content: "";
width: 3px;
height: calc(100% + 30px);
position: absolute;
top: -15px;
left: -30px;
background-color: #FFFFFF;
}
.f-scroll-columns .f-scroll-columns-inner .inner-container .f-scroll-wrapper .scroll-column .content-col:hover {
background-color: #FFFFFF;
}
.f-scroll-columns .f-scroll-columns-inner .inner-container .f-scroll-wrapper .scroll-column .content-col:hover::before {
background-color: #F3A1AA;
}
@media (max-width: 768px) {
.f-scroll-columns .f-scroll-columns-inner .inner-container .f-scroll-wrapper .scroll-column {
flex-direction: column;
gap: 15px;
}
.f-scroll-columns .f-scroll-columns-inner .inner-container .f-scroll-wrapper .scroll-column .content-col {
flex: 0 0 100%;
padding: 0;
}
.f-scroll-columns .f-scroll-columns-inner .inner-container .f-scroll-wrapper .scroll-column .content-col::before {
display: none;
}
}
@media (min-width: 1024px) {
.sf-form .sf-form-inner .gform_wrapper .gform_fields .gfield {
grid-column: 1/-1;
}
}
.sf-image-inner img {
display: block;
width: 100%;
height: auto;
border-radius: 10px;
}
.sf-image-inner span.credits {
display: block;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.2;
margin-top: 10px;
}
.sf-image-inner span.credits::before {
content: "• ";
}
.sf-quote .sf-quote-inner blockquote {
padding-left: 30px;
position: relative;
}
.sf-quote .sf-quote-inner blockquote::before {
content: "“";
font-family: gt-regular, "sans-serif";
color: pink;
font-size: 50px;
font-size: 5rem;
line-height: 1;
position: absolute;
left: 0;
}
.sf-quote .sf-quote-inner blockquote p {
display: block;
}
.sf-quote .sf-quote-inner blockquote p.title {
font-family: gt-regular, "sans-serif";
font-size: 18px;
font-size: 1.8rem;
line-height: 1.2;
}
@media (min-width: 1200px) {
.sf-quote .sf-quote-inner blockquote p.title {
font-size: 22px;
font-size: 2.2rem;
}
}
@media (min-width: 1600px) {
.sf-quote .sf-quote-inner blockquote p.title {
font-size: 27px;
font-size: 2.7rem;
}
}
.sf-quote .sf-quote-inner blockquote p.author {
font-family: gt-light, "sans-serif";
font-size: 14px;
font-size: 1.4rem;
line-height: 1.2;
margin-top: 15px;
}
@media (min-width: 1024px) {
.sf-quote .sf-quote-inner blockquote p.author {
font-size: 18px;
font-size: 1.8rem;
}
}
.sf-quote .sf-quote-inner blockquote p.author::before {
content: "• ";
}
.sf-text .sf-text-inner .custom-text ul {
list-style: none outside;
padding-left: 0;
}
.sf-text .sf-text-inner .custom-text ul li {
position: relative;
padding-left: 1.2em;
}
.sf-text .sf-text-inner .custom-text ul li::before {
font-size: 200%;
content: "• ";
color: #F3A1AA;
position: absolute;
top: -6%;
left: 0;
line-height: 1;
}
.sf-video .sf-video-inner {
overflow: hidden;
border-radius: 10px;
}
.sf-table .sf-table-inner {
display: grid;
grid-template-columns: 1fr;
}
.sf-table .sf-table-inner .subrow[data-type=row] {
display: grid;
grid-template-columns: 1fr;
gap: 0;
}
@media (min-width: 768px) {
.sf-table .sf-table-inner .subrow[data-type=row] {
grid-template-columns: 35% 1fr;
}
}
.sf-table .sf-table-inner .subrow[data-type=row][data-index=odd] {
background: #ECBEC0;
}
.sf-table .sf-table-inner .subrow[data-type=row][data-index=even] {
background: #EFD0D2;
}
.sf-table .sf-table-inner .subrow[data-type=row] .sub-col-1 {
padding: 10px;
}
.sf-table .sf-table-inner .subrow[data-type=row] .sub-col-2 {
padding: 10px;
border-top: 1px solid #21123D;
}
@media (min-width: 768px) {
.sf-table .sf-table-inner .subrow[data-type=row] .sub-col-2 {
border-top: none;
border-left: 1px solid #21123D;
}
}
.sf-table .sf-table-inner .subrow[data-type=heading] {
background: #21123D;
color: #FFFFFF;
display: grid;
grid-template-columns: 1fr;
gap: 0;
}
@media (min-width: 768px) {
.sf-table .sf-table-inner .subrow[data-type=heading][data-count="2"] {
grid-template-columns: 35% 1fr;
}
}
.sf-table .sf-table-inner .subrow[data-type=heading] .sub-col-1 {
padding: 10px;
}
.sf-table .sf-table-inner .subrow[data-type=heading] .sub-col-2 {
padding: 10px;
border-top: 1px solid #FFFFFF;
}
@media (min-width: 768px) {
.sf-table .sf-table-inner .subrow[data-type=heading] .sub-col-2 {
border-top: none;
}
}
section.tp-contact-form {
position: relative;
z-index: 2;
}
div.tp-contact-form-inner .tp-title-container {
text-align: center;
margin-bottom: 60px;
}
div.tp-contact-form-inner .tp-form-container {
max-width: 1094px;
margin: 0 auto;
}
div.tp-partner-posts-inner .tp-crumb-container {
max-width: 1087px;
margin: 0 auto 10px auto;
text-align: center;
}
div.tp-partner-posts-inner .tp-title-container {
max-width: 1087px;
margin: 0 auto 60px auto;
text-align: center;
}
div.tp-partner-posts-inner .tp-post-container {
max-width: 1087px;
margin: 0 auto;
display: grid;
grid-template-columns: 100%;
gap: 35px 83px;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
section.tp-partner-form {
color: #FFFFFF;
position: relative;
overflow: hidden;
}
section.tp-partner-form::after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
width: 300vw;
height: 150%;
background: rgb(52, 44, 82);
background: linear-gradient(180deg, rgb(52, 44, 82) 0%, rgb(168, 118, 135) 100%);
clip-path: circle(50%);
clip-path: ellipse(50% 50% at 50% 50%);
transform: translateX(calc(-50% + 50vw));
}
@media (min-width: 650px) {
section.tp-partner-form::after {
width: 200vw;
}
}
@media (min-width: 1200px) {
section.tp-partner-form::after {
width: 180vw;
}
}
@media (min-width: 1600px) {
section.tp-partner-form::after {
width: 150vw;
}
}
div.tp-partner-form-inner {
position: relative;
z-index: 2;
}
div.tp-partner-form-inner .tp-title-container {
max-width: 1087px;
margin: 0 auto 30px auto;
padding-top: 90px;
}
@media (min-width: 900px) {
div.tp-partner-form-inner .tp-title-container {
padding-top: 90px;
}
}
@media (min-width: 1200px) {
div.tp-partner-form-inner .tp-title-container {
padding-top: 60px;
}
}
@media (min-width: 1200px) {
div.tp-partner-form-inner .tp-title-container h2 {
font-size: 70px;
font-size: 7rem;
}
}
@media (min-width: 1600px) {
div.tp-partner-form-inner .tp-title-container h2 {
font-size: 90px;
font-size: 9rem;
}
}
div.tp-partner-form-inner .tp-title-container h2 span {
color: #F3A1AA;
}
div.tp-partner-form-inner .custom-text {
max-width: 1087px;
margin: 0 auto 60px auto;
}
@media (min-width: 900px) {
div.tp-partner-form-inner .custom-text {
column-count: 2;
column-gap: 60px;
}
}
div.tp-partner-form-inner .tp-form-container {
max-width: 1087px;
margin: 0 auto;
}
div.tp-blog-posts-inner .tp-crumb-container {
max-width: 1087px;
margin: 0 auto 10px auto;
text-align: center;
}
div.tp-blog-posts-inner .tp-title-container {
text-align: center;
}
div.tp-blog-posts-inner .tp-title-container .custom-text {
max-width: 613px;
margin: 30px auto 0 auto;
}
div.tp-blog-posts-inner .tp-filter-container {
margin-top: 30px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
div.tp-blog-posts-inner .tp-filter-container .archive-blog-select-custom {
border-radius: 30px;
border: 1px solid #250F3E;
color: #250F3E;
background: transparent;
margin: 0 15px 15px 15px;
width: max-content;
position: relative;
}
div.tp-blog-posts-inner .tp-filter-container .archive-blog-select-custom.active {
background: #FBF5F5;
border-radius: 30px 30px 0 0;
border-bottom: none;
}
div.tp-blog-posts-inner .tp-filter-container .archive-blog-select-custom.active .custom-select-options {
display: block;
background: #FBF5F5;
}
div.tp-blog-posts-inner .tp-filter-container .archive-blog-select-custom button {
background: transparent;
border: none;
padding: 0;
margin: 0;
cursor: pointer;
padding: 18px 25px;
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
display: block;
}
div.tp-blog-posts-inner .tp-filter-container .archive-blog-select-custom .custom-select-options {
display: none;
position: absolute;
top: auto;
left: -1px;
border-radius: 100px;
border: 1px solid #250F3E;
border-radius: 0 0 20px 20px;
width: calc(100% + 2px);
border-top: none;
padding: 0px 15px 18px 25px;
z-index: 3;
}
div.tp-blog-posts-inner .tp-filter-container .archive-blog-select-custom .custom-select-options .custom-select-options-inner {
max-height: 200px;
overflow-y: auto;
}
div.tp-blog-posts-inner .tp-filter-container .archive-blog-select-custom .custom-select-options .custom-select-options-inner::-webkit-scrollbar {
width: 2px;
height: 2px;
margin: 0 10px 0 0;
}
div.tp-blog-posts-inner .tp-filter-container .archive-blog-select-custom .custom-select-options .custom-select-options-inner::-webkit-scrollbar-thumb {
background: #F3A1AA;
border-radius: 15px;
transition: all 0.3s ease-in-out;
}
div.tp-blog-posts-inner .tp-filter-container .archive-blog-select-custom .custom-select-options .custom-select-options-inner::-webkit-scrollbar-thumb:hover {
background: #F3A1AA;
}
div.tp-blog-posts-inner .tp-filter-container .archive-blog-select-custom .custom-select-options .custom-select-options-inner::-webkit-scrollbar-track {
background: #120829;
}
div.tp-blog-posts-inner .tp-filter-container .archive-blog-select-custom .custom-select-options .custom-select-options-inner input {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
display: none;
width: 0;
height: 0;
}
div.tp-blog-posts-inner .tp-filter-container .archive-blog-select-custom .custom-select-options .custom-select-options-inner input:checked + label {
font-family: gt-regular, "sans-serif";
}
div.tp-blog-posts-inner .tp-filter-container .archive-blog-select-custom .custom-select-options .custom-select-options-inner input + label {
display: block;
cursor: pointer;
margin-bottom: 10px;
font-family: gt-light, "sans-serif";
}
div.tp-blog-posts-inner .tp-filter-container select, div.tp-blog-posts-inner .tp-filter-container .archive-blog-select {
display: none;
}
div.tp-blog-posts-inner .tp-featured-container {
margin-top: 30px;
display: grid;
grid-template-columns: 100%;
gap: 30px;
}
@media (min-width: 768px) {
div.tp-blog-posts-inner .tp-featured-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 15px;
}
}
@media (min-width: 1200px) {
div.tp-blog-posts-inner .tp-featured-container {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
div.tp-blog-posts-inner .tp-featured-container .cc:first-child {
grid-column: auto/span 2;
}
}
@media (min-width: 1200px) {
div.tp-blog-posts-inner .tp-featured-container .cc:first-child {
grid-column: auto/span 4;
grid-row: auto/span 2;
}
}
@media (min-width: 768px) {
div.tp-blog-posts-inner .tp-featured-container .cc:first-child .cc-inner {
grid-template-columns: 35% 1fr;
height: 100%;
padding: 34px;
}
}
@media (min-width: 900px) {
div.tp-blog-posts-inner .tp-featured-container .cc:first-child .cc-inner {
padding: 54px;
}
}
@media (min-width: 768px) {
div.tp-blog-posts-inner .tp-featured-container .cc:first-child .cc-inner .cc-left {
display: block;
}
}
@media (min-width: 768px) {
div.tp-blog-posts-inner .tp-featured-container .cc:first-child .cc-inner .cc-right {
align-self: center;
}
}
@media (min-width: 1200px) {
div.tp-blog-posts-inner .tp-featured-container .cc:first-child .cc-inner .cc-right .custom-text {
display: block;
}
}
@media (min-width: 1200px) {
div.tp-blog-posts-inner .tp-featured-container .cc {
grid-column: auto/span 2;
grid-row: auto/span 1;
}
}
@media (min-width: 768px) {
div.tp-blog-posts-inner .tp-featured-container .cc .cc-inner {
grid-template-columns: 1fr;
padding: 14px;
}
}
@media (min-width: 900px) {
div.tp-blog-posts-inner .tp-featured-container .cc .cc-inner {
padding: 24px;
}
}
@media (min-width: 768px) {
div.tp-blog-posts-inner .tp-featured-container .cc .cc-inner .cc-left {
display: none;
}
}
@media (min-width: 1200px) {
div.tp-blog-posts-inner .tp-featured-container .cc .cc-inner .cc-right .custom-text {
display: none;
}
}
@keyframes pulse {
0% {
opacity: 1;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
div.tp-blog-posts-inner .tp-load-container-outer {
display: none;
}
div.tp-blog-posts-inner .tp-load-container {
display: grid;
grid-template-columns: 100%;
gap: 30px;
margin-top: 30px;
}
@media (min-width: 768px) {
div.tp-blog-posts-inner .tp-load-container {
gap: 15px;
margin-top: 15px;
}
}
@media (min-width: 1200px) {
div.tp-blog-posts-inner .tp-load-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
div.tp-blog-posts-inner .tp-load-container div {
height: 250px;
background: #FFFFFF;
border-radius: 10px;
overflow: hidden;
animation-duration: 1.3s;
animation-iteration-count: infinite;
animation-name: pulse;
}
div.tp-blog-posts-inner .tp-post-container {
display: grid;
grid-template-columns: 100%;
gap: 30px;
margin-top: 30px;
}
@media (min-width: 768px) {
div.tp-blog-posts-inner .tp-post-container {
gap: 15px;
margin-top: 15px;
}
}
@media (min-width: 1200px) {
div.tp-blog-posts-inner .tp-post-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.page--home {
background: linear-gradient(160deg, #250F3E 100px, #250F3E, #F3A1AA 80%, #F3A1AA);
}
section.tp-home-hero {
position: relative;
overflow: hidden;
margin-bottom: -2px;
display: none; }
section.tp-home-hero .tp-shape-container {
background: #F3A2AA;
width: 200vw;
position: absolute;
bottom: 0;
left: -50vw;
height: auto;
z-index: 2;
aspect-ratio: 1/1;
clip-path: circle(50% at 50% 50%);
transform: translateY(calc(200vw - 10%));
}
@media (min-width: 1200px) {
section.tp-home-hero .tp-shape-container {
display: none;
}
}
div.tp-home-hero-inner {
position: relative;
padding: 0 !important;
height: max(250px, 35vh);
max-width: unset;
}
div.tp-home-hero-inner img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
div.tp-home-hero-inner .layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(37, 15, 62, 0.7);
}
section.tp-solution-hero {
overflow: hidden;
}
@media (min-width: 1200px) {
div.tp-solution-hero-inner {
padding-right: 0;
}
}
div.tp-solution-hero-inner .tp-title-container {
margin-bottom: 45px;
}
@media (min-width: 1200px) {
div.tp-solution-hero-inner .tp-title-container {
padding-right: 30px;
}
}
div.tp-solution-hero-inner .tp-title-container h1, div.tp-solution-hero-inner .tp-title-container h2 {
font-family: gt-regular, "sans-serif";
font-size: 40px;
font-size: 4rem;
line-height: 1.2;
}
@media (min-width: 650px) {
div.tp-solution-hero-inner .tp-title-container h1, div.tp-solution-hero-inner .tp-title-container h2 {
font-size: 50px;
font-size: 5rem;
}
}
@media (min-width: 768px) {
div.tp-solution-hero-inner .tp-title-container h1, div.tp-solution-hero-inner .tp-title-container h2 {
font-size: 70px;
font-size: 7rem;
}
}
@media (min-width: 1200px) {
div.tp-solution-hero-inner .tp-title-container h1, div.tp-solution-hero-inner .tp-title-container h2 {
font-size: 90px;
font-size: 9rem;
text-align: center;
}
}
@media (min-width: 1600px) {
div.tp-solution-hero-inner .tp-title-container h1, div.tp-solution-hero-inner .tp-title-container h2 {
font-size: 110px;
font-size: 11rem;
}
}
div.tp-solution-hero-inner .tp-title-container .custom-text {
margin: 30px 0 0 0;
}
@media (min-width: 1200px) {
div.tp-solution-hero-inner .tp-title-container .custom-text {
max-width: 613px;
margin: 15px auto 30px auto;
text-align: center;
}
}
@media (min-width: 1200px) {
div.tp-solution-hero-inner .tp-post-container-mobile {
display: none;
}
}
div.tp-solution-hero-inner .tp-post-container-mobile button.card-solution-button {
margin-top: 40px;
}
div.tp-solution-hero-inner .tp-post-container-mobile button.card-solution-button:first-of-type {
margin-top: 0;
}
div.tp-solution-hero-inner .tp-post-container-desktop {
display: none;
position: relative;
}
@media (min-width: 1200px) {
div.tp-solution-hero-inner .tp-post-container-desktop {
display: grid;
grid-template-columns: 100%;
grid-template-columns: minmax(auto, 30%) 1fr;
gap: 60px;
align-items: center;
}
}
@media (min-width: 1400px) {
div.tp-solution-hero-inner .tp-post-container-desktop {
grid-template-columns: minmax(auto, 25%) 1fr;
}
}
div.tp-solution-hero-inner .tp-post-container-desktop .tp-button-container button {
margin-bottom: 60px;
}
div.tp-solution-hero-inner .tp-post-container-desktop .tp-button-container button:last-child {
margin-bottom: 0;
}
div.tp-solution-hero-inner .tp-post-container-desktop .tp-button-container button::after {
background: #F3A1AA;
}
div.tp-solution-hero-inner .tp-post-container-desktop .tp-post-container {
grid-column: 2/span 1;
grid-row: 1;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
position: relative;
z-index: 2;
min-height: 800px;
height: 100%;
}
@media (min-width: 1400px) {
div.tp-solution-hero-inner .tp-post-container-desktop .tp-post-container {
min-height: 800px;
}
}
div.tp-solution-hero-inner .tp-post-container-desktop .tp-image-container {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: calc(70% - 60px);
min-height: 700px;
}
@media (min-width: 1400px) {
div.tp-solution-hero-inner .tp-post-container-desktop .tp-image-container {
width: calc(75% - 60px);
}
}
@media (min-width: 1700px) {
div.tp-solution-hero-inner .tp-post-container-desktop .tp-image-container {
width: calc(70% - 60px + (100vw - 1700px) / 2);
right: calc((100vw - 1700px) / 2 * -1);
}
}
div.tp-solution-hero-inner .tp-post-container-desktop .tp-image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
div.tp-vacature-posts-inner .tp-title-container {
text-align: center;
}
div.tp-vacature-posts-inner .tp-title-container .custom-text {
max-width: 613px;
margin: 30px auto 0 auto;
}
div.tp-vacature-posts-inner .tp-filter-container {
margin-top: 30px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
div.tp-vacature-posts-inner .tp-filter-container select {
margin: 0 15px 15px 15px;
padding: 18px 25px;
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
border-radius: 100px;
border: 1px solid #250F3E;
color: #250F3E;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
max-width: 200px;
white-space: nowrap;
text-overflow: ellipsis;
}
div.tp-vacature-posts-inner .tp-filter-container select:-ms-expand {
display: none;
}
@keyframes pulse {
0% {
opacity: 1;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
div.tp-vacature-posts-inner .tp-load-container-outer {
display: none;
}
div.tp-vacature-posts-inner .tp-load-container {
display: grid;
grid-template-columns: 100%;
gap: 30px;
margin-top: 30px;
}
@media (min-width: 768px) {
div.tp-vacature-posts-inner .tp-load-container {
gap: 15px;
margin-top: 15px;
}
}
@media (min-width: 1200px) {
div.tp-vacature-posts-inner .tp-load-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
div.tp-vacature-posts-inner .tp-load-container div {
height: 250px;
background: #FFFFFF;
border-radius: 10px;
overflow: hidden;
animation-duration: 1.3s;
animation-iteration-count: infinite;
animation-name: pulse;
}
div.tp-vacature-posts-inner .tp-post-container {
display: grid;
grid-template-columns: 100%;
gap: 30px;
margin-top: 30px;
}
@media (min-width: 768px) {
div.tp-vacature-posts-inner .tp-post-container {
gap: 15px;
margin-top: 15px;
}
}
@media (min-width: 1200px) {
div.tp-vacature-posts-inner .tp-post-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1200px) {
div.tp-vacature-posts-inner .tp-post-container[data-count="1"] {
display: flex;
justify-content: center;
align-items: center;
}
}
@media (min-width: 1200px) {
div.tp-vacature-posts-inner .tp-post-container[data-count="1"] .cc {
width: calc(50% - 15px);
}
}
section.tp-vacature-form {
position: relative;
background: linear-gradient(to top, #CA8388, #22123C);
overflow: hidden;
}
section.tp-vacature-form ::selection {
color: #120829;
background: #F3A1AA;
}
section.tp-vacature-form .f-shape-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (min-width: 1200px) {
section.tp-vacature-form .f-shape-container {
width: 120vw;
height: auto;
aspect-ratio: 1/1;
clip-path: circle(50% at 50% 50%);
left: -10vw;
background: #120829;
}
}
section.tp-vacature-form .f-shape-container .top {
width: 100%;
height: auto;
aspect-ratio: 1/1;
background: #120829;
clip-path: circle(50% at 50% 50%);
margin-bottom: -50%;
}
@media (min-width: 1200px) {
section.tp-vacature-form .f-shape-container .top {
display: none;
}
}
section.tp-vacature-form .f-shape-container .bottom {
background: #120829;
width: 100%;
height: 100%;
}
@media (min-width: 1200px) {
section.tp-vacature-form .f-shape-container .bottom {
display: none;
}
}
div.tp-vacature-form-inner {
position: relative;
z-index: 2;
}
div.tp-vacature-form-inner .tp-title-container {
text-align: center;
margin-bottom: 60px;
margin-top: 60px;
padding: 0 30px;
}
@media (min-width: 1200px) {
div.tp-vacature-form-inner .tp-title-container {
margin: 100px 0 60px 0;
}
}
div.tp-vacature-form-inner .tp-title-container h1, div.tp-vacature-form-inner .tp-title-container h2 {
font-size: 40px;
font-size: 4rem;
font-family: gt-thin, "sans-serif";
color: #FFFFFF;
}
@media (min-width: 420px) {
div.tp-vacature-form-inner .tp-title-container h1, div.tp-vacature-form-inner .tp-title-container h2 {
font-size: 50px;
font-size: 5rem;
}
}
@media (min-width: 900px) {
div.tp-vacature-form-inner .tp-title-container h1, div.tp-vacature-form-inner .tp-title-container h2 {
font-size: 60px;
font-size: 6rem;
}
}
@media (min-width: 1200px) {
div.tp-vacature-form-inner .tp-title-container h1, div.tp-vacature-form-inner .tp-title-container h2 {
font-size: 70px;
font-size: 7rem;
}
}
@media (min-width: 1600px) {
div.tp-vacature-form-inner .tp-title-container h1, div.tp-vacature-form-inner .tp-title-container h2 {
font-size: 90px;
font-size: 9rem;
}
}
div.tp-vacature-form-inner .tp-text-container {
max-width: 1209px;
margin: 0 auto 60px auto;
padding: 0 30px;
}
@media (min-width: 768px) {
div.tp-vacature-form-inner .tp-text-container {
padding: 0 120px;
}
}
div.tp-vacature-form-inner .tp-text-container .custom-text {
color: #FFFFFF;
columns: 2;
column-gap: 60px;
}
div.tp-vacature-form-inner .tp-content-container {
padding: 0 30px;
max-width: 1209px;
margin: 0 auto;
}
@media (min-width: 768px) {
div.tp-vacature-form-inner .tp-content-container {
padding: 0 120px;
}
}
div.tp-vacature-form-inner .tp-content-container .tp-form-container .gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type=text], div.tp-vacature-form-inner .tp-content-container .tp-form-container .gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type=email] {
border-color: #ea5d6d;
}
div.tp-vacature-form-inner .tp-content-container .tp-form-container .gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type=checkbox] + label {
color: #ea5d6d;
}
div.tp-vacature-form-inner .tp-content-container .tp-form-container .gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type=checkbox] + label::before {
border-color: #ea5d6d;
}
div.tp-vacature-form-inner .tp-content-container .tp-form-container .gform_wrapper .gform_body .gform_fields .gfield.gfield_error textarea {
border-color: #ea5d6d;
}
div.tp-vacature-form-inner .tp-content-container .tp-form-container .gform_wrapper .gform_body .gform_fields .gfield input[type=text], div.tp-vacature-form-inner .tp-content-container .tp-form-container .gform_wrapper .gform_body .gform_fields .gfield input[type=email] {
background: #4B426C;
border-color: #250F3E;
color: #FFFFFF;
}
div.tp-vacature-form-inner .tp-content-container .tp-form-container .gform_wrapper .gform_body .gform_fields .gfield input[type=text]::placeholder, div.tp-vacature-form-inner .tp-content-container .tp-form-container .gform_wrapper .gform_body .gform_fields .gfield input[type=email]::placeholder {
color: #FFFFFF;
}
div.tp-vacature-form-inner .tp-content-container .tp-form-container .gform_wrapper .gform_body .gform_fields .gfield input[type=checkbox] + label {
color: #FFFFFF;
}
div.tp-vacature-form-inner .tp-content-container .tp-form-container .gform_wrapper .gform_body .gform_fields .gfield textarea {
background: #4B426C;
border-color: #250F3E;
color: #FFFFFF;
}
div.tp-vacature-form-inner .tp-content-container .tp-form-container .gform_wrapper .gform_body .gform_fields .gfield textarea::placeholder {
color: #FFFFFF;
}
div.tp-vacature-form-inner .tp-content-container .tp-form-container .gform_wrapper .gform_body .gform_fields .gfield .ginput_preview_list .ginput_preview * {
color: #FFFFFF;
}
div.tp-vacature-form-inner .tp-content-container .tp-form-container .gform_wrapper .gform_footer button {
background: #F3A1AA;
color: #250F3E;
}
div.tp-vacature-form-inner .tp-content-container .tp-form-container .gform_wrapper .gform_footer button span.icon svg {
fill: #250F3E;
stroke: #250F3E;
}
div.tp-vacature-form-inner .tp-content-container .tp-form-container .gform_wrapper .gform_footer button span.icon svg * {
fill: #250F3E;
stroke: #250F3E;
}
div.tp-error-content-inner {
text-align: center;
--mw: 750px;
}
div.tp-error-content-inner .tp-message-container {
max-width: var(--mw);
margin: 0 auto 30px auto;
}
div.tp-error-content-inner .tp-title-container {
max-width: var(--mw);
margin: 0 auto 30px auto;
}
div.tp-error-content-inner .tp-title-container h1, div.tp-error-content-inner .tp-title-container h2 {
line-height: 1;
}
div.tp-error-content-inner .tp-image-container {
max-width: 300px;
margin: 0 auto 0 auto;
}
div.tp-error-content-inner .tp-image-container img {
display: block;
width: 100%;
height: auto;
}
div.tp-error-content-inner .tp-link-container {
max-width: var(--mw);
margin: 30px auto 0 auto;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: space-around;
}
div.tp-error-content-inner .tp-link-container a {
margin: 15px;
background: #F3A1AA;
border-color: #F3A1AA;
color: #250F3E;
padding: 22px 22px 22px 53px;
}
div.tp-error-content-inner .tp-link-container a::after {
content: "";
position: absolute;
left: 22px;
top: 27px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: var(--icon_arrow_black);
width: 10px;
height: 13px;
transform: rotate(90deg);
}
div.tp-error-content-inner .tp-link-container a:hover {
background: #120829;
border-color: #120829;
color: #FFFFFF;
}
div.tp-error-content-inner .tp-link-container a:hover::after {
background-image: var(--icon_arrow_pink);
width: 13px;
height: 10px;
transform: rotate(-180deg);
}
div.tp-privacy-content-inner {
max-width: 850px;
margin: 0 auto;
}
div.tp-privacy-content-inner h1 {
margin-bottom: 60px;
text-align: center;
}
section.sp-post-content {
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) min(50%, 1080px), rgb(234, 195, 199) 100%);
position: relative;
overflow: hidden;
--header: 84px;
--header_notif: calc(84px + 44px);
--header_notif_padding: calc(84px + 44px);
}
@media (min-width: 1200px) {
section.sp-post-content {
--header_notif_padding: calc(84px + 44px + 60px);
}
}
section.sp-post-content::after {
content: "";
position: absolute;
top: var(--header_notif_padding);
left: -25vw;
width: 150vw;
height: auto;
aspect-ratio: 1/1;
clip-path: circle(50% at 50% 50%);
background: rgb(255, 255, 255);
background: linear-gradient(165deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
}
@media (min-width: 1200px) {
section.sp-post-content::after {
width: 200vw;
left: -50vw;
}
}
div.sp-post-content-inner {
position: relative;
z-index: 2;
}
div.sp-post-content-inner .sp-crumb-container {
text-align: center;
margin-bottom: 50px;
margin-top: 50px;
}
@media (min-width: 768px) {
div.sp-post-content-inner .sp-crumb-container {
max-width: 700px;
margin: 83px auto 45px auto;
}
}
div.sp-post-content-inner .sp-crumb-container a {
font-family: gt-light, "sans-serif";
font-size: 20px;
font-size: 2rem;
display: inline;
text-decoration: none;
color: #4B426C;
margin-right: 5px;
line-height: 1.2;
position: relative;
padding-left: 8px;
}
div.sp-post-content-inner .sp-crumb-container a:first-child::before {
display: none;
}
div.sp-post-content-inner .sp-crumb-container a::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 4px;
height: 4px;
clip-path: circle(50% at 50% 50%);
background: #4B426C;
}
div.sp-post-content-inner .sp-crumb-container span {
font-family: gt-light, "sans-serif";
font-size: 20px;
font-size: 2rem;
display: inline;
color: #F3A1AA;
line-height: 1.2;
position: relative;
padding-left: 8px;
}
div.sp-post-content-inner .sp-crumb-container span::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 4px;
height: 4px;
clip-path: circle(50% at 50% 50%);
background: #F3A1AA;
}
div.sp-post-content-inner .sp-content-container {
max-width: 1093px;
margin: 0 auto;
background: #FFFFFF;
border-radius: 10px;
border: 1px solid #FFFFFF;
padding: 50px 30px 50px 30px;
display: grid;
grid-template-columns: 100%;
gap: 30px;
}
@media (min-width: 768px) {
div.sp-post-content-inner .sp-content-container {
padding: 70px 50px 70px 50px;
}
}
@media (min-width: 1024px) {
div.sp-post-content-inner .sp-content-container {
grid-template-columns: 1fr 387px;
gap: 74px;
}
}
div.sp-post-content-inner .sp-content-container .left .sp-image-container {
margin-bottom: 22px;
}
@media (min-width: 1024px) {
div.sp-post-content-inner .sp-content-container .left .sp-image-container {
display: none;
}
}
div.sp-post-content-inner .sp-content-container .left .sp-image-container img {
display: block;
width: 100%;
height: auto;
border-radius: 10px;
}
div.sp-post-content-inner .sp-content-container .left .sp-gallery-container-outer {
position: relative;
}
@media (min-width: 1024px) {
div.sp-post-content-inner .sp-content-container .left .sp-gallery-container-outer {
display: none;
}
}
div.sp-post-content-inner .sp-content-container .left .sp-gallery-container-outer button {
position: absolute;
top: calc(50% - 15px);
width: 40px;
height: 40px;
border: 1px solid #F3A1AA;
background: #F3A1AA;
cursor: pointer;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
z-index: 10;
}
div.sp-post-content-inner .sp-content-container .left .sp-gallery-container-outer button::after {
content: "";
position: absolute;
top: calc(50% - 6px);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: var(--icon_arrow_black);
width: 10px;
height: 13px;
}
div.sp-post-content-inner .sp-content-container .left .sp-gallery-container-outer button.slide-left {
left: 0;
transform: translateX(-50%);
}
div.sp-post-content-inner .sp-content-container .left .sp-gallery-container-outer button.slide-left::after {
transform: rotate(90deg);
}
div.sp-post-content-inner .sp-content-container .left .sp-gallery-container-outer button.slide-right {
right: 0;
transform: translateX(50%);
}
div.sp-post-content-inner .sp-content-container .left .sp-gallery-container-outer button.slide-right::after {
transform: rotate(-90deg);
}
div.sp-post-content-inner .sp-content-container .left .sp-gallery-container-outer .sp-gallery-container {
display: block;
margin: 0 -15px 41px -15px;
}
div.sp-post-content-inner .sp-content-container .left .sp-gallery-container-outer .sp-gallery-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
height: 249px;
width: 100%;
border-radius: 10px;
margin: 0 15px;
}
div.sp-post-content-inner .sp-content-container .left .sp-share-container {
margin-bottom: 26px;
display: grid;
grid-template-columns: 100%;
align-items: center;
gap: 15px;
grid-template-columns: auto 1fr;
}
@media (min-width: 1024px) {
div.sp-post-content-inner .sp-content-container .left .sp-share-container {
display: none;
}
}
div.sp-post-content-inner .sp-content-container .left .sp-share-container .link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
}
div.sp-post-content-inner .sp-content-container .left .sp-type-container {
margin-bottom: 16px;
}
div.sp-post-content-inner .sp-content-container .left .sp-type-container span.post-type {
display: block;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.2;
font-family: gt-light, "sans-serif";
}
div.sp-post-content-inner .sp-content-container .left .sp-title-container {
margin-bottom: 26px;
}
div.sp-post-content-inner .sp-content-container .left .sp-title-container h1 {
font-size: 25px;
font-size: 2.5rem;
line-height: 1.2;
}
@media (min-width: 768px) {
div.sp-post-content-inner .sp-content-container .left .sp-title-container h1 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 1024px) {
div.sp-post-content-inner .sp-content-container .left .sp-title-container h1 {
font-size: 35px;
font-size: 3.5rem;
}
}
div.sp-post-content-inner .sp-content-container .left .sp-flex-container {
display: grid;
grid-template-columns: 100%;
gap: 30px;
}
div.sp-post-content-inner .sp-content-container .right .sp-image-container {
display: none;
margin-bottom: 41px;
}
@media (min-width: 1024px) {
div.sp-post-content-inner .sp-content-container .right .sp-image-container {
display: block;
}
}
div.sp-post-content-inner .sp-content-container .right .sp-image-container img {
display: block;
width: 100%;
height: auto;
border-radius: 10px;
}
div.sp-post-content-inner .sp-content-container .right .sp-gallery-container-outer {
position: relative;
display: none;
}
@media (min-width: 1024px) {
div.sp-post-content-inner .sp-content-container .right .sp-gallery-container-outer {
display: block;
}
}
div.sp-post-content-inner .sp-content-container .right .sp-gallery-container-outer button {
position: absolute;
top: calc(50% - 20px);
width: 40px;
height: 40px;
border: 3px solid #FFFFFF;
background: #F3A1AA;
cursor: pointer;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
z-index: 12;
}
div.sp-post-content-inner .sp-content-container .right .sp-gallery-container-outer button::after {
content: "";
position: absolute;
top: calc(50% - 6px);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: var(--icon_arrow_black);
width: 10px;
height: 13px;
}
div.sp-post-content-inner .sp-content-container .right .sp-gallery-container-outer button.slide-left {
left: 0;
transform: translateX(-50%);
}
div.sp-post-content-inner .sp-content-container .right .sp-gallery-container-outer button.slide-left::after {
transform: rotate(90deg);
}
div.sp-post-content-inner .sp-content-container .right .sp-gallery-container-outer button.slide-right {
right: 0;
transform: translateX(50%);
}
div.sp-post-content-inner .sp-content-container .right .sp-gallery-container-outer button.slide-right::after {
transform: rotate(-90deg);
}
div.sp-post-content-inner .sp-content-container .right .sp-gallery-container-outer .sp-gallery-container {
display: block;
margin: 0 -15px 41px -15px;
}
div.sp-post-content-inner .sp-content-container .right .sp-gallery-container-outer .sp-gallery-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
height: 249px;
width: 100%;
border-radius: 10px;
}
div.sp-post-content-inner .sp-content-container .right .sp-gallery-container-outer .sp-gallery-container .slick-slide {
margin: 0 15px;
}
div.sp-post-content-inner .sp-content-container .right .sp-share-container {
display: none;
margin-bottom: 41px;
}
@media (min-width: 1024px) {
div.sp-post-content-inner .sp-content-container .right .sp-share-container {
display: grid;
grid-template-columns: 100%;
align-items: center;
gap: 15px;
grid-template-columns: auto 1fr;
}
}
div.sp-post-content-inner .sp-content-container .right .sp-share-container .link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
}
div.sp-post-content-inner .sp-content-container .right .sp-download-container button, div.sp-post-content-inner .sp-content-container .right .sp-download-container a {
cursor: pointer;
display: block;
text-decoration: none;
border: none;
border-radius: 10px;
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
padding: 25px 59px 25px 35px;
position: relative;
width: fit-content;
color: inherit;
}
div.sp-post-content-inner .sp-content-container .right .sp-download-container button span.text, div.sp-post-content-inner .sp-content-container .right .sp-download-container a span.text {
font-family: gt-light, "sans-serif";
display: inline;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.2;
}
@media (min-width: 650px) {
div.sp-post-content-inner .sp-content-container .right .sp-download-container button span.text, div.sp-post-content-inner .sp-content-container .right .sp-download-container a span.text {
font-size: 25px;
font-size: 2.5rem;
}
}
@media (min-width: 768px) {
div.sp-post-content-inner .sp-content-container .right .sp-download-container button span.text, div.sp-post-content-inner .sp-content-container .right .sp-download-container a span.text {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 1024px) {
div.sp-post-content-inner .sp-content-container .right .sp-download-container button span.text, div.sp-post-content-inner .sp-content-container .right .sp-download-container a span.text {
font-size: 35px;
font-size: 3.5rem;
}
}
div.sp-post-content-inner .sp-content-container .right .sp-download-container button::after, div.sp-post-content-inner .sp-content-container .right .sp-download-container a::after {
content: "";
position: absolute;
right: 35px;
display: inline;
top: calc(50% - 6px);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: var(--icon_arrow_black);
width: 13px;
height: 16px;
}
section.sp-case-content {
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) min(50%, 1080px), rgb(234, 195, 199) 100%);
position: relative;
overflow: hidden;
--header: 84px;
--header_notif: calc(84px + 44px);
--header_notif_padding: calc(84px + 44px);
}
@media (min-width: 1200px) {
section.sp-case-content {
--header_notif_padding: calc(84px + 44px + 60px);
}
}
section.sp-case-content::after {
content: "";
position: absolute;
top: var(--header_notif_padding);
left: -25vw;
width: 150vw;
height: auto;
aspect-ratio: 1/1;
clip-path: circle(50% at 50% 50%);
background: rgb(255, 255, 255);
background: linear-gradient(165deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
}
@media (min-width: 1200px) {
section.sp-case-content::after {
width: 200vw;
left: -50vw;
}
}
div.sp-case-content-inner {
position: relative;
z-index: 2;
}
div.sp-case-content-inner .sp-crumb-container {
text-align: center;
margin-bottom: 50px;
margin-top: 50px;
}
@media (min-width: 768px) {
div.sp-case-content-inner .sp-crumb-container {
max-width: 700px;
margin: 83px auto 45px auto;
}
}
div.sp-case-content-inner .sp-crumb-container a {
font-family: gt-light, "sans-serif";
font-size: 20px;
font-size: 2rem;
display: inline;
text-decoration: none;
color: #4B426C;
margin-right: 5px;
line-height: 1.2;
position: relative;
padding-left: 8px;
}
div.sp-case-content-inner .sp-crumb-container a:first-child::before {
display: none;
}
div.sp-case-content-inner .sp-crumb-container a::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 4px;
height: 4px;
clip-path: circle(50% at 50% 50%);
background: #4B426C;
}
div.sp-case-content-inner .sp-crumb-container span {
font-family: gt-light, "sans-serif";
font-size: 20px;
font-size: 2rem;
display: inline;
color: #F3A1AA;
line-height: 1.2;
position: relative;
padding-left: 8px;
}
div.sp-case-content-inner .sp-crumb-container span::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 4px;
height: 4px;
clip-path: circle(50% at 50% 50%);
background: #F3A1AA;
}
div.sp-case-content-inner .sp-content-container {
max-width: 1093px;
margin: 0 auto;
background: #FFFFFF;
border-radius: 10px;
border: 1px solid #FFFFFF;
padding: 50px 30px 50px 30px;
display: grid;
grid-template-columns: 100%;
gap: 30px;
}
@media (min-width: 768px) {
div.sp-case-content-inner .sp-content-container {
padding: 70px 50px 70px 50px;
}
}
@media (min-width: 1024px) {
div.sp-case-content-inner .sp-content-container {
grid-template-columns: 1fr 387px;
gap: 74px;
}
}
div.sp-case-content-inner .sp-content-container .left .sp-image-container {
margin-bottom: 22px;
}
@media (min-width: 1024px) {
div.sp-case-content-inner .sp-content-container .left .sp-image-container {
display: none;
}
}
div.sp-case-content-inner .sp-content-container .left .sp-image-container img {
display: block;
width: 100%;
height: auto;
border-radius: 10px;
}
div.sp-case-content-inner .sp-content-container .left .sp-gallery-container-outer {
position: relative;
}
@media (min-width: 1024px) {
div.sp-case-content-inner .sp-content-container .left .sp-gallery-container-outer {
display: none;
}
}
div.sp-case-content-inner .sp-content-container .left .sp-gallery-container-outer button {
position: absolute;
top: calc(50% - 15px);
width: 40px;
height: 40px;
border: 1px solid #F3A1AA;
background: #F3A1AA;
cursor: pointer;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
z-index: 10;
}
div.sp-case-content-inner .sp-content-container .left .sp-gallery-container-outer button::after {
content: "";
position: absolute;
top: calc(50% - 6px);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: var(--icon_arrow_black);
width: 10px;
height: 13px;
}
div.sp-case-content-inner .sp-content-container .left .sp-gallery-container-outer button.slide-left {
left: 0;
transform: translateX(-50%);
}
div.sp-case-content-inner .sp-content-container .left .sp-gallery-container-outer button.slide-left::after {
transform: rotate(90deg);
}
div.sp-case-content-inner .sp-content-container .left .sp-gallery-container-outer button.slide-right {
right: 0;
transform: translateX(50%);
}
div.sp-case-content-inner .sp-content-container .left .sp-gallery-container-outer button.slide-right::after {
transform: rotate(-90deg);
}
div.sp-case-content-inner .sp-content-container .left .sp-gallery-container-outer .sp-gallery-container {
display: block;
margin: 0 -15px 41px -15px;
}
div.sp-case-content-inner .sp-content-container .left .sp-gallery-container-outer .sp-gallery-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
height: 249px;
width: 100%;
border-radius: 10px;
margin: 0 15px;
}
div.sp-case-content-inner .sp-content-container .left .sp-share-container {
margin-bottom: 26px;
display: grid;
grid-template-columns: 100%;
align-items: center;
gap: 15px;
grid-template-columns: auto 1fr;
}
@media (min-width: 1024px) {
div.sp-case-content-inner .sp-content-container .left .sp-share-container {
display: none;
}
}
div.sp-case-content-inner .sp-content-container .left .sp-share-container .link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
}
div.sp-case-content-inner .sp-content-container .left .sp-type-container {
margin-bottom: 16px;
}
div.sp-case-content-inner .sp-content-container .left .sp-type-container span.post-type {
display: block;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.2;
font-family: gt-light, "sans-serif";
}
div.sp-case-content-inner .sp-content-container .left .sp-title-container {
margin-bottom: 26px;
}
div.sp-case-content-inner .sp-content-container .left .sp-title-container h1 {
font-size: 25px;
font-size: 2.5rem;
line-height: 1.2;
}
@media (min-width: 768px) {
div.sp-case-content-inner .sp-content-container .left .sp-title-container h1 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 1024px) {
div.sp-case-content-inner .sp-content-container .left .sp-title-container h1 {
font-size: 35px;
font-size: 3.5rem;
}
}
div.sp-case-content-inner .sp-content-container .left .sp-flex-container {
display: grid;
grid-template-columns: 100%;
gap: 30px;
}
div.sp-case-content-inner .sp-content-container .right .sp-image-container {
display: none;
margin-bottom: 41px;
}
@media (min-width: 1024px) {
div.sp-case-content-inner .sp-content-container .right .sp-image-container {
display: block;
}
}
div.sp-case-content-inner .sp-content-container .right .sp-image-container img {
display: block;
width: 100%;
height: auto;
border-radius: 10px;
}
div.sp-case-content-inner .sp-content-container .right .sp-gallery-container-outer {
position: relative;
display: none;
}
@media (min-width: 1024px) {
div.sp-case-content-inner .sp-content-container .right .sp-gallery-container-outer {
display: block;
}
}
div.sp-case-content-inner .sp-content-container .right .sp-gallery-container-outer button {
position: absolute;
top: calc(50% - 20px);
width: 40px;
height: 40px;
border: 3px solid #FFFFFF;
background: #F3A1AA;
cursor: pointer;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
z-index: 12;
}
div.sp-case-content-inner .sp-content-container .right .sp-gallery-container-outer button::after {
content: "";
position: absolute;
top: calc(50% - 6px);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: var(--icon_arrow_black);
width: 10px;
height: 13px;
}
div.sp-case-content-inner .sp-content-container .right .sp-gallery-container-outer button.slide-left {
left: 0;
transform: translateX(-50%);
}
div.sp-case-content-inner .sp-content-container .right .sp-gallery-container-outer button.slide-left::after {
transform: rotate(90deg);
}
div.sp-case-content-inner .sp-content-container .right .sp-gallery-container-outer button.slide-right {
right: 0;
transform: translateX(50%);
}
div.sp-case-content-inner .sp-content-container .right .sp-gallery-container-outer button.slide-right::after {
transform: rotate(-90deg);
}
div.sp-case-content-inner .sp-content-container .right .sp-gallery-container-outer .sp-gallery-container {
display: block;
margin: 0 -15px 41px -15px;
}
div.sp-case-content-inner .sp-content-container .right .sp-gallery-container-outer .sp-gallery-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
height: 249px;
width: 100%;
border-radius: 10px;
}
div.sp-case-content-inner .sp-content-container .right .sp-gallery-container-outer .sp-gallery-container .slick-slide {
margin: 0 15px;
}
div.sp-case-content-inner .sp-content-container .right .sp-share-container {
display: none;
margin-bottom: 41px;
}
@media (min-width: 1024px) {
div.sp-case-content-inner .sp-content-container .right .sp-share-container {
display: grid;
grid-template-columns: 100%;
align-items: center;
gap: 15px;
grid-template-columns: auto 1fr;
}
}
div.sp-case-content-inner .sp-content-container .right .sp-share-container .link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
}
div.sp-case-content-inner .sp-content-container .right .sp-download-container button, div.sp-case-content-inner .sp-content-container .right .sp-download-container a {
cursor: pointer;
display: block;
text-decoration: none;
border: none;
border-radius: 10px;
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
padding: 25px 59px 25px 35px;
position: relative;
width: fit-content;
color: inherit;
}
div.sp-case-content-inner .sp-content-container .right .sp-download-container button span.text, div.sp-case-content-inner .sp-content-container .right .sp-download-container a span.text {
font-family: gt-light, "sans-serif";
display: inline;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.2;
}
@media (min-width: 650px) {
div.sp-case-content-inner .sp-content-container .right .sp-download-container button span.text, div.sp-case-content-inner .sp-content-container .right .sp-download-container a span.text {
font-size: 25px;
font-size: 2.5rem;
}
}
@media (min-width: 768px) {
div.sp-case-content-inner .sp-content-container .right .sp-download-container button span.text, div.sp-case-content-inner .sp-content-container .right .sp-download-container a span.text {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 1024px) {
div.sp-case-content-inner .sp-content-container .right .sp-download-container button span.text, div.sp-case-content-inner .sp-content-container .right .sp-download-container a span.text {
font-size: 35px;
font-size: 3.5rem;
}
}
div.sp-case-content-inner .sp-content-container .right .sp-download-container button::after, div.sp-case-content-inner .sp-content-container .right .sp-download-container a::after {
content: "";
position: absolute;
right: 35px;
display: inline;
top: calc(50% - 6px);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: var(--icon_arrow_black);
width: 13px;
height: 16px;
}
section.sp-event-content {
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) min(50%, 1080px), rgb(234, 195, 199) 100%);
position: relative;
overflow: hidden;
--header: 84px;
--header_notif: calc(84px + 44px);
--header_notif_padding: calc(84px + 44px);
}
@media (min-width: 1200px) {
section.sp-event-content {
--header_notif_padding: calc(84px + 44px + 60px);
}
}
section.sp-event-content::after {
content: "";
position: absolute;
top: var(--header_notif_padding);
left: -25vw;
width: 150vw;
height: auto;
aspect-ratio: 1/1;
clip-path: circle(50% at 50% 50%);
background: rgb(255, 255, 255);
background: linear-gradient(165deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
}
@media (min-width: 1200px) {
section.sp-event-content::after {
width: 200vw;
left: -50vw;
}
}
div.sp-event-content-inner {
position: relative;
z-index: 2;
}
div.sp-event-content-inner .sp-crumb-container {
text-align: center;
margin-bottom: 50px;
margin-top: 50px;
}
@media (min-width: 768px) {
div.sp-event-content-inner .sp-crumb-container {
max-width: 700px;
margin: 83px auto 45px auto;
}
}
div.sp-event-content-inner .sp-crumb-container a {
font-family: gt-light, "sans-serif";
font-size: 20px;
font-size: 2rem;
display: inline;
text-decoration: none;
color: #4B426C;
margin-right: 5px;
line-height: 1.2;
position: relative;
padding-left: 8px;
}
div.sp-event-content-inner .sp-crumb-container a:first-child::before {
display: none;
}
div.sp-event-content-inner .sp-crumb-container a::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 4px;
height: 4px;
clip-path: circle(50% at 50% 50%);
background: #4B426C;
}
div.sp-event-content-inner .sp-crumb-container span {
font-family: gt-light, "sans-serif";
font-size: 20px;
font-size: 2rem;
display: inline;
color: #F3A1AA;
line-height: 1.2;
position: relative;
padding-left: 8px;
}
div.sp-event-content-inner .sp-crumb-container span::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 4px;
height: 4px;
clip-path: circle(50% at 50% 50%);
background: #F3A1AA;
}
div.sp-event-content-inner .sp-content-container {
max-width: 1093px;
margin: 0 auto;
background: #FFFFFF;
border-radius: 10px;
border: 1px solid #FFFFFF;
padding: 50px 30px 50px 30px;
display: grid;
grid-template-columns: 100%;
gap: 30px;
}
@media (min-width: 768px) {
div.sp-event-content-inner .sp-content-container {
padding: 70px 50px 70px 50px;
}
}
@media (min-width: 1024px) {
div.sp-event-content-inner .sp-content-container {
grid-template-columns: 1fr 387px;
gap: 74px;
}
}
div.sp-event-content-inner .sp-content-container .left .sp-image-container {
margin-bottom: 22px;
}
@media (min-width: 1024px) {
div.sp-event-content-inner .sp-content-container .left .sp-image-container {
display: none;
}
}
div.sp-event-content-inner .sp-content-container .left .sp-image-container img {
display: block;
width: 100%;
height: auto;
border-radius: 10px;
}
div.sp-event-content-inner .sp-content-container .left .sp-gallery-container-outer {
position: relative;
}
@media (min-width: 1024px) {
div.sp-event-content-inner .sp-content-container .left .sp-gallery-container-outer {
display: none;
}
}
div.sp-event-content-inner .sp-content-container .left .sp-gallery-container-outer button {
position: absolute;
top: calc(50% - 15px);
width: 40px;
height: 40px;
border: 1px solid #F3A1AA;
background: #F3A1AA;
cursor: pointer;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
z-index: 10;
}
div.sp-event-content-inner .sp-content-container .left .sp-gallery-container-outer button::after {
content: "";
position: absolute;
top: calc(50% - 6px);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: var(--icon_arrow_black);
width: 10px;
height: 13px;
}
div.sp-event-content-inner .sp-content-container .left .sp-gallery-container-outer button.slide-left {
left: 0;
transform: translateX(-50%);
}
div.sp-event-content-inner .sp-content-container .left .sp-gallery-container-outer button.slide-left::after {
transform: rotate(90deg);
}
div.sp-event-content-inner .sp-content-container .left .sp-gallery-container-outer button.slide-right {
right: 0;
transform: translateX(50%);
}
div.sp-event-content-inner .sp-content-container .left .sp-gallery-container-outer button.slide-right::after {
transform: rotate(-90deg);
}
div.sp-event-content-inner .sp-content-container .left .sp-gallery-container-outer .sp-gallery-container {
display: block;
margin: 0 -15px 41px -15px;
}
div.sp-event-content-inner .sp-content-container .left .sp-gallery-container-outer .sp-gallery-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
height: 249px;
width: 100%;
border-radius: 10px;
margin: 0 15px;
}
div.sp-event-content-inner .sp-content-container .left .sp-info-container {
margin-bottom: 34px;
}
@media (min-width: 1024px) {
div.sp-event-content-inner .sp-content-container .left .sp-info-container {
display: none;
}
}
div.sp-event-content-inner .sp-content-container .left .sp-info-container dl .dl-container {
display: grid;
grid-template-columns: 100%;
grid-template-columns: auto 1fr;
gap: 0 5px;
margin-bottom: 5px;
font-family: gt-light, "sans-serif";
font-size: 16px;
font-size: 1.6rem;
}
div.sp-event-content-inner .sp-content-container .left .sp-info-container dl .dl-container:last-child {
margin-bottom: 0;
}
div.sp-event-content-inner .sp-content-container .left .sp-info-container dl .dl-container dd a.website {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
width: 14px;
height: 14px;
transform: translateY(2px);
}
div.sp-event-content-inner .sp-content-container .left .sp-info-container dl .dl-container dd a.website::after {
content: "";
position: absolute;
top: 0;
left: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: var(--icon_website_black);
width: 14px;
height: 14px;
}
div.sp-event-content-inner .sp-content-container .left .sp-info-container dl .dl-container dd a.directions {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
width: 14px;
height: 14px;
transform: translateY(2px);
}
div.sp-event-content-inner .sp-content-container .left .sp-info-container dl .dl-container dd a.directions::after {
content: "";
position: absolute;
top: 0;
left: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: var(--icon_location_black);
width: 14px;
height: 14px;
}
div.sp-event-content-inner .sp-content-container .left .sp-share-container {
margin-bottom: 26px;
display: grid;
grid-template-columns: 100%;
align-items: center;
gap: 15px;
grid-template-columns: auto 1fr;
}
@media (min-width: 1024px) {
div.sp-event-content-inner .sp-content-container .left .sp-share-container {
display: none;
}
}
div.sp-event-content-inner .sp-content-container .left .sp-share-container .link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
}
div.sp-event-content-inner .sp-content-container .left .sp-type-container {
margin-bottom: 16px;
}
div.sp-event-content-inner .sp-content-container .left .sp-type-container span.post-type {
display: block;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.2;
font-family: gt-light, "sans-serif";
}
div.sp-event-content-inner .sp-content-container .left .sp-title-container {
margin-bottom: 26px;
}
div.sp-event-content-inner .sp-content-container .left .sp-title-container h1 {
font-size: 25px;
font-size: 2.5rem;
line-height: 1.2;
}
@media (min-width: 768px) {
div.sp-event-content-inner .sp-content-container .left .sp-title-container h1 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 1024px) {
div.sp-event-content-inner .sp-content-container .left .sp-title-container h1 {
font-size: 35px;
font-size: 3.5rem;
}
}
div.sp-event-content-inner .sp-content-container .left .sp-flex-container {
display: grid;
grid-template-columns: 100%;
gap: 30px;
}
div.sp-event-content-inner .sp-content-container .right .sp-image-container {
display: none;
margin-bottom: 41px;
}
@media (min-width: 1024px) {
div.sp-event-content-inner .sp-content-container .right .sp-image-container {
display: block;
}
}
div.sp-event-content-inner .sp-content-container .right .sp-image-container img {
display: block;
width: 100%;
height: auto;
border-radius: 10px;
}
div.sp-event-content-inner .sp-content-container .right .sp-gallery-container-outer {
position: relative;
display: none;
}
@media (min-width: 1024px) {
div.sp-event-content-inner .sp-content-container .right .sp-gallery-container-outer {
display: block;
}
}
div.sp-event-content-inner .sp-content-container .right .sp-gallery-container-outer button {
position: absolute;
top: calc(50% - 20px);
width: 40px;
height: 40px;
border: 3px solid #FFFFFF;
background: #F3A1AA;
cursor: pointer;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
z-index: 12;
}
div.sp-event-content-inner .sp-content-container .right .sp-gallery-container-outer button::after {
content: "";
position: absolute;
top: calc(50% - 6px);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: var(--icon_arrow_black);
width: 10px;
height: 13px;
}
div.sp-event-content-inner .sp-content-container .right .sp-gallery-container-outer button.slide-left {
left: 0;
transform: translateX(-50%);
}
div.sp-event-content-inner .sp-content-container .right .sp-gallery-container-outer button.slide-left::after {
transform: rotate(90deg);
}
div.sp-event-content-inner .sp-content-container .right .sp-gallery-container-outer button.slide-right {
right: 0;
transform: translateX(50%);
}
div.sp-event-content-inner .sp-content-container .right .sp-gallery-container-outer button.slide-right::after {
transform: rotate(-90deg);
}
div.sp-event-content-inner .sp-content-container .right .sp-gallery-container-outer .sp-gallery-container {
display: block;
margin: 0 -15px 41px -15px;
}
div.sp-event-content-inner .sp-content-container .right .sp-gallery-container-outer .sp-gallery-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
height: 249px;
width: 100%;
border-radius: 10px;
}
div.sp-event-content-inner .sp-content-container .right .sp-gallery-container-outer .sp-gallery-container .slick-slide {
margin: 0 15px;
}
div.sp-event-content-inner .sp-content-container .right .sp-info-container {
display: none;
}
@media (min-width: 1024px) {
div.sp-event-content-inner .sp-content-container .right .sp-info-container {
display: block;
margin-bottom: 34px;
}
}
div.sp-event-content-inner .sp-content-container .right .sp-info-container dl .dl-container {
display: grid;
grid-template-columns: 100%;
grid-template-columns: auto 1fr;
gap: 0 5px;
margin-bottom: 5px;
font-family: gt-regular, "sans-serif";
font-size: 22px;
font-size: 2.2rem;
}
div.sp-event-content-inner .sp-content-container .right .sp-info-container dl .dl-container:last-child {
margin-bottom: 0;
}
div.sp-event-content-inner .sp-content-container .right .sp-info-container dl .dl-container dd a.website {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
width: 20px;
height: 20px;
transform: translateY(2px);
}
div.sp-event-content-inner .sp-content-container .right .sp-info-container dl .dl-container dd a.website::after {
content: "";
position: absolute;
top: 0;
left: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: var(--icon_website_black);
width: 20px;
height: 20px;
}
div.sp-event-content-inner .sp-content-container .right .sp-info-container dl .dl-container dd a.directions {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
width: 20px;
height: 20px;
transform: translateY(2px);
}
div.sp-event-content-inner .sp-content-container .right .sp-info-container dl .dl-container dd a.directions::after {
content: "";
position: absolute;
top: 0;
left: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: var(--icon_location_black);
width: 20px;
height: 20px;
}
div.sp-event-content-inner .sp-content-container .right .sp-share-container {
display: none;
margin-bottom: 41px;
}
@media (min-width: 1024px) {
div.sp-event-content-inner .sp-content-container .right .sp-share-container {
display: grid;
grid-template-columns: 100%;
align-items: center;
gap: 15px;
grid-template-columns: auto 1fr;
}
}
div.sp-event-content-inner .sp-content-container .right .sp-share-container .link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
}
div.sp-event-content-inner .sp-content-container .right .sp-download-container button, div.sp-event-content-inner .sp-content-container .right .sp-download-container a {
cursor: pointer;
display: block;
text-decoration: none;
border: none;
border-radius: 10px;
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
padding: 25px 59px 25px 35px;
position: relative;
width: fit-content;
color: inherit;
}
div.sp-event-content-inner .sp-content-container .right .sp-download-container button span.text, div.sp-event-content-inner .sp-content-container .right .sp-download-container a span.text {
font-family: gt-light, "sans-serif";
display: inline;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.2;
}
@media (min-width: 650px) {
div.sp-event-content-inner .sp-content-container .right .sp-download-container button span.text, div.sp-event-content-inner .sp-content-container .right .sp-download-container a span.text {
font-size: 25px;
font-size: 2.5rem;
}
}
@media (min-width: 768px) {
div.sp-event-content-inner .sp-content-container .right .sp-download-container button span.text, div.sp-event-content-inner .sp-content-container .right .sp-download-container a span.text {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 1024px) {
div.sp-event-content-inner .sp-content-container .right .sp-download-container button span.text, div.sp-event-content-inner .sp-content-container .right .sp-download-container a span.text {
font-size: 35px;
font-size: 3.5rem;
}
}
div.sp-event-content-inner .sp-content-container .right .sp-download-container button::after, div.sp-event-content-inner .sp-content-container .right .sp-download-container a::after {
content: "";
position: absolute;
right: 35px;
display: inline;
top: calc(50% - 6px);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: var(--icon_arrow_black);
width: 13px;
height: 16px;
}
div.sp-event-form-inner .sp-content-container {
max-width: 1093px;
margin: 0 auto;
}
div.sp-event-form-inner .sp-content-container .sp-title-container {
margin-bottom: 40px;
text-align: center;
}
@media (min-width: 768px) {
div.sp-event-form-inner .sp-content-container .sp-title-container {
margin-bottom: 60px;
}
}
section.sp-industry-hero {
overflow: hidden;
}
section.sp-industry-hero + section {
margin-top: 0 !important;
}
div.sp-industry-hero-inner .sp-crumb-container {
margin-top: 30px;
text-align: center;
}
@media (min-width: 1024px) {
div.sp-industry-hero-inner .sp-crumb-container {
margin-top: 60px;
}
}
div.sp-industry-hero-inner .sp-title-container {
text-align: center;
margin-bottom: 45px;
}
div.sp-industry-hero-inner .sp-title-container h1, div.sp-industry-hero-inner .sp-title-container h2 {
font-family: gt-regular, "sans-serif";
font-size: 40px;
font-size: 4rem;
line-height: 1.2;
max-width: min(1089px, 92%);
margin: 0 auto 14px auto;
}
@media (min-width: 650px) {
div.sp-industry-hero-inner .sp-title-container h1, div.sp-industry-hero-inner .sp-title-container h2 {
font-size: 50px;
font-size: 5rem;
}
}
@media (min-width: 768px) {
div.sp-industry-hero-inner .sp-title-container h1, div.sp-industry-hero-inner .sp-title-container h2 {
font-size: 70px;
font-size: 7rem;
}
}
@media (min-width: 1200px) {
div.sp-industry-hero-inner .sp-title-container h1, div.sp-industry-hero-inner .sp-title-container h2 {
font-size: 90px;
font-size: 9rem;
line-height: 0.95;
margin: 8px auto 19px auto;
}
}
@media (min-width: 1600px) {
div.sp-industry-hero-inner .sp-title-container h1, div.sp-industry-hero-inner .sp-title-container h2 {
font-size: 110px;
font-size: 11rem;
}
}
div.sp-industry-hero-inner .sp-title-container h1 span, div.sp-industry-hero-inner .sp-title-container h2 span {
color: #F3A1AA;
}
div.sp-industry-hero-inner .sp-title-container .custom-text {
max-width: 750px;
margin: 0 auto;
} div.sp-solution-hero-inner {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
margin-top: 30px;
}
@media (min-width: 900px) {
div.sp-solution-hero-inner {
grid-template-columns: 60% 1fr;
gap: 60px;
}
}
@media (min-width: 1200px) {
div.sp-solution-hero-inner {
grid-template-columns: minmax(auto, 812px) 320px;
gap: calc(100% - 812px - 320px);
}
}
div.sp-solution-hero-inner .left .sp-crumb-container {
margin-bottom: 30px;
}
div.sp-solution-hero-inner .left h1, div.sp-solution-hero-inner .left h2 {
font-family: gt-regular, "sans-serif";
font-size: 30px;
font-size: 3rem;
line-height: 1.2;
margin-bottom: 30px;
}
@media (min-width: 650px) {
div.sp-solution-hero-inner .left h1, div.sp-solution-hero-inner .left h2 {
font-size: 35px;
font-size: 3.5rem;
}
}
@media (min-width: 768px) {
div.sp-solution-hero-inner .left h1, div.sp-solution-hero-inner .left h2 {
font-size: 40px;
font-size: 4rem;
}
}
@media (min-width: 1200px) {
div.sp-solution-hero-inner .left h1, div.sp-solution-hero-inner .left h2 {
font-size: 60px;
font-size: 6rem;
line-height: 0.95;
margin-bottom: 60px;
}
}
@media (min-width: 1600px) {
div.sp-solution-hero-inner .left h1, div.sp-solution-hero-inner .left h2 {
font-size: 70px;
font-size: 7rem;
}
}
div.sp-solution-hero-inner .left h1 span, div.sp-solution-hero-inner .left h2 span {
color: #F3A1AA;
}
div.sp-solution-hero-inner .right .sp-image-container {
display: flex;
align-items: center;
justify-content: center;
}
div.sp-solution-hero-inner .right .sp-image-container img {
display: block;
width: 100%;
height: auto;
max-width: 400px;
}
div.sp-solution-hero-inner .right .sp-links-container {
margin-top: 30px;
}
div.sp-solution-hero-inner .right .sp-links-container .button-container ul {
list-style: none;
padding-left: 0;
text-align: left;
display: grid;
grid-template-columns: 1fr;
gap: 5px;
}
div.sp-solution-hero-inner .right .sp-links-container .button-container ul li {
position: relative;
padding-left: 15px;
}
div.sp-solution-hero-inner .right .sp-links-container .button-container ul li::before {
content: "";
position: absolute;
top: 4.5px;
left: 0;
width: 9px;
height: 9px;
background: #FF9DA9;
border-radius: 50%;
}
div.sp-solution-hero-inner .right .sp-links-container .button-container ul li button {
text-align: left;
border: none;
background: transparent;
color: inherit;
text-decoration: underline;
display: block;
cursor: pointer;
}
section.sp-product-hero {
overflow: hidden;
}
section.sp-product-hero + section {
margin-top: 0 !important;
}
div.sp-product-hero-inner .sp-crumb-container {
margin-top: 30px;
text-align: center;
}
@media (min-width: 1024px) {
div.sp-product-hero-inner .sp-crumb-container {
margin-top: 60px;
}
}
div.sp-product-hero-inner .sp-title-container {
text-align: center;
margin-bottom: 45px;
}
div.sp-product-hero-inner .sp-title-container h1, div.sp-product-hero-inner .sp-title-container h2 {
font-family: gt-regular, "sans-serif";
font-size: 40px;
font-size: 4rem;
line-height: 1.2;
max-width: min(1089px, 92%);
margin: 0 auto 14px auto;
}
@media (min-width: 650px) {
div.sp-product-hero-inner .sp-title-container h1, div.sp-product-hero-inner .sp-title-container h2 {
font-size: 50px;
font-size: 5rem;
}
}
@media (min-width: 768px) {
div.sp-product-hero-inner .sp-title-container h1, div.sp-product-hero-inner .sp-title-container h2 {
font-size: 70px;
font-size: 7rem;
}
}
@media (min-width: 1200px) {
div.sp-product-hero-inner .sp-title-container h1, div.sp-product-hero-inner .sp-title-container h2 {
font-size: 90px;
font-size: 9rem;
line-height: 0.95;
margin: 8px auto 19px auto;
}
}
@media (min-width: 1600px) {
div.sp-product-hero-inner .sp-title-container h1, div.sp-product-hero-inner .sp-title-container h2 {
font-size: 110px;
font-size: 11rem;
}
}
div.sp-product-hero-inner .sp-title-container h1 span, div.sp-product-hero-inner .sp-title-container h2 span {
color: #F3A1AA;
}
div.sp-product-hero-inner .sp-title-container .custom-text {
max-width: 750px;
margin: 0 auto;
}
div.sp-product-hero-inner .sp-title-container .sp-link-container {
display: grid;
grid-template-columns: 100%;
gap: 15px;
max-width: 613px;
margin: 30px auto 0 auto;
}
div.sp-product-hero-inner .sp-title-container .sp-link-container a {
margin: 0 auto;
}
div.sp-product-hero-inner .sp-title-container .sp-link-container a:nth-child(even) {
background: #F3A1AA;
color: #250F3E;
border-color: #F3A1AA;
}
div.sp-product-hero-inner .sp-title-container .sp-link-container a:nth-child(even)::after {
background-image: var(--icon_arrow_black);
transform: rotate(-90deg);
height: 16px;
width: 13px;
top: 25.5px;
}
@media (hover: hover) {
div.sp-product-hero-inner .sp-title-container .sp-link-container a:nth-child(even):hover {
background: #250F3E;
color: #FFFFFF;
border-color: #250F3E;
}
div.sp-product-hero-inner .sp-title-container .sp-link-container a:nth-child(even):hover::after {
height: 13px;
width: 16px;
top: 28.5px;
transform: rotate(0);
background-image: var(--icon_arrow_pink);
}
}
section.sp-vacature-content {
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) min(50%, 1080px), rgb(234, 195, 199) 100%);
position: relative;
overflow: hidden;
--header: 84px;
--header_notif: calc(84px + 44px);
--header_notif_padding: calc(84px + 44px);
}
@media (min-width: 1200px) {
section.sp-vacature-content {
--header_notif_padding: calc(84px + 44px + 60px);
}
}
section.sp-vacature-content::after {
content: "";
position: absolute;
top: var(--header_notif_padding);
left: -25vw;
width: 150vw;
height: auto;
aspect-ratio: 1/1;
clip-path: circle(50% at 50% 50%);
background: rgb(255, 255, 255);
background: linear-gradient(165deg, rgb(255, 255, 255) 0%, rgb(234, 195, 199) 100%);
}
@media (min-width: 1200px) {
section.sp-vacature-content::after {
width: 200vw;
left: -50vw;
}
}
div.sp-vacature-content-inner {
position: relative;
z-index: 2;
}
div.sp-vacature-content-inner .sp-crumb-container {
text-align: center;
margin-bottom: 50px;
margin-top: 50px;
}
@media (min-width: 768px) {
div.sp-vacature-content-inner .sp-crumb-container {
margin-bottom: 70px;
margin-top: 83px;
}
}
div.sp-vacature-content-inner .sp-crumb-container a {
font-family: gt-light, "sans-serif";
font-size: 20px;
font-size: 2rem;
display: inline;
text-decoration: none;
color: #4B426C;
margin-right: 5px;
line-height: 1.2;
position: relative;
padding-left: 8px;
}
div.sp-vacature-content-inner .sp-crumb-container a:first-child::before {
display: none;
}
div.sp-vacature-content-inner .sp-crumb-container a::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 4px;
height: 4px;
clip-path: circle(50% at 50% 50%);
background: #4B426C;
}
div.sp-vacature-content-inner .sp-crumb-container span {
font-family: gt-light, "sans-serif";
font-size: 20px;
font-size: 2rem;
display: inline;
color: #F3A1AA;
line-height: 1.2;
position: relative;
padding-left: 8px;
}
div.sp-vacature-content-inner .sp-crumb-container span::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 4px;
height: 4px;
clip-path: circle(50% at 50% 50%);
background: #F3A1AA;
}
div.sp-vacature-content-inner .sp-content-container {
max-width: 1093px;
margin: 0 auto;
background: #FFFFFF;
border-radius: 10px;
border: 1px solid #FFFFFF;
padding: 50px 30px 50px 30px;
display: grid;
grid-template-columns: 100%;
gap: 30px;
}
@media (min-width: 768px) {
div.sp-vacature-content-inner .sp-content-container {
padding: 70px 50px 70px 50px;
}
}
@media (min-width: 1024px) {
div.sp-vacature-content-inner .sp-content-container {
grid-template-columns: 1fr 387px;
gap: 74px;
}
}
div.sp-vacature-content-inner .sp-content-container .left .sp-image-container {
margin-bottom: 22px;
}
@media (min-width: 1024px) {
div.sp-vacature-content-inner .sp-content-container .left .sp-image-container {
display: none;
}
}
div.sp-vacature-content-inner .sp-content-container .left .sp-image-container img {
display: block;
width: 100%;
height: auto;
border-radius: 10px;
}
div.sp-vacature-content-inner .sp-content-container .left .sp-gallery-container-outer {
position: relative;
}
@media (min-width: 1024px) {
div.sp-vacature-content-inner .sp-content-container .left .sp-gallery-container-outer {
display: none;
}
}
div.sp-vacature-content-inner .sp-content-container .left .sp-gallery-container-outer button {
position: absolute;
top: calc(50% - 15px);
width: 40px;
height: 40px;
border: 1px solid #F3A1AA;
background: #F3A1AA;
cursor: pointer;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
z-index: 10;
}
div.sp-vacature-content-inner .sp-content-container .left .sp-gallery-container-outer button::after {
content: "";
position: absolute;
top: calc(50% - 6px);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: var(--icon_arrow_black);
width: 10px;
height: 13px;
}
div.sp-vacature-content-inner .sp-content-container .left .sp-gallery-container-outer button.slide-left {
left: 0;
transform: translateX(-50%);
}
div.sp-vacature-content-inner .sp-content-container .left .sp-gallery-container-outer button.slide-left::after {
transform: rotate(90deg);
}
div.sp-vacature-content-inner .sp-content-container .left .sp-gallery-container-outer button.slide-right {
right: 0;
transform: translateX(50%);
}
div.sp-vacature-content-inner .sp-content-container .left .sp-gallery-container-outer button.slide-right::after {
transform: rotate(-90deg);
}
div.sp-vacature-content-inner .sp-content-container .left .sp-gallery-container-outer .sp-gallery-container {
display: block;
margin: 0 -15px 41px -15px;
}
div.sp-vacature-content-inner .sp-content-container .left .sp-gallery-container-outer .sp-gallery-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
height: 249px;
width: 100%;
border-radius: 10px;
margin: 0 15px;
}
div.sp-vacature-content-inner .sp-content-container .left .sp-share-container {
margin-bottom: 26px;
}
@media (min-width: 1024px) {
div.sp-vacature-content-inner .sp-content-container .left .sp-share-container {
display: none;
}
}
div.sp-vacature-content-inner .sp-content-container .left .sp-type-container {
margin-bottom: 16px;
}
div.sp-vacature-content-inner .sp-content-container .left .sp-type-container span.post-type {
display: block;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.2;
font-family: gt-light, "sans-serif";
}
div.sp-vacature-content-inner .sp-content-container .left .sp-title-container {
margin-bottom: 26px;
}
div.sp-vacature-content-inner .sp-content-container .left .sp-title-container h1 {
font-size: 25px;
font-size: 2.5rem;
line-height: 1.2;
}
@media (min-width: 768px) {
div.sp-vacature-content-inner .sp-content-container .left .sp-title-container h1 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 1024px) {
div.sp-vacature-content-inner .sp-content-container .left .sp-title-container h1 {
font-size: 35px;
font-size: 3.5rem;
}
}
div.sp-vacature-content-inner .sp-content-container .left .sp-flex-container {
display: grid;
grid-template-columns: 100%;
gap: 30px;
}
div.sp-vacature-content-inner .sp-content-container .right .sp-image-container {
display: none;
margin-bottom: 41px;
}
@media (min-width: 1024px) {
div.sp-vacature-content-inner .sp-content-container .right .sp-image-container {
display: block;
}
}
div.sp-vacature-content-inner .sp-content-container .right .sp-image-container img {
display: block;
width: 100%;
height: auto;
border-radius: 10px;
}
div.sp-vacature-content-inner .sp-content-container .right .sp-gallery-container-outer {
position: relative;
display: none;
}
@media (min-width: 1024px) {
div.sp-vacature-content-inner .sp-content-container .right .sp-gallery-container-outer {
display: block;
}
}
div.sp-vacature-content-inner .sp-content-container .right .sp-gallery-container-outer button {
position: absolute;
top: calc(50% - 25px);
width: 50px;
height: 50px;
border: 1px solid #F3A1AA;
background: #F3A1AA;
cursor: pointer;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
z-index: 12;
}
div.sp-vacature-content-inner .sp-content-container .right .sp-gallery-container-outer button::after {
content: "";
position: absolute;
top: calc(50% - 6px);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: var(--icon_arrow_black);
width: 10px;
height: 13px;
}
div.sp-vacature-content-inner .sp-content-container .right .sp-gallery-container-outer button.slide-left {
left: 0;
transform: translateX(-50%);
}
div.sp-vacature-content-inner .sp-content-container .right .sp-gallery-container-outer button.slide-left::after {
transform: rotate(90deg);
}
div.sp-vacature-content-inner .sp-content-container .right .sp-gallery-container-outer button.slide-right {
right: 0;
transform: translateX(50%);
}
div.sp-vacature-content-inner .sp-content-container .right .sp-gallery-container-outer button.slide-right::after {
transform: rotate(-90deg);
}
div.sp-vacature-content-inner .sp-content-container .right .sp-gallery-container-outer .sp-gallery-container {
display: block;
margin: 0 -15px 41px -15px;
}
div.sp-vacature-content-inner .sp-content-container .right .sp-gallery-container-outer .sp-gallery-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
height: 249px;
width: 100%;
border-radius: 10px;
margin: 0 15px;
}
div.sp-vacature-content-inner .sp-content-container .right .sp-share-container {
display: none;
margin-bottom: 41px;
}
@media (min-width: 1024px) {
div.sp-vacature-content-inner .sp-content-container .right .sp-share-container {
display: block;
}
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(//arco.be/wp-content/themes/custom/assets/icons/ajax-loader.gif) center center no-repeat;
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.slick-lightbox{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:black;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}.slick-lightbox .slick-loading .slick-list{background-color:transparent}.slick-lightbox .slick-prev{left:15px}.slick-lightbox .slick-next{right:15px}.slick-lightbox-hide{opacity:0}.slick-lightbox-hide.slick-lightbox-ie{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox-hide-init{position:absolute;top:-9999px;opacity:0}.slick-lightbox-hide-init.slick-lightbox-ie{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox-inner{position:fixed;top:0;left:0;width:100%;height:100%}.slick-lightbox-slick-item{text-align:center;overflow:hidden}.slick-lightbox-slick-item:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption{position:absolute;bottom:0;left:0;text-align:center;width:100%;margin-bottom:20px}.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption{display:block;text-align:center}.slick-lightbox-slick-item-inner{display:inline-block;vertical-align:middle;max-width:90%;max-height:90%}.slick-lightbox-slick-img{margin:0 auto;display:block;max-width:90%;max-height:90%}.slick-lightbox-slick-caption{margin:10px 0 0;color:white}.slick-lightbox-close{position:absolute;top:15px;right:15px;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;padding:0;border:none}.slick-lightbox-close:focus{outline:none}.slick-lightbox-close:before{font-family:"slick";font-size:20px;line-height:1;color:white;opacity:0.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'×'}