/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/src/index.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/glob-import-loader/index.js??ruleSet[1].rules[1].use[4]!./src/main/webpack/site/main.scss ***! \****************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; @font-face { font-family: "Calibri"; font-weight: 300; font-style: normal; src: url("../../../etc.clientlibs/aristongroup/clientlibs/clientlib-site/resources/fonts/calibril.ttf") format("truetype"); } @font-face { font-family: "Calibri"; font-weight: 400; font-style: normal; src: url("../../../etc.clientlibs/aristongroup/clientlibs/clientlib-site/resources/fonts/Calibri.ttf") format("truetype"); } @font-face { font-family: "Calibri"; font-weight: 700; font-style: normal; src: url("../../../etc.clientlibs/aristongroup/clientlibs/clientlib-site/resources/fonts/calibrib.ttf") format("truetype"); } html, body { font-family: "Calibri"; margin: 0; background: #FFFFFF; background-color: #FFFFFF !important; overflow-x: hidden; } @media (prefers-color-scheme: dark) { html, body { color: #545859; background: #545859; font-family: "Calibri"; } } @media (max-width: 768px) { html, body { background-color: #FFFFFF !important; } } html main.container, body main.container { padding-top: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { html main.container, body main.container { padding-top: 24px; } } html .container, body .container { font-family: "Calibri"; max-width: 100%; width: 100%; padding-right: 0px !important; padding-left: 0px !important; } a { font-family: "Calibri"; color: #C8102E; text-decoration: none; } @media (prefers-color-scheme: dark) { a { color: #C8102E; font-family: "Calibri"; } } p { font-family: "Calibri"; color: #545859; margin: 0; } span { font-family: "Calibri"; } span .number-style { font-family: "Calibri"; font-size: 32px; font-style: normal; font-weight: 400; line-height: 120%; /* 38.4px */ letter-spacing: -0.32px; } button, input, optgroup, select, textarea { font-family: "Calibri"; } h1, h2, h3, h4, h5, h6 { color: #545859; font-family: "Calibri"; letter-spacing: -1; } h1 .colored-red, h2 .colored-red, h3 .colored-red, h4 .colored-red, h5 .colored-red, h6 .colored-red { color: #C8102E; } h1 { font-size: 80px; line-height: 110%; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { h1 { font-size: 80px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { h1 { font-size: 55px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { h1 { font-size: 42px; } } h2 { font-size: 55px; line-height: 110%; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { h2 { font-size: 48px; line-height: 120%; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { h2 { font-size: 36px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { h2 { font-size: 28px; } } h3 { font-size: 48px; line-height: 120%; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { h3 { font-size: 40px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { h3 { font-size: 32px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { h3 { font-size: 24px; } } h4 { font-size: 40px; line-height: 120%; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { h4 { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { h4 { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { h4 { font-size: 20px; } } h5 { font-size: 32px; line-height: 120%; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { h5 { font-size: 28px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { h5 { font-size: 24px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { h5 { font-size: 18px; } } h6 { font-size: 20px; line-height: 150%; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { h6 { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { h6 { font-size: 18px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { h6 { font-size: 16px; } } .cmp-link__screen-reader-only { display: none !important; } .double-container { display: grid; width: 100%; gap: 16px; grid-template-columns: 1fr 1fr; } .double-container.more-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 768px) { .double-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .double-container .primary-button-container { width: 100%; } .double-container .primary-button-container.double { height: 56px; background-color: transparent; border: 1.5px solid #CCCDCF; } @media (max-width: 768px) { .double-container .primary-button-container.double { width: 100%; } } .double-container .primary-button-container.double .buttons-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .double-container .primary-button-container.double .buttons-container .button-icon { background-image: none; margin-top: 0px; margin-right: 0px; } .double-container .primary-button-container.double .buttons-container .button-icon .arrow-container .button-icon-arrow-third { width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.69965 0.000488281H12.533V9.83382H11.033V2.50897L1.54187 11.7058L0.498047 10.6286L9.91821 1.50049H2.69965V0.000488281Z' fill='%23C8102E'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; } .double-container .primary-button-container.double .text { color: #C8102E; width: 100%; padding: 0px 16px; } @media (max-width: 768px) { .double-container .primary-button-container.double .text { display: block; } } @media (min-width: 769px) { .primary-button-container.simple { width: auto; height: auto; background-color: transparent; } .primary-button-container.simple .buttons-container .home-icon { display: none; } .primary-button-container.simple .buttons-container .button-icon { margin-top: 0px; margin-right: 0px; } .primary-button-container.simple .text { display: none; } } .primary-button-container.no-label { width: auto; height: auto; background-color: transparent; } .primary-button-container.no-label .buttons-container .home-icon { display: none; } .primary-button-container.no-label .buttons-container .button-icon { margin-top: 0px; margin-right: 0px; } .primary-button-container.no-label .buttons-container .button-icon.hero-home { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Ccircle cx='25' cy='25' r='25' fill='white' fill-opacity='0.1'/%3E%3Ccircle cx='25' cy='25' r='24.5' stroke='white' stroke-opacity='0.3'/%3E%3C/svg%3E"); } @media (max-width: 768px) { .primary-button-container.no-label .buttons-container .button-icon.hero-home { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Ccircle cx='20' cy='20' r='20' fill='white' fill-opacity='0.1'/%3E%3Ccircle cx='20' cy='20' r='19.6' stroke='white' stroke-opacity='0.3' stroke-width='0.8'/%3E%3C/svg%3E"); } } .primary-button-container.no-label .text { display: none; } .primary-button-container.tertiary { min-width: 156px; width: 100%; height: 56px; background-color: transparent; border-bottom: 1.5px solid #C8102E; } @media (max-width: 768px) { .primary-button-container.tertiary { width: 100%; } } .primary-button-container.tertiary .buttons-container .button-icon { background-image: none; margin-top: 0px; margin-right: 0px; } .primary-button-container.tertiary .buttons-container .button-icon .arrow-container .button-icon-arrow-third { width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.69965 0.000488281H12.533V9.83382H11.033V2.50897L1.54187 11.7058L0.498047 10.6286L9.91821 1.50049H2.69965V0.000488281Z' fill='%23C8102E'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; } .primary-button-container.tertiary .text { color: #C8102E; width: 100%; padding: 16px 0px; } @media (max-width: 768px) { .primary-button-container.tertiary .text { display: block; } } .primary-button-container.product-card { width: auto; height: 100%; background-color: transparent; position: relative; } @media (max-width: 768px) { .primary-button-container.product-card { padding-top: 0px; padding-bottom: 0px; padding-right: 0px; } } .primary-button-container.product-card .link-container { width: 100%; padding: 1rem; position: absolute; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 1; } .primary-button-container.product-card .buttons-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .primary-button-container.product-card .buttons-container .home-icon { display: none; } .primary-button-container.product-card .buttons-container .button-icon { margin-top: 0px; margin-right: 0px; } .primary-button-container.product-card .text { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 70%; padding: 0; font-size: 20px; font-weight: 400; line-height: 30px; -webkit-transition: -webkit-text-decoration 100ms ease; transition: -webkit-text-decoration 100ms ease; transition: text-decoration 100ms ease; transition: text-decoration 100ms ease, -webkit-text-decoration 100ms ease; -webkit-animation: unset; animation: unset; text-transform: none; } .primary-button-container.product-card:hover .text { -webkit-text-decoration: underline white 1px; text-decoration: underline white 1px; } .primary-button-container { width: 200px; height: 200px; background-color: #C8102E; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .primary-button-container { width: 100%; height: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 8px; padding-bottom: 8px; padding-right: 8px; } } .primary-button-container .buttons-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .primary-button-container .buttons-container { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .primary-button-container .buttons-container .home-icon { width: 76px; height: 104px; background-image: url("data:image/svg+xml,%3Csvg width='76' height='104' viewBox='0 0 76 104' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Modalit&%23195;&%23160;_Isolamento' clip-path='url(clientlib-site/css/%23clip0_12201_784)'%3E%3Cpath id='Vector' d='M14.4184 53.9655V53.7492L14.576 53.6011L28.8629 40.1747L29.2053 39.8529L29.5477 40.1747L43.8346 53.6011L43.9922 53.7492V53.9655V74.1114V74.6115L43.4922 74.6114L15.4184 74.6113V75.1063H14.9184H14.4184V74.1113V73.6113V53.9655Z' stroke='%23DE7082'/%3E%3Cpath id='Vector_2' d='M-10.4123 37.6313L-10.4123 37.6312L24.3178 5.59899C24.318 5.59886 24.3181 5.59873 24.3183 5.5986C25.652 4.35921 27.3991 3.66992 29.2157 3.66992C31.0324 3.66992 32.7796 4.35928 34.1133 5.5988C34.1134 5.59886 34.1135 5.59893 34.1136 5.59899L68.8036 37.6297C68.8039 37.63 68.8043 37.6303 68.8046 37.6307C70.37 39.0617 71.2578 41.1201 71.2578 43.2693V92.4225C71.2578 96.5945 67.9766 100.001 63.9088 100.001H-5.51582C-9.58476 100.001 -12.852 96.5933 -12.852 92.4225V43.7693H-12.8648V43.2693C-12.8648 41.1182 -11.9757 39.0737 -10.4123 37.6313ZM59.8883 88.3831V46.1421L29.2156 17.7137L-1.46969 46.1422V88.3831H59.8883Z' stroke='%23DE7082'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_12201_784'%3E%3Crect width='76' height='104' fill='white' transform='matrix(-1 0 0 1 76 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; margin-top: 16px; } @media (max-width: 768px) { .primary-button-container .buttons-container .home-icon { margin-top: 0px; width: 39px; height: 54px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='39' height='50' viewBox='0 0 39 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Modalit&%23195;&%23160;_Isolamento'%3E%3Cg id='Vector'%3E%3Cpath d='M6.5 25.779V25.5671L6.65216 25.4198L13.6522 18.6408L14 18.304L14.3478 18.6408L21.3478 25.4198L21.5 25.5671V25.779V35.9507V36.4507L21 36.4507L7.5 36.4506V36.95H7H6.5V35.9506V35.4506V25.779Z' stroke='%23DE7082'/%3E%3Cpath d='M6.5 25.779V25.5671L6.65216 25.4198L13.6522 18.6408L14 18.304L14.3478 18.6408L21.3478 25.4198L21.5 25.5671V25.779V35.9507V36.4507L21 36.4507L7.5 36.4506V36.95H7H6.5V35.9506V35.4506V25.779Z' stroke='url(clientlib-site/css/%23paint0_linear_12278_694)'/%3E%3C/g%3E%3Cg id='Vector_2'%3E%3Cpath d='M-6.18055 17.665L-6.18049 17.665L11.3672 1.53712C11.3674 1.53691 11.3676 1.53669 11.3678 1.53648C12.0873 0.870469 13.0297 0.5 14.0097 0.5C14.9898 0.5 15.9323 0.870549 16.6518 1.5367C16.6519 1.53684 16.6521 1.53698 16.6522 1.53712L34.1788 17.6634C34.1791 17.6637 34.1795 17.6641 34.1799 17.6644C35.0234 18.4331 35.5 19.5367 35.5 20.6868V45.4358C35.5 47.6677 33.7371 49.5 31.5394 49.5H-3.53935C-5.73833 49.5 -7.49353 47.6665 -7.49353 45.4358V21.1868H-7.5V20.6868C-7.5 19.5348 -7.02207 18.4387 -6.18055 17.665ZM29.2605 43.1538V22.2422L14.0096 8.15675L-1.24758 22.2423V43.1538H29.2605Z' stroke='%23DE7082'/%3E%3Cpath d='M-6.18055 17.665L-6.18049 17.665L11.3672 1.53712C11.3674 1.53691 11.3676 1.53669 11.3678 1.53648C12.0873 0.870469 13.0297 0.5 14.0097 0.5C14.9898 0.5 15.9323 0.870549 16.6518 1.5367C16.6519 1.53684 16.6521 1.53698 16.6522 1.53712L34.1788 17.6634C34.1791 17.6637 34.1795 17.6641 34.1799 17.6644C35.0234 18.4331 35.5 19.5367 35.5 20.6868V45.4358C35.5 47.6677 33.7371 49.5 31.5394 49.5H-3.53935C-5.73833 49.5 -7.49353 47.6665 -7.49353 45.4358V21.1868H-7.5V20.6868C-7.5 19.5348 -7.02207 18.4387 -6.18055 17.665ZM29.2605 43.1538V22.2422L14.0096 8.15675L-1.24758 22.2423V43.1538H29.2605Z' stroke='url(clientlib-site/css/%23paint1_linear_12278_694)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_12278_694' x1='30.0681' y1='28.3139' x2='15.4354' y2='14.5183' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23C8102E' stop-opacity='0'/%3E%3Cstop offset='0.36' stop-color='white' stop-opacity='0.8'/%3E%3Cstop offset='0.689434' stop-color='white'/%3E%3Cstop offset='1' stop-color='%23C8102E' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_12278_694' x1='48.7649' y1='23.824' x2='22.5472' y2='-2.41507' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23C8102E' stop-opacity='0'/%3E%3Cstop offset='0.36' stop-color='white' stop-opacity='0.8'/%3E%3Cstop offset='0.689434' stop-color='white' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23C8102E' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A") !important; } } .primary-button-container .buttons-container .button-icon { width: 50px; height: 50px; background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle id='Ellipse 1' cx='25' cy='25' r='24.5' fill='%23333333' stroke='%23333333'/%3E%3C/svg%3E"); background-repeat: no-repeat; margin-top: 16px; margin-right: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .primary-button-container .buttons-container .button-icon.light { background-image: url("data:image/svg+xml,%3Csvg width='51' height='50' viewBox='0 0 51 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25.333' cy='25' r='25' fill='black' fill-opacity='0.3'/%3E%3Ccircle cx='25.333' cy='25' r='24.5' stroke='white' stroke-opacity='0.3'/%3E%3C/svg%3E"); } @media (max-width: 768px) { .primary-button-container .buttons-container .button-icon.light { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Ellipse 1'%3E%3Ccircle cx='20' cy='20' r='20' fill='black' fill-opacity='0.3'/%3E%3Ccircle cx='20' cy='20' r='19.6' stroke='white' stroke-opacity='0.3' stroke-width='0.8'/%3E%3C/g%3E%3C/svg%3E"); } } .primary-button-container .buttons-container .button-icon .arrow-wrap { position: relative; overflow: hidden; width: 16px; height: 16px; } .primary-button-container .buttons-container .button-icon.hoverClass .arrow-container { width: 16px; height: 16px; position: absolute; } .primary-button-container .buttons-container .button-icon.hoverClass .arrow-container .button-icon-arrow { position: absolute; opacity: 1; -webkit-animation: mymove 300ms; animation: mymove 300ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes mymove { from { top: 0px; left: 0px; } to { top: -10px; left: 10px; } 0% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 1; } } @keyframes mymove { from { top: 0px; left: 0px; } to { top: -10px; left: 10px; } 0% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 1; } } .primary-button-container .buttons-container .button-icon.hoverClass .arrow-container .button-icon-arrow-hover { position: absolute; -webkit-animation: moveArrowHover 400ms; animation: moveArrowHover 400ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes moveArrowHover { from { top: 15px; left: -15px; } to { top: 0px; left: 0px; } 0% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 1; } } @keyframes moveArrowHover { from { top: 15px; left: -15px; } to { top: 0px; left: 0px; } 0% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 1; } } .primary-button-container .buttons-container .button-icon.hoverClass .arrow-container .button-icon-arrow-download { opacity: 1; -webkit-animation: mymovedownload 300ms; animation: mymovedownload 300ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes mymovedownload { from { top: 0px; } to { top: 13px; } 0% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 1; } } @keyframes mymovedownload { from { top: 0px; } to { top: 13px; } 0% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 1; } } .primary-button-container .buttons-container .button-icon.hoverClass .arrow-container .button-icon-arrow-hover-download { position: absolute; -webkit-animation: moveDownloadArrowHover 400ms; animation: moveDownloadArrowHover 400ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes moveDownloadArrowHover { from { top: -13px; } to { top: 0px; } 0% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 1; } } @keyframes moveDownloadArrowHover { from { top: -13px; } to { top: 0px; } 0% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 1; } } .primary-button-container .buttons-container .button-icon.removeHoverClass .arrow-container { width: 16px; height: 16px; position: absolute; } .primary-button-container .buttons-container .button-icon.removeHoverClass .arrow-container .button-icon-arrow { position: absolute; opacity: 1; -webkit-animation: remymove 300ms; animation: remymove 300ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes remymove { from { top: -10px; left: 10px; } to { top: 0px; left: 0px; } 0% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 1; } } @keyframes remymove { from { top: -10px; left: 10px; } to { top: 0px; left: 0px; } 0% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 1; } } .primary-button-container .buttons-container .button-icon.removeHoverClass .arrow-container .button-icon-arrow-hover { position: absolute; opacity: 0; -webkit-animation: removeArrowHover 400ms; animation: removeArrowHover 400ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes removeArrowHover { from { top: 0px; left: 0px; } to { top: 15px; left: -15px; } 0% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 1; } } @keyframes removeArrowHover { from { top: 0px; left: 0px; } to { top: 15px; left: -15px; } 0% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 1; } } .primary-button-container .buttons-container .button-icon.removeHoverClass .button-icon-arrow-download { opacity: 1; -webkit-animation: remymovedownload 300ms; animation: remymovedownload 300ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes remymovedownload { from { top: 0px; } to { top: -13px; } 0% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 1; } } @keyframes remymovedownload { from { top: 0px; } to { top: -13px; } 0% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 1; } } .primary-button-container .buttons-container .button-icon.removeHoverClass .button-icon-arrow-hover-download { position: absolute; opacity: 0; -webkit-animation: removeArrowHoverDownload 400ms; animation: removeArrowHoverDownload 400ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes removeArrowHoverDownload { from { top: 13px; } to { top: 0px; } 0% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 1; } } @keyframes removeArrowHoverDownload { from { top: 13px; } to { top: 0px; } 0% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 1; } } .primary-button-container .buttons-container .button-icon .arrow-container .button-icon-arrow { width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M2.2016 0H12.0349V9.83333H10.5349V2.50848L1.04383 11.7053L0 10.6281L9.42016 1.5H2.2016V0Z' fill='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; } .primary-button-container .buttons-container .button-icon .arrow-container .button-icon-arrow-hover { width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M2.2016 0H12.0349V9.83333H10.5349V2.50848L1.04383 11.7053L0 10.6281L9.42016 1.5H2.2016V0Z' fill='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; position: absolute; left: -15px; top: 15px; opacity: 0; } .primary-button-container .buttons-container .button-icon .arrow-container .button-icon-arrow-download { width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 15'%3E%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg' y='0'%3E%3Cpath id='Vector' d='M5.99989 11.531L5.48691 12.0781L5.99989 12.5591L6.51288 12.0781L5.99989 11.531ZM11.3787 7.51587L11.9259 7.00289L10.8999 5.90864L10.3528 6.42163L11.3787 7.51587ZM1.64702 6.42163L1.0999 5.90864L0.0739225 7.00289L0.621047 7.51587L1.64702 6.42163ZM5.24989 -0.03125V11.531H6.74989V-0.03125H5.24989ZM10.3528 6.42163L5.48691 10.9839L6.51288 12.0781L11.3787 7.51587L10.3528 6.42163ZM6.51288 10.9839L1.64702 6.42163L0.621047 7.51587L5.48691 12.0781L6.51288 10.9839Z' fill='white' /%3E%3C/svg%3E%3Csvg width='14' height='2' viewBox='0 0 14 2' fill='none' xmlns='http://www.w3.org/2000/svg' y='13'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M0 0.53125H14V2.03125H0V0.53125Z' fill='white' /%3E%3C/svg%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; left: 1px; position: absolute; } .primary-button-container .buttons-container .button-icon .arrow-container .button-icon-arrow-hover-download { width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 15'%3E%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg' y='0'%3E%3Cpath id='Vector' d='M5.99989 11.531L5.48691 12.0781L5.99989 12.5591L6.51288 12.0781L5.99989 11.531ZM11.3787 7.51587L11.9259 7.00289L10.8999 5.90864L10.3528 6.42163L11.3787 7.51587ZM1.64702 6.42163L1.0999 5.90864L0.0739225 7.00289L0.621047 7.51587L1.64702 6.42163ZM5.24989 -0.03125V11.531H6.74989V-0.03125H5.24989ZM10.3528 6.42163L5.48691 10.9839L6.51288 12.0781L11.3787 7.51587L10.3528 6.42163ZM6.51288 10.9839L1.64702 6.42163L0.621047 7.51587L5.48691 12.0781L6.51288 10.9839Z' fill='white' /%3E%3C/svg%3E%3Csvg width='14' height='2' viewBox='0 0 14 2' fill='none' xmlns='http://www.w3.org/2000/svg' y='13'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M0 0.53125H14V2.03125H0V0.53125Z' fill='white' /%3E%3C/svg%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; position: absolute; top: -13px; opacity: 0; left: 1px; } @media (max-width: 768px) { .primary-button-container .buttons-container .button-icon { margin-top: 0px; margin-right: 0px; width: 40px; height: 40px; background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle id='Ellipse 1' cx='20' cy='20' r='19.5' fill='%23333333' stroke='%23333333'/%3E%3C/svg%3E%0A"); } } .primary-button-container .buttons-container .text-mobile { color: #FFF; text-transform: uppercase; } @media (min-width: 769px) { .primary-button-container .buttons-container .text-mobile { display: none; } } .primary-button-container .text { color: #FFF; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .primary-button-container .text { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .primary-button-container .text { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .primary-button-container .text { font-size: 12px; } } .primary-button-container .text { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 1.12px; text-transform: uppercase; padding: 16px; width: 80%; } @media (max-width: 768px) { .primary-button-container .text { display: none; } } .doc-command-download { width: 50px; height: 50px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Ccircle cx='25' cy='25' r='24.5' fill='%23333333' stroke='%23333333'/%3E%3C/svg%3E"); background-repeat: no-repeat; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } @media (max-width: 768px) { .doc-command-download { width: 40px; height: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Ccircle cx='20' cy='20' r='19.6' fill='%23333333' stroke='%23333333' stroke-width='0.8'/%3E%3C/svg%3E"); } } .doc-command-download .download-container .download-wrap { position: relative; overflow: hidden; width: 12px; height: 13px; } .doc-command-download .download-container .download-wrap .button-icon-download { width: 12px; height: 13px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 15'%3E%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg' y='0'%3E%3Cpath id='Vector' d='M5.99989 11.531L5.48691 12.0781L5.99989 12.5591L6.51288 12.0781L5.99989 11.531ZM11.3787 7.51587L11.9259 7.00289L10.8999 5.90864L10.3528 6.42163L11.3787 7.51587ZM1.64702 6.42163L1.0999 5.90864L0.0739225 7.00289L0.621047 7.51587L1.64702 6.42163ZM5.24989 -0.03125V11.531H6.74989V-0.03125H5.24989ZM10.3528 6.42163L5.48691 10.9839L6.51288 12.0781L11.3787 7.51587L10.3528 6.42163ZM6.51288 10.9839L1.64702 6.42163L0.621047 7.51587L5.48691 12.0781L6.51288 10.9839Z' fill='white' /%3E%3C/svg%3E%3Csvg width='14' height='2' viewBox='0 0 14 2' fill='none' xmlns='http://www.w3.org/2000/svg' y='13'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M0 0.53125H14V2.03125H0V0.53125Z' fill='white' /%3E%3C/svg%3E%3C/svg%3E"); background-repeat: no-repeat; position: absolute; left: 1px; } .doc-command-download .download-container .download-wrap .button-icon-download-hover { width: 12px; height: 13px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 15'%3E%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg' y='0'%3E%3Cpath id='Vector' d='M5.99989 11.531L5.48691 12.0781L5.99989 12.5591L6.51288 12.0781L5.99989 11.531ZM11.3787 7.51587L11.9259 7.00289L10.8999 5.90864L10.3528 6.42163L11.3787 7.51587ZM1.64702 6.42163L1.0999 5.90864L0.0739225 7.00289L0.621047 7.51587L1.64702 6.42163ZM5.24989 -0.03125V11.531H6.74989V-0.03125H5.24989ZM10.3528 6.42163L5.48691 10.9839L6.51288 12.0781L11.3787 7.51587L10.3528 6.42163ZM6.51288 10.9839L1.64702 6.42163L0.621047 7.51587L5.48691 12.0781L6.51288 10.9839Z' fill='white' /%3E%3C/svg%3E%3Csvg width='14' height='2' viewBox='0 0 14 2' fill='none' xmlns='http://www.w3.org/2000/svg' y='13'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M0 0.53125H14V2.03125H0V0.53125Z' fill='white' /%3E%3C/svg%3E%3C/svg%3E"); background-repeat: no-repeat; position: absolute; top: -13px; opacity: 0; left: 1px; } .doc-command-download .download-container.hoverClass .download-wrap .button-icon-download { opacity: 1; -webkit-animation: mymovedownload 300ms; animation: mymovedownload 300ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @keyframes mymovedownload { from { top: 0px; } to { top: 13px; } 0% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 1; } } .doc-command-download .download-container.hoverClass .download-wrap .button-icon-download-hover { position: absolute; -webkit-animation: moveDownloadArrowHover 400ms; animation: moveDownloadArrowHover 400ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @keyframes moveDownloadArrowHover { from { top: -13px; } to { top: 0px; } 0% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 1; } } .doc-command-download .download-container.removeHoverClass .download-wrap .button-icon-download { opacity: 1; -webkit-animation: remymovedownload 300ms; animation: remymovedownload 300ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @keyframes remymovedownload { from { top: 0px; } to { top: -13px; } 0% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 1; } } .doc-command-download .download-container.removeHoverClass .download-wrap .button-icon-download-hover { position: absolute; opacity: 0; -webkit-animation: removeArrowHoverDownload 400ms; animation: removeArrowHoverDownload 400ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @keyframes removeArrowHoverDownload { from { top: 13px; } to { top: 0px; } 0% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 1; } } .doc-command-open { width: 50px; height: 50px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Ccircle cx='25' cy='25' r='24.5' stroke='black' stroke-opacity='0.3'/%3E%3C/svg%3E"); background-repeat: no-repeat; margin-right: 8px; cursor: pointer; } @media (max-width: 768px) { .doc-command-open { width: 40px; height: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Ccircle cx='20' cy='20' r='19.5' stroke='black' stroke-opacity='0.3'/%3E%3C/svg%3E"); top: 12px; left: 8px; } } .doc-command-open .eye-container .eye-wrap { position: relative; overflow: hidden; width: 50px; height: 50px; } .doc-command-open .eye-container .eye-wrap .button-icon-eye { width: 24px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' viewBox='0 0 24 18' fill='none'%3E%3Cpath d='M0.999512 8.99951C2.57251 6.77251 6.81842 0.999512 11.9994 0.999512C17.1804 0.999512 21.4261 6.77251 22.9991 8.99951C21.4261 11.2265 17.1804 16.9995 11.9994 16.9995C6.81842 16.9995 2.57251 11.2265 0.999512 8.99951Z' stroke='%23545859' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M11.9993 12.9993C14.2084 12.9993 15.9993 11.2084 15.9993 8.99927C15.9993 6.79013 14.2084 4.99927 11.9993 4.99927C9.79013 4.99927 7.99927 6.79013 7.99927 8.99927C7.99927 11.2084 9.79013 12.9993 11.9993 12.9993Z' stroke='%23545859' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/svg%3E"); background-repeat: no-repeat; position: absolute; top: 16px; left: 13px; } @media (max-width: 768px) { .doc-command-open .eye-container .eye-wrap .button-icon-eye { top: 11px; left: 8px; } } .cmp-accordion.cmp-background__white { background-color: #FFFFFF; } .cmp-accordion.cmp-background__grey { background-color: #F1F1F3; } .cmp-accordion .component-accordion-container { max-width: 1440px; margin: 0 auto; padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-accordion .component-accordion-container { padding-bottom: 24px; } } .cmp-accordion .component-accordion-container { padding-left: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-accordion .component-accordion-container { padding-left: 24px; } } .cmp-accordion .component-accordion-container { padding-right: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-accordion .component-accordion-container { padding-right: 24px; } } .cmp-accordion .component-accordion-container .main-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 769px) { .cmp-accordion .component-accordion-container .main-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .cmp-accordion .component-accordion-container .main-container .accordion-container { padding-bottom: 44px; width: 100%; } @media (min-width: 769px) { .cmp-accordion .component-accordion-container .main-container .accordion-container { width: calc(100% - 7px); } } @media (max-width: 768px) { .cmp-accordion .component-accordion-container .main-container .accordion-container { padding-bottom: 24px; } } .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion { border-bottom: 1px solid var(--Border-default, #CCCDCF); } .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 24px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-item { font-size: 22px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-item { font-size: 20px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-item { font-size: 20px; } } .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-item { font-style: normal; font-weight: 400; line-height: 120%; /* 28.8px */ padding-bottom: 24px; width: 100%; background-color: transparent; border: none; cursor: pointer; } @media (max-width: 768px) { .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-item { padding-bottom: 24px; } } .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-item .cmp-icon.active svg { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-item .cmp-icon svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-item .cmp-icon:hover svg { cursor: pointer; } .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-item .accordion-title { color: #545859; cursor: pointer; -webkit-text-decoration-line: none; text-decoration-line: none; } .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-item .accordion-title .accordion-title-info { font-size: 14px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-item .accordion-title .accordion-title-info { font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-item .accordion-title .accordion-title-info { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-item .accordion-title .accordion-title-info { font-size: 10px; } } .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-item .accordion-title .accordion-title-info { text-transform: uppercase; font-style: normal; font-weight: 700; line-height: 150%; /* 18px */ letter-spacing: 0.96px; } .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-description-link { color: var(--Button-tertiary-text, #C8102E); font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-description-link { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-description-link { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-description-link { font-size: 12px; } } .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-description-link { font-style: normal; font-weight: 700; line-height: 150%; /* 21px */ letter-spacing: 1.12px; text-transform: uppercase; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding-bottom: 24px; } .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-description-link a { padding-bottom: 16px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 16px; border-bottom: 1.5px solid var(--Border-active, #C8102E); display: -webkit-box; display: -ms-flexbox; display: flex; } .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-description-link.hidden { display: none; } .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-description-link.active { display: block; } .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-clicked { color: #C8102E; } .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-description { height: 100%; color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-description { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-description { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-description { font-size: 16px; } } .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-description { font-style: normal; font-weight: 400; line-height: 170%; padding-right: 50px; } .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-description.hidden { opacity: 0; -webkit-animation: 300ms fadeOut; animation: 300ms fadeOut; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; display: none; } @-webkit-keyframes fadeOut { 0% { opacity: 1; display: block; } 50% { opacity: 0.4; } 99% { opacity: 0; display: none; } 100% { display: none; } } @keyframes fadeOut { 0% { opacity: 1; } 50% { opacity: 0.4; } 99% { opacity: 0; display: none; } 100% { display: none; } } .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion .accordion-description.active { opacity: 0; display: block; -webkit-animation: 300ms fadeIn; animation: 300ms fadeIn; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; padding-bottom: 24px; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 50% { opacity: 0.4; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 50% { opacity: 0.4; } 100% { opacity: 1; } } .cmp-accordion .component-accordion-container .main-container .accordion-container .accordion:nth-child(n+2) { margin-top: 24px; } .cmp-accordion .component-accordion-container .main-container .accordion-container.full-accordion { min-width: 100%; } .cmp-accordion .component-accordion-container .main-container .text-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 768px) { .cmp-accordion .component-accordion-container .main-container .text-container { padding-right: 0; -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } } @media (min-width: 769px) { .cmp-accordion .component-accordion-container .main-container .text-container { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } .cmp-accordion .component-accordion-container .main-container .text-container.paddingR { padding-right: 80px; } @media (max-width: 768px) { .cmp-accordion .component-accordion-container .main-container .text-container.paddingR { padding-right: 0; } } .cmp-accordion .component-accordion-container .main-container .text-container.paddingL { padding-left: 80px; } @media (max-width: 768px) { .cmp-accordion .component-accordion-container .main-container .text-container.paddingL { padding-left: 0; } } .cmp-accordion .component-accordion-container .main-container .text-container .icon-title .road-to-100 { padding-bottom: 24px; display: block !important; } @media (max-width: 768px) { .cmp-accordion .component-accordion-container .main-container .text-container .icon-title .road-to-100 { display: none !important; } } .cmp-accordion .component-accordion-container .main-container .text-container .icon-title .road-to-100 img { -o-object-fit: cover; object-fit: cover; height: 80px; width: 96px; } .cmp-accordion .component-accordion-container .main-container .text-container .icon-title .text-title { color: #545859; font-size: 36px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-accordion .component-accordion-container .main-container .text-container .icon-title .text-title { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-accordion .component-accordion-container .main-container .text-container .icon-title .text-title { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-accordion .component-accordion-container .main-container .text-container .icon-title .text-title { font-size: 24px; } } .cmp-accordion .component-accordion-container .main-container .text-container .icon-title .text-title { font-style: normal; font-weight: 400; line-height: 120%; padding-bottom: 16px; } @media (max-width: 768px) { .cmp-accordion .component-accordion-container .main-container .text-container .icon-title .text-title { display: none !important; } } .cmp-accordion .component-accordion-container .main-container .text-container .icon-title .text-subtitle { color: #545859; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; padding-bottom: 64px; } @media (max-width: 768px) { .cmp-accordion .component-accordion-container .main-container .text-container .icon-title .text-subtitle { display: none !important; } } .cmp-accordion .component-accordion-container .main-container .text-container .text-content { padding-bottom: 64px; width: 90%; } @media (max-width: 768px) { .cmp-accordion .component-accordion-container .main-container .text-container .text-content { padding-bottom: 24px; } } .cmp-accordion .component-accordion-container .main-container .text-container .text-content ul { list-style-type: none; margin-right: 16px; padding: 0; } .cmp-accordion .component-accordion-container .main-container .text-container .text-content ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; padding-bottom: 16px; } @media (max-width: 768px) { .cmp-accordion .component-accordion-container .main-container .text-container .text-content ul li { padding-bottom: 8px; } } .cmp-accordion .component-accordion-container .main-container .text-container .text-content ul li .number-style { font-size: 40px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-accordion .component-accordion-container .main-container .text-container .text-content ul li .number-style { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-accordion .component-accordion-container .main-container .text-container .text-content ul li .number-style { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-accordion .component-accordion-container .main-container .text-container .text-content ul li .number-style { font-size: 20px; } } .cmp-accordion .component-accordion-container .main-container .text-container .text-content ul li .number-style { font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: -0.32px; margin-right: 16px; } .cmp-accordion .component-accordion-container .main-container .text-container .button-container { width: 100%; } .cmp-accordion .component-accordion-container .main-container .mobile-container { display: none; } @media (max-width: 768px) { .cmp-accordion .component-accordion-container .main-container .mobile-container { display: block; } } .cmp-accordion .component-accordion-container .main-container .mobile-container .text-title { font-size: 36px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-accordion .component-accordion-container .main-container .mobile-container .text-title { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-accordion .component-accordion-container .main-container .mobile-container .text-title { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-accordion .component-accordion-container .main-container .mobile-container .text-title { font-size: 24px; } } .cmp-accordion .component-accordion-container .main-container .mobile-container .text-title { color: #545859; font-style: normal; font-weight: 400; line-height: 120%; padding-top: 0; padding-bottom: 8px; } .cmp-accordion .component-accordion-container .main-container .mobile-container .text-subtitle { color: #545859; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; padding-bottom: 40px; } .cmp-article-home.cmp-background__white { background-color: #FFFFFF; } .cmp-article-home.cmp-background__grey { background-color: #F1F1F3; } .cmp-article-home .component-content-container { max-width: 1440px; margin: 0 auto; padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-article-home .component-content-container { padding-bottom: 24px; } } .cmp-article-home .component-content-container { padding-left: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-article-home .component-content-container { padding-left: 24px; } } .cmp-article-home .component-content-container { padding-right: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-article-home .component-content-container { padding-right: 24px; } } .cmp-article-home .component-content-container .main-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 24px; } @media (max-width: 768px) { .cmp-article-home .component-content-container .main-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cmp-article-home .component-content-container .main-container .big-page-container { width: 50%; } @media (max-width: 768px) { .cmp-article-home .component-content-container .main-container .big-page-container { width: 100%; } } .cmp-article-home .component-content-container .main-container .big-page-container .page { position: relative; overflow: hidden; height: 100%; } .cmp-article-home .component-content-container .main-container .big-page-container .page img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; max-height: 471px; } @media (max-width: 768px) { .cmp-article-home .component-content-container .main-container .big-page-container .page img { max-height: 327px; } } .cmp-article-home .component-content-container .main-container .big-page-container .page .gradient-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), color-stop(49.86%, rgba(0, 0, 0, 0))); background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 49.86%); pointer-events: none; /* rende l'overlay non interattivo */ max-height: 471px; } @media (max-width: 768px) { .cmp-article-home .component-content-container .main-container .big-page-container .page .gradient-overlay { max-height: 327px; } } .cmp-article-home .component-content-container .main-container .big-page-container .page .page-description-container { position: absolute; bottom: 48px; left: 24px; right: 24px; border-top: 1px solid #CCCDCF; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 768px) { .cmp-article-home .component-content-container .main-container .big-page-container .page .page-description-container { bottom: 16px; left: 16px; right: 16px; } } .cmp-article-home .component-content-container .main-container .big-page-container .page .page-description-container .page-title { padding-top: 24px; color: #FFF; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-article-home .component-content-container .main-container .big-page-container .page .page-description-container .page-title { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-article-home .component-content-container .main-container .big-page-container .page .page-description-container .page-title { font-size: 18px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-article-home .component-content-container .main-container .big-page-container .page .page-description-container .page-title { font-size: 16px; } } .cmp-article-home .component-content-container .main-container .big-page-container .page .page-description-container .page-title { font-style: normal; font-weight: 400; line-height: 150%; } @media (max-width: 768px) { .cmp-article-home .component-content-container .main-container .big-page-container .page .page-description-container .page-title { padding-top: 16px; } } .cmp-article-home .component-content-container .main-container .big-page-container .page .page-description-container .page-data { padding-top: 16px; color: #FFF; font-size: 14px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-article-home .component-content-container .main-container .big-page-container .page .page-description-container .page-data { font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-article-home .component-content-container .main-container .big-page-container .page .page-description-container .page-data { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-article-home .component-content-container .main-container .big-page-container .page .page-description-container .page-data { font-size: 10px; } } .cmp-article-home .component-content-container .main-container .big-page-container .page .page-description-container .page-data { font-style: normal; font-weight: 700; line-height: 150%; /* 18px */ letter-spacing: 0.96px; text-transform: uppercase; } @media (max-width: 768px) { .cmp-article-home .component-content-container .main-container .big-page-container .page .page-description-container .page-data { padding-top: 8px; } } .cmp-article-home .component-content-container .main-container .pages-container { width: 50%; } @media (max-width: 768px) { .cmp-article-home .component-content-container .main-container .pages-container { width: 100%; } } .cmp-article-home .component-content-container .main-container .pages-container .page-container .page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; padding-bottom: 24px; min-height: 248px; } @media (max-width: 768px) { .cmp-article-home .component-content-container .main-container .pages-container .page-container .page { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; min-height: 0px; } } .cmp-article-home .component-content-container .main-container .pages-container .page-container .page .page-description-container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 224px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-bottom: 1px solid #CCCDCF; padding: 24px 0px; } @media (max-width: 768px) { .cmp-article-home .component-content-container .main-container .pages-container .page-container .page .page-description-container { height: 128px; padding: 0px 0px 16px 0px; } } .cmp-article-home .component-content-container .main-container .pages-container .page-container .page .page-description-container .page-title { color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-article-home .component-content-container .main-container .pages-container .page-container .page .page-description-container .page-title { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-article-home .component-content-container .main-container .pages-container .page-container .page .page-description-container .page-title { font-size: 18px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-article-home .component-content-container .main-container .pages-container .page-container .page .page-description-container .page-title { font-size: 16px; } } .cmp-article-home .component-content-container .main-container .pages-container .page-container .page .page-description-container .page-title { font-style: normal; font-weight: 400; line-height: 150%; padding-bottom: 24px; } @media (max-width: 768px) { .cmp-article-home .component-content-container .main-container .pages-container .page-container .page .page-description-container .page-title { padding-bottom: 8px; } } .cmp-article-home .component-content-container .main-container .pages-container .page-container .page .page-description-container .page-data { color: #545859; font-size: 14px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-article-home .component-content-container .main-container .pages-container .page-container .page .page-description-container .page-data { font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-article-home .component-content-container .main-container .pages-container .page-container .page .page-description-container .page-data { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-article-home .component-content-container .main-container .pages-container .page-container .page .page-description-container .page-data { font-size: 10px; } } .cmp-article-home .component-content-container .main-container .pages-container .page-container .page .page-description-container .page-data { font-style: normal; font-weight: 700; line-height: 150%; /* 18px */ letter-spacing: 0.96px; text-transform: uppercase; } .cmp-article-home .component-content-container .main-container .pages-container .page-container .page .page-logo { display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 24px; } @media (max-width: 768px) { .cmp-article-home .component-content-container .main-container .pages-container .page-container .page .page-logo { padding-right: 16px; } } .cmp-article-home .component-content-container .main-container .pages-container .page-container .page .page-logo img { width: 100%; -o-object-fit: cover; object-fit: cover; -ms-flex-item-align: stretch; align-self: stretch; width: 224px; height: 224px; } @media (max-width: 768px) { .cmp-article-home .component-content-container .main-container .pages-container .page-container .page .page-logo img { width: 128px; height: 128px; } } .cmp-brands.cmp-background__white { background-color: #FFFFFF; } .cmp-brands.cmp-background__grey { background-color: #F1F1F3; } .cmp-brands .component-brands-container { max-width: 1440px; margin: 0 auto; padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-brands .component-brands-container { padding-bottom: 24px; } } .cmp-brands .component-brands-container { padding-left: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-brands .component-brands-container { padding-left: 24px; } } .cmp-brands .component-brands-container { padding-right: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-brands .component-brands-container { padding-right: 24px; } } .cmp-brands .component-brands-container .main-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 769px) { .cmp-brands .component-brands-container .main-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .cmp-brands .component-brands-container .main-container .brands-container { padding-bottom: 44px; } @media (max-width: 768px) { .cmp-brands .component-brands-container .main-container .brands-container { padding-bottom: 24px; } } .cmp-brands .component-brands-container .main-container .brands-container .row-text { color: #545859; font-size: 14px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-brands .component-brands-container .main-container .brands-container .row-text { font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-brands .component-brands-container .main-container .brands-container .row-text { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-brands .component-brands-container .main-container .brands-container .row-text { font-size: 10px; } } .cmp-brands .component-brands-container .main-container .brands-container .row-text { font-style: normal; font-weight: 700; line-height: 150%; /* 18px */ letter-spacing: 0.96px; text-transform: uppercase; } .cmp-brands .component-brands-container .main-container .brands-container .row-text:nth-of-type(n+2) { margin-top: 40px; } .cmp-brands .component-brands-container .main-container .brands-container .brands-container.full-brands { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; /* Spazio tra gli elementi */ } .cmp-brands .component-brands-container .main-container .brands-container .field_item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /* Adegua lo spazio tra gli elementi */ border-bottom: 1px solid #CCCDCF; padding-top: 16px; padding-bottom: 24px; } .cmp-brands .component-brands-container .main-container .brands-container .field_item.new-row { width: 100%; /* Occupa tutta la larghezza della riga */ margin-top: 20px; /* Spazio superiore quando va a capo */ } .cmp-brands .component-brands-container .main-container .brands-container .field_item.last { border-bottom: none; } .cmp-brands .component-brands-container .main-container .brands-container .field_item.one_column { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .cmp-brands .component-brands-container .main-container .brands-container .field_item.one_column .image-item { padding-top: 24px; width: 128px; height: 56px; } .cmp-brands .component-brands-container .main-container .brands-container .field_item.one_column .image-item img { -o-object-fit: cover; object-fit: cover; width: 85px; height: auto; } @media screen and (max-width: 768px) { .cmp-brands .component-brands-container .main-container .brands-container .field_item.one_column .image-item { padding-top: 20px; width: 160px; height: 75px; } } .cmp-brands .component-brands-container .main-container .brands-container .field_item.one_column .container-item { padding-right: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cmp-brands .component-brands-container .main-container .brands-container .field_item.one_column .container-item .title-item { color: #545859; font-size: 14px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-brands .component-brands-container .main-container .brands-container .field_item.one_column .container-item .title-item { font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-brands .component-brands-container .main-container .brands-container .field_item.one_column .container-item .title-item { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-brands .component-brands-container .main-container .brands-container .field_item.one_column .container-item .title-item { font-size: 10px; } } .cmp-brands .component-brands-container .main-container .brands-container .field_item.one_column .container-item .title-item { font-style: normal; font-weight: 700; line-height: 150%; /* 18px */ letter-spacing: 0.96px; text-transform: uppercase; } @media screen and (max-width: 768px) { .cmp-brands .component-brands-container .main-container .brands-container .field_item.one_column .container-item { padding-right: 0px; } } .cmp-brands .component-brands-container .main-container .brands-container .field_item.three_column { display: grid; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); } @media screen and (max-width: 768px) { .cmp-brands .component-brands-container .main-container .brands-container .field_item.three_column { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 16px; } } .cmp-brands .component-brands-container .main-container .brands-container .field_item.three_column .image-item { max-height: 96px; width: auto; } .cmp-brands .component-brands-container .main-container .brands-container .field_item.three_column .image-item img { max-width: 160px; -o-object-fit: cover; object-fit: cover; } .cmp-brands .component-brands-container .main-container .brands-container .field_item.four_column { display: grid; grid-template-columns: repeat(auto-fit, minmax(108px, 1fr)); -webkit-column-gap: 10%; -moz-column-gap: 10%; column-gap: 10%; } @media screen and (max-width: 768px) { .cmp-brands .component-brands-container .main-container .brands-container .field_item.four_column { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); -webkit-column-gap: unset; -moz-column-gap: unset; column-gap: unset; gap: 16px; } } .cmp-brands .component-brands-container .main-container .brands-container .field_item.four_column .image-item { max-height: 56px; width: auto; max-width: 140px; } .cmp-brands .component-brands-container .main-container .brands-container .field_item.four_column .image-item img { max-height: 56px; width: auto; max-width: 140px; -o-object-fit: cover; object-fit: cover; } .cmp-brands .component-brands-container .text-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } @media (max-width: 768px) { .cmp-brands .component-brands-container .text-container { padding-right: 0; -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } } @media (min-width: 769px) { .cmp-brands .component-brands-container .text-container { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } .cmp-brands .component-brands-container .text-container.paddingR { padding-right: 80px; } @media (max-width: 768px) { .cmp-brands .component-brands-container .text-container.paddingR { padding-right: 0; } } .cmp-brands .component-brands-container .text-container.paddingL { padding-left: 80px; } @media (max-width: 768px) { .cmp-brands .component-brands-container .text-container.paddingL { padding-left: 0; } } .cmp-brands .component-brands-container .text-container .icon-title .road-to-100 { padding-bottom: 24px; display: block !important; } @media (max-width: 768px) { .cmp-brands .component-brands-container .text-container .icon-title .road-to-100 { display: none !important; } } .cmp-brands .component-brands-container .text-container .icon-title .road-to-100 img { -o-object-fit: cover; object-fit: cover; height: 80px; width: 96px; } .cmp-brands .component-brands-container .text-container .icon-title .text-title { color: #545859; font-size: 36px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-brands .component-brands-container .text-container .icon-title .text-title { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-brands .component-brands-container .text-container .icon-title .text-title { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-brands .component-brands-container .text-container .icon-title .text-title { font-size: 24px; } } .cmp-brands .component-brands-container .text-container .icon-title .text-title { font-style: normal; font-weight: 400; line-height: 120%; padding-bottom: 16px; } @media (max-width: 768px) { .cmp-brands .component-brands-container .text-container .icon-title .text-title { display: none !important; } } .cmp-brands .component-brands-container .text-container .icon-title .text-subtitle { color: #545859; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; padding-bottom: 64px; } @media (max-width: 768px) { .cmp-brands .component-brands-container .text-container .icon-title .text-subtitle { display: none !important; } } .cmp-brands .component-brands-container .text-container .text-content { padding-bottom: 64px; width: 90%; } @media (max-width: 768px) { .cmp-brands .component-brands-container .text-container .text-content { padding-bottom: 24px; } } .cmp-brands .component-brands-container .text-container .text-content ul { list-style-type: none; margin-right: 16px; padding: 0; } .cmp-brands .component-brands-container .text-container .text-content ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; padding-bottom: 16px; } @media (max-width: 768px) { .cmp-brands .component-brands-container .text-container .text-content ul li { padding-bottom: 8px; } } .cmp-brands .component-brands-container .text-container .text-content ul li .number-style { color: #545859; font-size: 40px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-brands .component-brands-container .text-container .text-content ul li .number-style { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-brands .component-brands-container .text-container .text-content ul li .number-style { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-brands .component-brands-container .text-container .text-content ul li .number-style { font-size: 20px; } } .cmp-brands .component-brands-container .text-container .text-content ul li .number-style { font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: -0.32px; margin-right: 16px; } .cmp-brands .component-brands-container .text-container .button-container { width: 100%; } .cmp-brands .component-brands-container .mobile-container { display: none; } @media (max-width: 768px) { .cmp-brands .component-brands-container .mobile-container { display: block; } } .cmp-brands .component-brands-container .mobile-container .text-title { font-size: 36px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-brands .component-brands-container .mobile-container .text-title { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-brands .component-brands-container .mobile-container .text-title { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-brands .component-brands-container .mobile-container .text-title { font-size: 24px; } } .cmp-brands .component-brands-container .mobile-container .text-title { color: #545859; font-style: normal; font-weight: 400; line-height: 120%; padding-top: 0; padding-bottom: 8px; } .cmp-brands .component-brands-container .mobile-container .text-subtitle { color: #545859; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; padding-bottom: 40px; } .cmp-content-body.cmp-background__white { background-color: #FFFFFF; } .cmp-content-body.cmp-background__grey { background-color: #F1F1F3; } .cmp-content-body.padding-top { padding-top: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-body.padding-top { padding-top: 32px; } } .cmp-content-body .component-content-container { max-width: 1440px; margin: 0 auto; padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-body .component-content-container { padding-bottom: 24px; } } .cmp-content-body .component-content-container { padding-left: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-body .component-content-container { padding-left: 24px; } } .cmp-content-body .component-content-container { padding-right: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-body .component-content-container { padding-right: 24px; } } .cmp-content-body .component-content-container { padding-top: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-body .component-content-container { padding-top: 24px; } } .cmp-content-body .component-content-container .text-breadcumb { padding-bottom: 34px; } .cmp-content-body .component-content-container .text-breadcumb a { color: #545859; font-size: 14px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-body .component-content-container .text-breadcumb a { font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-body .component-content-container .text-breadcumb a { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-body .component-content-container .text-breadcumb a { font-size: 10px; } } .cmp-content-body .component-content-container .text-breadcumb a { font-style: normal; font-weight: 700; line-height: 150%; /* 18px */ letter-spacing: 0.96px; text-transform: uppercase; } .cmp-content-body .component-content-container .text-breadcumb a:not(:last-child)::after { content: "/"; margin-left: 5px; /* Spazio tra il contenuto del div e lo "/" */ color: #545859; /* Colore dello "/" */ } .cmp-content-body .component-content-container .text-breadcumb a:last-child { font-weight: 400; pointer-events: none; cursor: default; } .cmp-content-body .component-content-container .text-title { padding-bottom: 16px; color: #545859; font-size: 55px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-body .component-content-container .text-title { font-size: 48px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-body .component-content-container .text-title { font-size: 36px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-body .component-content-container .text-title { font-size: 28px; } } .cmp-content-body .component-content-container .text-title { font-style: normal; font-weight: 400; line-height: 110%; letter-spacing: -0.48px; } @media (max-width: 768px) { .cmp-content-body .component-content-container .text-title { padding-bottom: 16px; } } .cmp-content-body .component-content-container .text-date { padding-bottom: 34px; color: #545859; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-body .component-content-container .text-date { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-body .component-content-container .text-date { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-body .component-content-container .text-date { font-size: 12px; } } .cmp-content-body .component-content-container .text-date { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 1.12px; text-transform: uppercase; } @media (max-width: 768px) { .cmp-content-body .component-content-container .text-date { padding-bottom: 32px; } } .cmp-content-body .component-content-container .main-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; } .cmp-content-body .component-content-container .main-container.only-text { margin-bottom: 0px; } @media (max-width: 768px) { .cmp-content-body .component-content-container .main-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0px; } .cmp-content-body .component-content-container .main-container.container-left { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .cmp-content-body .component-content-container .main-container .image-container { width: 50%; } @media (max-width: 768px) { .cmp-content-body .component-content-container .main-container .image-container { width: 100%; } } .cmp-content-body .component-content-container .main-container .image-container .image-container { width: 100%; } .cmp-content-body .component-content-container .main-container .image-container .image-container img { width: 100%; height: 100%; } .cmp-content-body .component-content-container .main-container .image-container .image-container-mobile { margin-bottom: 32px; } .cmp-content-body .component-content-container .main-container .image-container .image-container-mobile img { height: 100%; width: 100%; } @media (max-width: 768px) { .cmp-content-body .component-content-container .main-container .image-container .image-container-mobile img { -o-object-fit: cover; object-fit: cover; -ms-flex-item-align: stretch; align-self: stretch; } } .cmp-content-body .component-content-container .main-container .text-container { width: 50%; padding-left: 80px; } @media (max-width: 768px) { .cmp-content-body .component-content-container .main-container .text-container { padding-left: 0px; width: 100%; } } .cmp-content-body .component-content-container .main-container .text-container.remove-padding { width: 100%; padding-left: 0px; } .cmp-content-body .component-content-container .main-container .text-container .text-description-top { width: 100%; color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-body .component-content-container .main-container .text-container .text-description-top { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-body .component-content-container .main-container .text-container .text-description-top { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-body .component-content-container .main-container .text-container .text-description-top { font-size: 16px; } } .cmp-content-body .component-content-container .main-container .text-container .text-description-top { font-style: normal; font-weight: 400; line-height: 170%; /* 30.6px */ margin-bottom: 40px; } @media (max-width: 768px) { .cmp-content-body .component-content-container .main-container .text-container .text-description-top { margin-bottom: 24px; width: 100%; line-height: 150%; /* 24px */ margin-top: 8px; } } .cmp-content-body .component-content-container .main-container .text-container .text-description-top .colored-red { color: #C8102E; } .cmp-content-body .component-content-container .main-container .text-container .button-container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 768px) { .cmp-content-body .component-content-container .main-container .text-container .button-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cmp-content-body .component-content-container .main-container .text-container .button-container .documemnt-card { padding: 16px; background: #F1F1F3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 200px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 292px; margin-right: 16px; margin-bottom: 40px; } .cmp-content-body .component-content-container .main-container .text-container .button-container .documemnt-card .doc-date { color: #545859; font-size: 14px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-body .component-content-container .main-container .text-container .button-container .documemnt-card .doc-date { font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-body .component-content-container .main-container .text-container .button-container .documemnt-card .doc-date { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-body .component-content-container .main-container .text-container .button-container .documemnt-card .doc-date { font-size: 10px; } } .cmp-content-body .component-content-container .main-container .text-container .button-container .documemnt-card .doc-date { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 0.96px; text-transform: uppercase; } .cmp-content-body .component-content-container .main-container .text-container .button-container .documemnt-card .doc-title { color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-body .component-content-container .main-container .text-container .button-container .documemnt-card .doc-title { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-body .component-content-container .main-container .text-container .button-container .documemnt-card .doc-title { font-size: 18px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-body .component-content-container .main-container .text-container .button-container .documemnt-card .doc-title { font-size: 16px; } } .cmp-content-body .component-content-container .main-container .text-container .button-container .documemnt-card .doc-title { font-style: normal; font-weight: 400; line-height: 150%; } .cmp-content-body .component-content-container .main-container .text-container .button-container .documemnt-card .doc-command-container { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding-top: 40px; } @media (max-width: 768px) { .cmp-content-body .component-content-container .main-container .text-container .button-container .documemnt-card { min-height: 100px; margin-bottom: 16px; width: 100%; } } .cmp-content-body .component-content-container .text-description-bottom { width: 100%; color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-body .component-content-container .text-description-bottom { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-body .component-content-container .text-description-bottom { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-body .component-content-container .text-description-bottom { font-size: 16px; } } .cmp-content-body .component-content-container .text-description-bottom { font-style: normal; font-weight: 400; line-height: 170%; } @media (max-width: 768px) { .cmp-content-body .component-content-container .text-description-bottom { margin-bottom: 24px; width: 100%; line-height: 150%; /* 24px */ margin-top: 8px; } } .cmp-content-body .component-content-container .text-description-bottom .colored-red { color: #C8102E; } .cmp-component-contacts.cmp-background__white { background-color: #FFFFFF; } .cmp-component-contacts.cmp-background__white .contact-box { background-color: #F1F1F3; } .cmp-component-contacts.cmp-background__grey { background-color: #F1F1F3; } .cmp-component-contacts.cmp-background__grey .contact-box { background-color: #FFFFFF; } .cmp-component-contacts .component-content-container { max-width: 1440px; margin: 0 auto; padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-component-contacts .component-content-container { padding-bottom: 24px; } } .cmp-component-contacts .component-content-container { padding-left: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-component-contacts .component-content-container { padding-left: 24px; } } .cmp-component-contacts .component-content-container { padding-right: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-component-contacts .component-content-container { padding-right: 24px; } } .cmp-component-contacts .component-content-container .main-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .cmp-component-contacts .component-content-container .main-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cmp-component-contacts .component-content-container .main-container.container-left { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .cmp-component-contacts .component-content-container .main-container .single-box-container { width: 50%; } .cmp-component-contacts .component-content-container .main-container .single-box-container .image-container img { width: 100%; height: 100%; } @media (max-width: 768px) { .cmp-component-contacts .component-content-container .main-container .single-box-container { width: 100%; } } .cmp-component-contacts .component-content-container .main-container .text-container { width: 50%; padding-left: 80px; } @media (max-width: 768px) { .cmp-component-contacts .component-content-container .main-container .text-container { padding-left: 0px; width: 100%; } } .cmp-component-contacts .component-content-container .main-container .text-container .text-title { padding-bottom: 16px; color: #545859; font-size: 36px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-component-contacts .component-content-container .main-container .text-container .text-title { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-component-contacts .component-content-container .main-container .text-container .text-title { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-component-contacts .component-content-container .main-container .text-container .text-title { font-size: 24px; } } .cmp-component-contacts .component-content-container .main-container .text-container .text-title { font-style: normal; font-weight: 400; line-height: 120%; /* 38.4px */ } @media (max-width: 768px) { .cmp-component-contacts .component-content-container .main-container .text-container .text-title { margin-top: 24px; padding-bottom: 8px; } } .cmp-component-contacts .component-content-container .main-container .text-container .text-description { width: 100%; color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-component-contacts .component-content-container .main-container .text-container .text-description { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-component-contacts .component-content-container .main-container .text-container .text-description { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-component-contacts .component-content-container .main-container .text-container .text-description { font-size: 16px; } } .cmp-component-contacts .component-content-container .main-container .text-container .text-description { font-style: normal; font-weight: 400; line-height: 170%; /* 30.6px */ margin-bottom: 64px; } @media (max-width: 768px) { .cmp-component-contacts .component-content-container .main-container .text-container .text-description { margin-bottom: 24px; width: 100%; line-height: 150%; /* 24px */ margin-top: 8px; } } .cmp-component-contacts .component-content-container .main-container .text-container .text-description .colored-red { color: #C8102E; } .cmp-component-contacts .component-content-container .main-container .text-container.text-left { padding-left: 0px; padding-right: 80px; } @media (max-width: 768px) { .cmp-component-contacts .component-content-container .main-container .text-container.text-left { padding-right: 0px; } } .cmp-component-contacts .component-content-container .main-container .double-box-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 50%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 16px; } @media (max-width: 768px) { .cmp-component-contacts .component-content-container .main-container .double-box-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } } .cmp-component-contacts .component-content-container .main-container .double-box-container .first-box { width: 50%; } @media (max-width: 768px) { .cmp-component-contacts .component-content-container .main-container .double-box-container .first-box { width: 100%; } } .cmp-component-contacts .component-content-container .main-container .double-box-container .second-box { width: 50%; } @media (max-width: 768px) { .cmp-component-contacts .component-content-container .main-container .double-box-container .second-box { width: 100%; } } .cmp-component-contacts .component-content-container .main-container .double-box-container .contact-box .action-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cmp-component-contacts .contact-box { padding: 40px 24px 24px 24px; } .cmp-component-contacts .contact-box .name-surname { padding-bottom: 8px; color: #545859; font-size: 28px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-component-contacts .contact-box .name-surname { font-size: 24px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-component-contacts .contact-box .name-surname { font-size: 20px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-component-contacts .contact-box .name-surname { font-size: 20px; } } .cmp-component-contacts .contact-box .name-surname { font-style: normal; font-weight: 400; line-height: 130%; } .cmp-component-contacts .contact-box .role { padding-bottom: 16px; color: #545859; font-size: 14px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-component-contacts .contact-box .role { font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-component-contacts .contact-box .role { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-component-contacts .contact-box .role { font-size: 10px; } } .cmp-component-contacts .contact-box .role { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 0.96px; text-transform: uppercase; } .cmp-component-contacts .contact-box .description { padding-bottom: 24px; color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-component-contacts .contact-box .description { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-component-contacts .contact-box .description { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-component-contacts .contact-box .description { font-size: 16px; } } .cmp-component-contacts .contact-box .description { font-style: normal; font-weight: 400; line-height: 170%; } .cmp-component-contacts .contact-box .action-container { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; } @media (max-width: 768px) { .cmp-component-contacts .contact-box .action-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cmp-component-contacts .contact-box .action-container .cta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1.5px solid #CCCDCF; width: 100%; padding: 16px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #C8102E; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-component-contacts .contact-box .action-container .cta { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-component-contacts .contact-box .action-container .cta { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-component-contacts .contact-box .action-container .cta { font-size: 12px; } } .cmp-component-contacts .contact-box .action-container .cta { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 1.12px; text-transform: uppercase; } @media (max-width: 768px) { .cmp-component-contacts .contact-box .action-container .cta { line-height: 140%; } } .cmp-component-contacts .contact-box .action-container .cta .wrap-arrow { margin-right: 24px; } .cmp-component-contacts .contact-box .action-container .cta .arrow.right { background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M2.19989 0.500732H12.0332V10.3341H10.5332V3.00922L1.04212 12.206L-0.00170898 11.1288L9.41845 2.00073H2.19989V0.500732Z' fill='%23C8102E'/%3E%3C/svg%3E"); background-repeat: no-repeat; width: 13px; height: 13px; padding-left: 24px; } .cmp-story-slider.cmp-background__white { background-color: #FFFFFF; } .cmp-story-slider.cmp-background__grey { background-color: #F1F1F3; } .cmp-story-slider .component-container { max-width: 1440px; margin: 0 auto; padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-story-slider .component-container { padding-bottom: 24px; } } .cmp-story-slider .component-container { padding-left: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-story-slider .component-container { padding-left: 24px; } } @media (max-width: 768px) { .cmp-story-slider .component-container { padding-right: 24px; } } .cmp-story-slider .component-container .swiper { width: 100%; height: 100%; z-index: 0; } .cmp-story-slider .component-container .swiper .swiper-wrapper { z-index: 0; } .cmp-story-slider .component-container .swiper .swiper-wrapper .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 89%; } @media (max-width: 768px) { .cmp-story-slider .component-container .swiper .swiper-wrapper .swiper-slide { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cmp-story-slider .component-container .swiper .swiper-wrapper .swiper-slide .big-image { width: 50%; } @media (max-width: 768px) { .cmp-story-slider .component-container .swiper .swiper-wrapper .swiper-slide .big-image { width: 100%; } } .cmp-story-slider .component-container .swiper .swiper-wrapper .swiper-slide .big-image img { -o-object-fit: cover; object-fit: cover; width: 100%; max-width: 600px; height: 600px; } @media (max-width: 768px) { .cmp-story-slider .component-container .swiper .swiper-wrapper .swiper-slide .big-image img { max-width: 100%; max-height: 245px; } } .cmp-story-slider .component-container .swiper .swiper-wrapper .swiper-slide .central-content { width: 50%; padding-left: 80px; padding-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .cmp-story-slider .component-container .swiper .swiper-wrapper .swiper-slide .central-content { width: 100%; padding-left: 0px; padding-right: 0px; } } .cmp-story-slider .component-container .swiper .swiper-wrapper .swiper-slide .central-content .slider-title { color: #C8102E; font-size: 55px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-story-slider .component-container .swiper .swiper-wrapper .swiper-slide .central-content .slider-title { font-size: 48px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-story-slider .component-container .swiper .swiper-wrapper .swiper-slide .central-content .slider-title { font-size: 36px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-story-slider .component-container .swiper .swiper-wrapper .swiper-slide .central-content .slider-title { font-size: 28px; } } .cmp-story-slider .component-container .swiper .swiper-wrapper .swiper-slide .central-content .slider-title { font-style: normal; font-weight: 300; line-height: 120%; letter-spacing: -0.48px; } @media (max-width: 768px) { .cmp-story-slider .component-container .swiper .swiper-wrapper .swiper-slide .central-content .slider-title { padding-top: 24px; } } .cmp-story-slider .component-container .swiper .swiper-wrapper .swiper-slide .central-content .slider-description { color: #545859; font-size: 32px; font-style: normal; font-weight: 300; line-height: 130%; letter-spacing: -0.32px; padding-top: 48px; } .cmp-story-slider .component-container .swiper .swiper-wrapper .swiper-slide .central-content .small-image img { -o-object-fit: cover; object-fit: cover; max-height: 215px; width: 100%; } @media (max-width: 768px) { .cmp-story-slider .component-container .swiper .swiper-wrapper .swiper-slide .central-content .small-image { padding-top: 24px; } } .cmp-story-slider .component-container .swiper .swiper-wrapper .swiper-slide:last-child { width: 100%; } .cmp-story-slider .component-container .swiper { /* Stili per il bottone next (avanti) */ } .cmp-story-slider .component-container .swiper .swiper-button-next { color: #fff; /* Colore del testo */ left: 94%; top: 65%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Ccircle cx='25' cy='25' r='25' fill='black' fill-opacity='0.4'/%3E%3Ccircle cx='25' cy='25' r='24.5' stroke='white' stroke-opacity='0.4'/%3E%3C/svg%3E"); background-repeat: no-repeat; width: 50px; height: 50px; } .cmp-story-slider .component-container .swiper .swiper-button-next::after { font-size: initial; } @media (max-width: 768px) { .cmp-story-slider .component-container .swiper .swiper-button-next { display: none; } } .cmp-story-slider .component-container .swiper { /* Stili per il bottone prev (indietro) */ } .cmp-story-slider .component-container .swiper .swiper-button-prev { color: #fff; left: 94%; top: 80%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Ccircle cx='25' cy='25' r='25' fill='black' fill-opacity='0.4'/%3E%3Ccircle cx='25' cy='25' r='24.5' stroke='white' stroke-opacity='0.4'/%3E%3C/svg%3E"); background-repeat: no-repeat; width: 50px; height: 50px; } .cmp-story-slider .component-container .swiper .swiper-button-prev::after { font-size: initial; /* Dimensione del testo */ } @media (max-width: 768px) { .cmp-story-slider .component-container .swiper .swiper-button-prev { display: none; } } .cmp-story-slider .component-container .swiper { /*.swiper-pagination{ top: 78px; width: 612px; left: 600px; @media (max-width: $break-point-mobile) { top: 322px; width: 100%; left: 0px; } }*/ } .cmp-story-slider .component-container .swiper .progress-bar-container { position: absolute; top: 73px; left: 67%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 622px; height: 1px; background: #545859; } @media (max-width: 1194px) { .cmp-story-slider .component-container .swiper .progress-bar-container { left: 63%; width: 520px; } } @media (max-width: 894px) { .cmp-story-slider .component-container .swiper .progress-bar-container { left: 55%; width: 520px; } } @media (max-width: 768px) { .cmp-story-slider .component-container .swiper .progress-bar-container { top: 322px; width: 100%; left: 48%; } } .cmp-story-slider .component-container .swiper .progress-bar { height: 100%; width: 10%; background: #C8102E; border-radius: 5px; } @media (max-width: 1194px) { .cmp-story-slider .component-container .swiper .progress-bar { width: 28%; } } @media (max-width: 894px) { .cmp-story-slider .component-container .swiper .progress-bar { width: 36%; } } @media (max-width: 768px) { .cmp-story-slider .component-container .swiper .progress-bar { width: 10%; } } .cmp-story-slider .component-container .swiper .progress-dot { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 5px; height: 5px; background: #C8102E; border-radius: 50%; display: block; left: 10%; } @media (max-width: 1194px) { .cmp-story-slider .component-container .swiper .progress-dot { left: 27%; } } @media (max-width: 894px) { .cmp-story-slider .component-container .swiper .progress-dot { left: 36%; } } @media (max-width: 768px) { .cmp-story-slider .component-container .swiper .progress-dot { left: 10%; } } .cmp-story-slider .component-container .swiper { /*.swiper-pagination-progressbar { background: $font-color; height: 1px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .swiper-pagination-progressbar-fill { background: $font-color-red; transition: width 0.3s ease-in-out; }*/ } .cmp-content-download-card.cmp-background__white { background-color: #FFFFFF; } .cmp-content-download-card.cmp-background__grey { background-color: #F1F1F3; } .cmp-content-download-card.cmp-background__grey .component-content-container .main-container .cards-container .article-card { background: #FFFFFF; } .cmp-content-download-card.cmp-background__grey .component-content-container .main-container .cards-container .documemnt-card { background: #FFFFFF; } .cmp-content-download-card .component-content-container { max-width: 1440px; margin: 0 auto; padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-download-card .component-content-container { padding-bottom: 24px; } } .cmp-content-download-card .component-content-container { padding-left: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-download-card .component-content-container { padding-left: 24px; } } .cmp-content-download-card .component-content-container { padding-right: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-download-card .component-content-container { padding-right: 24px; } } .cmp-content-download-card .component-content-container .main-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .cmp-content-download-card .component-content-container .main-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 768px) { .cmp-content-download-card .component-content-container .main-container.content-left { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .cmp-content-download-card .component-content-container .main-container .cards-container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 768px) { .cmp-content-download-card .component-content-container .main-container .cards-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } } .cmp-content-download-card .component-content-container .main-container .cards-container .article-card { background: #F1F1F3; width: 100%; margin-right: 16px; max-height: 392px; } @media (max-width: 768px) { .cmp-content-download-card .component-content-container .main-container .cards-container .article-card { min-height: 132px; } } .cmp-content-download-card .component-content-container .main-container .cards-container .article-card .doc-image { position: relative; } .cmp-content-download-card .component-content-container .main-container .cards-container .article-card .doc-image .icon-home { position: absolute; bottom: 0; width: 64px; height: 64px; background-position: left bottom; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none'%3E%3Cg opacity='0.5' clip-path='url(clientlib-site/css/%23clip0_13840_628)'%3E%3Cpath d='M11.4071 52.923V37.6606L22.0992 27.6191L32.7913 37.6606V52.7276L11.4071 52.7275V52.923Z' fill='white'/%3E%3Cpath d='M22.2563 10.2372L45.5663 31.8648V64.0231H-1.06321V31.8648L22.2563 10.2372ZM-8.82681 29.8777V66.6725C-8.82681 69.6004 -6.5389 71.9715 -3.7149 71.9715H48.1988C51.0228 71.9715 53.3203 69.6004 53.3203 66.6725V29.8777C53.3203 28.3706 52.6981 26.9307 51.6068 25.9323L25.6643 1.95281C24.7357 1.08886 23.5199 0.608887 22.2563 0.608887C20.9927 0.608887 19.7769 1.08886 18.8484 1.95281L-7.12284 25.9323C-8.21415 26.9403 -8.83639 28.3706 -8.83639 29.8777H-8.82681Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_13840_628'%3E%3Crect width='64' height='64' fill='white' transform='matrix(-1 0 0 1 64 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .cmp-content-download-card .component-content-container .main-container .cards-container .article-card .doc-image img { width: 100%; -o-object-fit: cover; object-fit: cover; height: 142px; } @media (max-width: 768px) { .cmp-content-download-card .component-content-container .main-container .cards-container .article-card .doc-image { display: none; } } .cmp-content-download-card .component-content-container .main-container .cards-container .article-card .doc-title { color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-download-card .component-content-container .main-container .cards-container .article-card .doc-title { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-download-card .component-content-container .main-container .cards-container .article-card .doc-title { font-size: 18px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-download-card .component-content-container .main-container .cards-container .article-card .doc-title { font-size: 16px; } } .cmp-content-download-card .component-content-container .main-container .cards-container .article-card .doc-title { font-style: normal; font-weight: 400; line-height: 150%; padding: 0px 0px 0px 16px; } .cmp-content-download-card .component-content-container .main-container .cards-container .article-card .doc-date { margin-top: 16px; color: #545859; font-size: 14px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-download-card .component-content-container .main-container .cards-container .article-card .doc-date { font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-download-card .component-content-container .main-container .cards-container .article-card .doc-date { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-download-card .component-content-container .main-container .cards-container .article-card .doc-date { font-size: 10px; } } .cmp-content-download-card .component-content-container .main-container .cards-container .article-card .doc-date { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 0.96px; text-transform: uppercase; padding: 0px 0px 0px 16px; } .cmp-content-download-card .component-content-container .main-container .cards-container .documemnt-card { background: #F1F1F3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: 16px; max-height: 392px; width: 252px; } @media (max-width: 768px) { .cmp-content-download-card .component-content-container .main-container .cards-container .documemnt-card { min-height: 132px; width: 100%; } } .cmp-content-download-card .component-content-container .main-container .cards-container .documemnt-card .doc-image { position: relative; } .cmp-content-download-card .component-content-container .main-container .cards-container .documemnt-card .doc-image .icon-home { position: absolute; bottom: 0; width: 64px; height: 64px; background-position: left bottom; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none'%3E%3Cg opacity='0.5' clip-path='url(clientlib-site/css/%23clip0_13840_628)'%3E%3Cpath d='M11.4071 52.923V37.6606L22.0992 27.6191L32.7913 37.6606V52.7276L11.4071 52.7275V52.923Z' fill='white'/%3E%3Cpath d='M22.2563 10.2372L45.5663 31.8648V64.0231H-1.06321V31.8648L22.2563 10.2372ZM-8.82681 29.8777V66.6725C-8.82681 69.6004 -6.5389 71.9715 -3.7149 71.9715H48.1988C51.0228 71.9715 53.3203 69.6004 53.3203 66.6725V29.8777C53.3203 28.3706 52.6981 26.9307 51.6068 25.9323L25.6643 1.95281C24.7357 1.08886 23.5199 0.608887 22.2563 0.608887C20.9927 0.608887 19.7769 1.08886 18.8484 1.95281L-7.12284 25.9323C-8.21415 26.9403 -8.83639 28.3706 -8.83639 29.8777H-8.82681Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_13840_628'%3E%3Crect width='64' height='64' fill='white' transform='matrix(-1 0 0 1 64 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .cmp-content-download-card .component-content-container .main-container .cards-container .documemnt-card .doc-image img { width: 100%; -o-object-fit: cover; object-fit: cover; height: 142px; } @media (max-width: 768px) { .cmp-content-download-card .component-content-container .main-container .cards-container .documemnt-card .doc-image { display: none; } } .cmp-content-download-card .component-content-container .main-container .cards-container .documemnt-card .doc-date { margin-top: 16px; color: #545859; font-size: 14px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-download-card .component-content-container .main-container .cards-container .documemnt-card .doc-date { font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-download-card .component-content-container .main-container .cards-container .documemnt-card .doc-date { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-download-card .component-content-container .main-container .cards-container .documemnt-card .doc-date { font-size: 10px; } } .cmp-content-download-card .component-content-container .main-container .cards-container .documemnt-card .doc-date { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 0.96px; text-transform: uppercase; padding: 0px 0px 0px 16px; } .cmp-content-download-card .component-content-container .main-container .cards-container .documemnt-card .doc-title { color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-download-card .component-content-container .main-container .cards-container .documemnt-card .doc-title { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-download-card .component-content-container .main-container .cards-container .documemnt-card .doc-title { font-size: 18px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-download-card .component-content-container .main-container .cards-container .documemnt-card .doc-title { font-size: 16px; } } .cmp-content-download-card .component-content-container .main-container .cards-container .documemnt-card .doc-title { font-style: normal; font-weight: 400; line-height: 150%; padding: 0px 0px 0px 16px; } .cmp-content-download-card .component-content-container .main-container .cards-container .documemnt-card .doc-command-container { padding-top: 36px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding-top: 40px; padding: 36px 16px 16px 16px; } @media (max-width: 768px) { .cmp-content-download-card .component-content-container .main-container .cards-container .documemnt-card .doc-command-container { padding: 16px 16px 16px 16px; } } .cmp-content-download-card .component-content-container .main-container .text-container { padding-left: 80px; } @media (max-width: 768px) { .cmp-content-download-card .component-content-container .main-container .text-container { padding-left: 0px; } } .cmp-content-download-card .component-content-container .main-container .text-container .text-title { padding-bottom: 16px; color: #545859; font-size: 36px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-download-card .component-content-container .main-container .text-container .text-title { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-download-card .component-content-container .main-container .text-container .text-title { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-download-card .component-content-container .main-container .text-container .text-title { font-size: 24px; } } .cmp-content-download-card .component-content-container .main-container .text-container .text-title { font-style: normal; font-weight: 400; line-height: 120%; /* 38.4px */ } @media (max-width: 768px) { .cmp-content-download-card .component-content-container .main-container .text-container .text-title { margin-top: 24px; padding-bottom: 8px; } } .cmp-content-download-card .component-content-container .main-container .text-container .text-description { width: 90%; color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-download-card .component-content-container .main-container .text-container .text-description { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-download-card .component-content-container .main-container .text-container .text-description { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-download-card .component-content-container .main-container .text-container .text-description { font-size: 16px; } } .cmp-content-download-card .component-content-container .main-container .text-container .text-description { font-style: normal; font-weight: 400; line-height: 170%; /* 30.6px */ margin-bottom: 64px; } @media (max-width: 768px) { .cmp-content-download-card .component-content-container .main-container .text-container .text-description { margin-bottom: 24px; width: 100%; line-height: 150%; /* 24px */ margin-top: 8px; } } .cmp-content-download-card .component-content-container .main-container .text-container .text-description .colored-red { color: #C8102E; } .cmp-content-download-card .component-content-container .main-container .text-container .button-container { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media (max-width: 768px) { .cmp-content-download-card .component-content-container .main-container .text-container .button-container { display: none; } } .cmp-content-download-card .component-content-container .main-container .text-container.text-left { padding-left: 0px; padding-right: 80px; } @media (max-width: 768px) { .cmp-content-download-card .component-content-container .main-container .text-container.text-left { padding-right: 0px; } } .cmp-content-download-card .component-content-container .main-container .button-container-mobile { display: none; } @media (max-width: 768px) { .cmp-content-download-card .component-content-container .main-container .button-container-mobile { margin-top: 24px; display: block; width: 100%; } } .cmp-content-img-33-66.cmp-background__white { background-color: #FFFFFF; } .cmp-content-img-33-66.cmp-background__grey { background-color: #F1F1F3; } .cmp-content-img-33-66 .component-content-container { max-width: 1440px; margin: 0 auto; padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-img-33-66 .component-content-container { padding-bottom: 24px; } } .cmp-content-img-33-66 .component-content-container { padding-left: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-img-33-66 .component-content-container { padding-left: 24px; } } .cmp-content-img-33-66 .component-content-container { padding-right: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-img-33-66 .component-content-container { padding-right: 24px; } } .cmp-content-img-33-66 .component-content-container .main-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .cmp-content-img-33-66 .component-content-container .main-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cmp-content-img-33-66 .component-content-container .main-container.container-left { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .cmp-content-img-33-66 .component-content-container .main-container .single-image-container .image-container img { width: 100%; height: 100%; } .cmp-content-img-33-66 .component-content-container .main-container .single-image-container .image-container-mobile img { height: 100%; width: 100%; } @media (max-width: 768px) { .cmp-content-img-33-66 .component-content-container .main-container .single-image-container .image-container-mobile img { max-height: 209px; -o-object-fit: cover; object-fit: cover; -ms-flex-item-align: stretch; align-self: stretch; } } .cmp-content-img-33-66 .component-content-container .main-container .single-image-container.activate-ratio .image-container { padding-top: 100%; position: relative; height: auto; } .cmp-content-img-33-66 .component-content-container .main-container .single-image-container.activate-ratio .image-container img { position: absolute; top: 0; left: 0; } .cmp-content-img-33-66 .component-content-container .main-container .text-container { width: 100%; padding-left: 80px; } @media (max-width: 768px) { .cmp-content-img-33-66 .component-content-container .main-container .text-container { padding-left: 0px; } } .cmp-content-img-33-66 .component-content-container .main-container .text-container .text-title { padding-bottom: 16px; color: #545859; font-size: 36px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-img-33-66 .component-content-container .main-container .text-container .text-title { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-img-33-66 .component-content-container .main-container .text-container .text-title { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-img-33-66 .component-content-container .main-container .text-container .text-title { font-size: 24px; } } .cmp-content-img-33-66 .component-content-container .main-container .text-container .text-title { font-style: normal; font-weight: 400; line-height: 120%; /* 38.4px */ } @media (max-width: 768px) { .cmp-content-img-33-66 .component-content-container .main-container .text-container .text-title { margin-top: 24px; padding-bottom: 8px; } } .cmp-content-img-33-66 .component-content-container .main-container .text-container .text-description { width: 100%; color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-img-33-66 .component-content-container .main-container .text-container .text-description { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-img-33-66 .component-content-container .main-container .text-container .text-description { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-img-33-66 .component-content-container .main-container .text-container .text-description { font-size: 16px; } } .cmp-content-img-33-66 .component-content-container .main-container .text-container .text-description { font-style: normal; font-weight: 400; line-height: 170%; /* 30.6px */ margin-bottom: 64px; } @media (max-width: 768px) { .cmp-content-img-33-66 .component-content-container .main-container .text-container .text-description { margin-bottom: 24px; width: 100%; line-height: 150%; /* 24px */ margin-top: 8px; } } .cmp-content-img-33-66 .component-content-container .main-container .text-container .text-description .colored-red { color: #C8102E; } .cmp-content-img-33-66 .component-content-container .main-container .text-container .button-container { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media (max-width: 768px) { .cmp-content-img-33-66 .component-content-container .main-container .text-container .button-container { width: 100%; } } .cmp-content-img-33-66 .component-content-container .main-container .text-container.text-left { padding-left: 0px; padding-right: 80px; } @media (max-width: 768px) { .cmp-content-img-33-66 .component-content-container .main-container .text-container.text-left { padding-right: 0px; } } .cmp-content-img-33-66 .component-content-container .main-container .double-image-container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 768px) { .cmp-content-img-33-66 .component-content-container .main-container .double-image-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .cmp-content-img-33-66 .component-content-container .main-container .double-image-container .first-image { margin-right: 21px; width: 50%; } @media (max-width: 768px) { .cmp-content-img-33-66 .component-content-container .main-container .double-image-container .first-image { width: 100%; margin-right: 16px; } } .cmp-content-img-33-66 .component-content-container .main-container .double-image-container .first-image img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; min-height: 209px; } .cmp-content-img-33-66 .component-content-container .main-container .double-image-container .second-image { width: 50%; } @media (max-width: 768px) { .cmp-content-img-33-66 .component-content-container .main-container .double-image-container .second-image { width: 100%; } } .cmp-content-img-33-66 .component-content-container .main-container .double-image-container .second-image img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; min-height: 209px; } .cmp-content-img-33-66 .component-content-container .main-container .double-image-container.activate-ratio .first-image .image-container { padding-top: 100%; position: relative; } .cmp-content-img-33-66 .component-content-container .main-container .double-image-container.activate-ratio .first-image .image-container img { position: absolute; top: 0; left: 0; } .cmp-content-img-33-66 .component-content-container .main-container .double-image-container.activate-ratio .second-image .image-container { padding-top: 100%; position: relative; } .cmp-content-img-33-66 .component-content-container .main-container .double-image-container.activate-ratio .second-image .image-container img { position: absolute; top: 0; left: 0; } .cmp-content-img-50-50.cmp-background__white { background-color: #FFFFFF; } .cmp-content-img-50-50.cmp-background__grey { background-color: #F1F1F3; } .cmp-content-img-50-50 .component-content-container { max-width: 1440px; margin: 0 auto; padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-img-50-50 .component-content-container { padding-bottom: 24px; } } .cmp-content-img-50-50 .component-content-container { padding-left: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-img-50-50 .component-content-container { padding-left: 24px; } } .cmp-content-img-50-50 .component-content-container { padding-right: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-img-50-50 .component-content-container { padding-right: 24px; } } .cmp-content-img-50-50 .component-content-container .main-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cmp-content-img-50-50 .component-content-container .main-container.container-left { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .cmp-content-img-50-50 .component-content-container .main-container.container-left { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media (max-width: 768px) { .cmp-content-img-50-50 .component-content-container .main-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cmp-content-img-50-50 .component-content-container .main-container .single-image-container { width: 50%; } @media (max-width: 768px) { .cmp-content-img-50-50 .component-content-container .main-container .single-image-container { width: 100%; padding-bottom: 24px; } } .cmp-content-img-50-50 .component-content-container .main-container .single-image-container .image-container img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -ms-flex-item-align: stretch; align-self: stretch; } @media (max-width: 768px) { .cmp-content-img-50-50 .component-content-container .main-container .single-image-container .image-container img { max-height: 209px; -ms-flex-item-align: stretch; align-self: stretch; -o-object-fit: cover; object-fit: cover; } } .cmp-content-img-50-50 .component-content-container .main-container .single-image-container .image-container-mobile img { height: 100%; width: 100%; max-height: 209px; -ms-flex-item-align: stretch; align-self: stretch; -o-object-fit: cover; object-fit: cover; } .cmp-content-img-50-50 .component-content-container .main-container .text-container { width: 50%; } @media (max-width: 768px) { .cmp-content-img-50-50 .component-content-container .main-container .text-container { width: 100%; } } .cmp-content-img-50-50 .component-content-container .main-container .text-container.paddingR { padding-right: 80px; } @media (max-width: 768px) { .cmp-content-img-50-50 .component-content-container .main-container .text-container.paddingR { padding-right: 0; } } .cmp-content-img-50-50 .component-content-container .main-container .text-container.text-left { padding-right: 80px; } @media (max-width: 768px) { .cmp-content-img-50-50 .component-content-container .main-container .text-container.text-left { padding-right: 0; } } .cmp-content-img-50-50 .component-content-container .main-container .text-container.paddingL { padding-left: 80px; } @media (max-width: 768px) { .cmp-content-img-50-50 .component-content-container .main-container .text-container.paddingL { padding-left: 0; } } .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-title { padding-bottom: 16px; color: #545859; font-size: 36px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-title { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-title { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-title { font-size: 24px; } } .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-title { font-style: normal; font-weight: 400; line-height: 130%; padding-bottom: 16px; } @media (max-width: 768px) { .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-title { padding-bottom: 8px; } } .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-description { color: #545859; font-size: 18px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-description { font-size: 16px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-description { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-description { font-size: 14px; } } .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-description { font-style: normal; font-weight: 400; line-height: 170%; padding-bottom: 64px; width: 90%; } @media (max-width: 768px) { .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-description { padding-bottom: 24px; } } .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-content { color: #545859; padding-bottom: 64px; width: 100%; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-content { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-content { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-content { font-size: 16px; } } .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-content { font-style: normal; font-weight: 400; line-height: 170%; } @media (max-width: 768px) { .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-content { padding-bottom: 24px; } } .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-content ul { list-style-type: none; margin-right: 16px; padding: 0; } .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-content ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; padding-bottom: 16px; color: var(--text-icon-default, #545859); font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-content ul li { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-content ul li { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-content ul li { font-size: 16px; } } .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-content ul li { font-style: normal; font-weight: 400; line-height: 170%; } @media (max-width: 768px) { .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-content ul li { padding-bottom: 8px; } } .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-content ul li .number-style { color: var(--text-icon-default, #545859); font-size: 40px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-content ul li .number-style { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-content ul li .number-style { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-content ul li .number-style { font-size: 20px; } } .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-content ul li .number-style { font-style: normal; font-weight: 400; line-height: 120%; /* 38.4px */ letter-spacing: -0.32px; margin-right: 16px; } .cmp-content-img-50-50 .component-content-container .main-container .text-container .text-content .colored-red { color: #C8102E; } .cmp-content-img-50-50 .component-content-container .main-container .text-container .button-container { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media (max-width: 768px) { .cmp-content-img-50-50 .component-content-container .main-container .text-container .button-container { width: 100%; } } .cmp-content-img-accordion.cmp-background__white { background-color: #FFFFFF; } .cmp-content-img-accordion.cmp-background__grey { background-color: #F1F1F3; } .cmp-content-img-accordion .component-content-img-accordion-container { max-width: 1440px; margin: 0 auto; padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container { padding-bottom: 24px; } } .cmp-content-img-accordion .component-content-img-accordion-container { padding-left: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container { padding-left: 24px; } } .cmp-content-img-accordion .component-content-img-accordion-container { padding-right: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container { padding-right: 24px; } } .cmp-content-img-accordion .component-content-img-accordion-container .main-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cmp-content-img-accordion .component-content-img-accordion-container .main-container.container-left { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container.container-left { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .wrap-content { width: 50%; } @media (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .wrap-content { width: 100%; } } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .single-image-container { padding-bottom: 44px; width: 100%; } @media (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .single-image-container { padding-bottom: 24px; } } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .single-image-container .image-container img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -ms-flex-item-align: stretch; align-self: stretch; max-height: 800px; } @media (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .single-image-container .image-container img { max-height: 209px; } } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .single-image-container .image-container-mobile img { height: 100%; width: 100%; max-height: 209px; -ms-flex-item-align: stretch; align-self: stretch; -o-object-fit: cover; object-fit: cover; } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container { width: 50%; } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container.paddingR { padding-right: 80px; } @media (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container.paddingR { padding-right: 0; } } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container.paddingL { padding-left: 80px; } @media (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container.paddingL { padding-left: 0; } } @media (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container { width: 100%; } } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .icon-title .road-to-100 { padding-bottom: 24px; display: block !important; } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .icon-title .road-to-100 img { -o-object-fit: cover; object-fit: cover; height: 80px; width: 96px; } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .icon-title .text-title { color: #545859; font-size: 36px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .icon-title .text-title { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .icon-title .text-title { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .icon-title .text-title { font-size: 24px; } } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .icon-title .text-title { font-style: normal; font-weight: 400; line-height: 120%; padding-bottom: 64px; } @media (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .icon-title.desktop { display: none; } } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion { padding-bottom: 40px; } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion.paddingRight { padding-right: 80px; } @media (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion.paddingRight { padding-right: 0px; } } @media (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion { padding-bottom: 24px; } } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion .accordion-item { font-size: 24px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion .accordion-item { font-size: 22px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion .accordion-item { font-size: 20px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion .accordion-item { font-size: 20px; } } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion .accordion-item { font-style: normal; font-weight: 400; line-height: 120%; /* 28.8px */ padding-bottom: 16px; width: 90%; background-color: transparent; border: none; } @media (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion .accordion-item { padding-bottom: 24px; } } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion .accordion-item .accordion-title { color: #545859; font-size: 28px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion .accordion-item .accordion-title { font-size: 24px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion .accordion-item .accordion-title { font-size: 20px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion .accordion-item .accordion-title { font-size: 16px; } } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion .accordion-item .accordion-title { cursor: pointer; font-style: normal; font-weight: 400; line-height: 120%; /* 28.8px */ -webkit-text-decoration-line: none; text-decoration-line: none; } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion .accordion-item .accordion-title.active { color: #C8102E; -webkit-text-decoration-line: underline; text-decoration-line: underline; } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion .accordion-item .cmp-icon-accordion { padding: 6px 8px 12px 0; } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion .accordion-item .cmp-icon-accordion.active svg { color: #C8102E; } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion .accordion-item .cmp-icon-accordion svg { color: #545859; -webkit-transition: fill 0.3s; transition: fill 0.3s; } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion .accordion-clicked { color: #C8102E; } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion .accordion-description { height: 100%; color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion .accordion-description { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion .accordion-description { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion .accordion-description { font-size: 16px; } } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion .accordion-description { font-style: normal; font-weight: 400; line-height: 170%; } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion .accordion-description.hidden { opacity: 0; -webkit-animation: 300ms fadeOut; animation: 300ms fadeOut; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; display: none; } @-webkit-keyframes fadeOut { 0% { opacity: 1; display: block; } 50% { opacity: 0.4; } 99% { opacity: 0; display: none; } 100% { display: none; } } @keyframes fadeOut { 0% { opacity: 1; display: block; } 50% { opacity: 0.4; } 99% { opacity: 0; display: none; } 100% { display: none; } } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .accordion .accordion-description.active { opacity: 0; display: block; -webkit-animation: 300ms fadeIn; animation: 300ms fadeIn; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 50% { opacity: 0.4; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 50% { opacity: 0.4; } 100% { opacity: 1; } } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .text-content { padding-bottom: 64px; width: 90%; } @media (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .text-content { padding-bottom: 24px; } } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .text-content ul { list-style-type: none; margin-right: 16px; padding: 0; } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .text-content ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; padding-bottom: 16px; } @media (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .text-content ul li { padding-bottom: 8px; } } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .text-content ul li .number-style { font-size: 40px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .text-content ul li .number-style { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .text-content ul li .number-style { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .text-content ul li .number-style { font-size: 20px; } } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .text-content ul li .number-style { font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: -0.32px; margin-right: 16px; } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .button-container { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .text-container .button-container { width: 100%; } } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .mobile-container { display: none; } @media (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .mobile-container { display: block; } } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .mobile-container .icon-title .road-to-100 { display: block; } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .mobile-container .icon-title .road-to-100 img { -o-object-fit: cover; object-fit: cover; height: 64px; width: 76px; } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .mobile-container .icon-title .text-title { color: #545859; font-size: 36px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .mobile-container .icon-title .text-title { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .mobile-container .icon-title .text-title { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content-img-accordion .component-content-img-accordion-container .main-container .mobile-container .icon-title .text-title { font-size: 24px; } } .cmp-content-img-accordion .component-content-img-accordion-container .main-container .mobile-container .icon-title .text-title { font-style: normal; font-weight: 400; line-height: 120%; padding-bottom: 64px; } .cmp-content_stats_article.cmp-background__white { background-color: #FFFFFF; } .cmp-content_stats_article.cmp-background__grey { background-color: #F1F1F3; } .cmp-content_stats_article .component-content-container { max-width: 1440px; margin: 0 auto; padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content_stats_article .component-content-container { padding-bottom: 24px; } } .cmp-content_stats_article .component-content-container { padding-left: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content_stats_article .component-content-container { padding-left: 24px; } } .cmp-content_stats_article .component-content-container { padding-right: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content_stats_article .component-content-container { padding-right: 24px; } } .cmp-content_stats_article .component-content-container .main-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .cmp-content_stats_article .component-content-container .main-container { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .cmp-content_stats_article .component-content-container .main-container.container-left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cmp-content_stats_article .component-content-container .main-container .grid-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } @media only screen and (min-width: 769px) and (max-width: 1189px) { .cmp-content_stats_article .component-content-container .main-container .grid-container { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); } } @media only screen and (min-width: 200px) and (max-width: 768px) { .cmp-content_stats_article .component-content-container .main-container .grid-container { grid-template-columns: none; } } .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item { padding: 40px 24px; border-bottom: 1px solid var(--Border-default, #CCCDCF); border-left: 1px solid var(--Border-default, #CCCDCF); text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item .container-description { text-align: start; } } .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item .container-description .stats-title { color: #545859; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item .container-description .stats-title { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item .container-description .stats-title { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item .container-description .stats-title { font-size: 12px; } } .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item .container-description .stats-title { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 1.12px; text-transform: uppercase; margin-bottom: 40px; } @media (max-width: 768px) { .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item .container-description .stats-title { margin-bottom: 16px; } } .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item .container-description .stats-numeric { color: #545859; font-size: 73px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item .container-description .stats-numeric { font-size: 73px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item .container-description .stats-numeric { font-size: 55px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item .container-description .stats-numeric { font-size: 42px; } } .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item .container-description .stats-numeric { font-style: normal; font-weight: 300; line-height: 110%; letter-spacing: -0.64px; } .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item .container-description .stats-description { color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item .container-description .stats-description { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item .container-description .stats-description { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item .container-description .stats-description { font-size: 16px; } } .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item .container-description .stats-description { font-style: normal; font-weight: 700; line-height: 170%; margin-bottom: 32px; } @media (max-width: 768px) { .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item .container-description .stats-description { margin-bottom: 16px; } } .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item .container-description .stats-optional-desc { color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item .container-description .stats-optional-desc { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item .container-description .stats-optional-desc { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item .container-description .stats-optional-desc { font-size: 16px; } } .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item .container-description .stats-optional-desc { font-style: normal; font-weight: 400; line-height: 170%; } .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item .button-container { padding-top: 40px; } @media (max-width: 768px) { .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item { border-top: 1px solid var(--Border-default, #CCCDCF); border-left: 1px solid var(--Border-default, #CCCDCF); border-right: 1px solid var(--Border-default, #CCCDCF); border-bottom: none; padding: 24px 24px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: end; } } .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item:nth-child(n+3) { border-right: 1px solid var(--Border-default, #CCCDCF); border-bottom: 1px solid var(--Border-default, #CCCDCF); } .cmp-content_stats_article .component-content-container .main-container .grid-container .grid-item:nth-child(-n+3) { border-top: 1px solid var(--Border-default, #CCCDCF); } .cmp-content_stats_article .component-content-container .main-container .article-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border: 1px solid var(--Border-default, #CCCDCF); padding: 24px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .cmp-content_stats_article .component-content-container .main-container .article-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 16px; } } .cmp-content_stats_article .component-content-container .main-container .article-container .aricle { padding-right: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 768px) { .cmp-content_stats_article .component-content-container .main-container .article-container .aricle { padding-bottom: 16px; } } .cmp-content_stats_article .component-content-container .main-container .article-container .aricle .article-logo img { width: 128px; height: 128px; } @media (max-width: 768px) { .cmp-content_stats_article .component-content-container .main-container .article-container .aricle .article-logo img { width: 80px; height: 80px; } } .cmp-content_stats_article .component-content-container .main-container .article-container .aricle .article-description { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 24px; } .cmp-content_stats_article .component-content-container .main-container .article-container .aricle .article-description .article-desctiption { color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content_stats_article .component-content-container .main-container .article-container .aricle .article-description .article-desctiption { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content_stats_article .component-content-container .main-container .article-container .aricle .article-description .article-desctiption { font-size: 18px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content_stats_article .component-content-container .main-container .article-container .aricle .article-description .article-desctiption { font-size: 16px; } } .cmp-content_stats_article .component-content-container .main-container .article-container .aricle .article-description .article-desctiption { font-style: normal; font-weight: 400; line-height: 150%; max-width: 200px; } .cmp-content_stats_article .component-content-container .main-container .article-container .aricle .article-description .article-data { color: #545859; font-size: 14px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content_stats_article .component-content-container .main-container .article-container .aricle .article-description .article-data { font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content_stats_article .component-content-container .main-container .article-container .aricle .article-description .article-data { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content_stats_article .component-content-container .main-container .article-container .aricle .article-description .article-data { font-size: 10px; } } .cmp-content_stats_article .component-content-container .main-container .article-container .aricle .article-description .article-data { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 0.96px; text-transform: uppercase; } @media (max-width: 768px) { .cmp-content_stats_article .component-content-container .main-container .article-container .aricle .article-description { padding-left: 16px; } } .cmp-content_stats_article .component-content-container .main-container .text-container { width: 100%; padding-left: 80px; } @media (max-width: 768px) { .cmp-content_stats_article .component-content-container .main-container .text-container { padding-left: 0px; } } .cmp-content_stats_article .component-content-container .main-container .text-container .text-title { color: #545859; font-size: 36px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content_stats_article .component-content-container .main-container .text-container .text-title { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content_stats_article .component-content-container .main-container .text-container .text-title { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content_stats_article .component-content-container .main-container .text-container .text-title { font-size: 24px; } } .cmp-content_stats_article .component-content-container .main-container .text-container .text-title { font-style: normal; font-weight: 400; line-height: 120%; /* 38.4px */ padding-bottom: 16px; } @media (max-width: 768px) { .cmp-content_stats_article .component-content-container .main-container .text-container .text-title { margin-top: 24px; padding-bottom: 8px; } } .cmp-content_stats_article .component-content-container .main-container .text-container .text-description { width: 90%; color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content_stats_article .component-content-container .main-container .text-container .text-description { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content_stats_article .component-content-container .main-container .text-container .text-description { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content_stats_article .component-content-container .main-container .text-container .text-description { font-size: 16px; } } .cmp-content_stats_article .component-content-container .main-container .text-container .text-description { font-style: normal; font-weight: 400; line-height: 170%; /* 30.6px */ margin-bottom: 64px; } @media (max-width: 768px) { .cmp-content_stats_article .component-content-container .main-container .text-container .text-description { margin-bottom: 24px; width: 100%; line-height: 150%; /* 24px */ margin-top: 8px; } } .cmp-content_stats_article .component-content-container .main-container .text-container .button-container { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media (max-width: 768px) { .cmp-content_stats_article .component-content-container .main-container .text-container .button-container { width: 100%; display: none; } } .cmp-content_stats_article .component-content-container .main-container .text-container.text-left { padding-left: 0px; padding-right: 80px; } @media (max-width: 768px) { .cmp-content_stats_article .component-content-container .main-container .text-container.text-left { padding-right: 0px; } } .cmp-content_stats_article .component-content-container .main-container .button-container-mobile { padding-top: 32px; } @media (min-width: 769px) { .cmp-content_stats_article .component-content-container .main-container .button-container-mobile { display: none; } } .cmp-content_stats.cmp-background__white { background-color: #FFFFFF; } .cmp-content_stats.cmp-background__grey { background-color: #F1F1F3; } .cmp-content_stats .component-content-container { max-width: 1440px; margin: 0 auto; padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content_stats .component-content-container { padding-bottom: 24px; } } .cmp-content_stats .component-content-container { padding-left: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content_stats .component-content-container { padding-left: 24px; } } .cmp-content_stats .component-content-container { padding-right: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content_stats .component-content-container { padding-right: 24px; } } .cmp-content_stats .component-content-container .main-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .cmp-content_stats .component-content-container .main-container { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .cmp-content_stats .component-content-container .main-container.container-left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cmp-content_stats .component-content-container .main-container .single-image-container .cmp-video-image-container .image-container img { width: 100%; max-height: 800px; -o-object-fit: cover; object-fit: cover; } .cmp-content_stats .component-content-container .main-container .single-image-container.activate-ratio .cmp-video-image-container .image-container { height: auto; width: 100%; padding-top: 100%; position: relative; overflow: hidden; } .cmp-content_stats .component-content-container .main-container .single-image-container.activate-ratio .cmp-video-image-container .image-container img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .cmp-content_stats .component-content-container .main-container .image-container-mobile img { width: 100%; max-height: 209px; -o-object-fit: cover; object-fit: cover; } .cmp-content_stats .component-content-container .main-container .single-image-container-double { display: -webkit-box; display: -ms-flexbox; display: flex; } .cmp-content_stats .component-content-container .main-container .single-image-container-double .cmp-video-image-container { width: 50%; } @media (max-width: 768px) { .cmp-content_stats .component-content-container .main-container .single-image-container-double .cmp-video-image-container { width: 100%; } } .cmp-content_stats .component-content-container .main-container .single-image-container-double .cmp-video-image-container .image-container img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .cmp-content_stats .component-content-container .main-container .single-image-container-double .grid-container { width: 50%; padding-top: 0px; } .cmp-content_stats .component-content-container .main-container .single-image-container-double .grid-container .grid-item { width: 100%; margin-left: 16px; } @media (max-width: 768px) { .cmp-content_stats .component-content-container .main-container .single-image-container-double .grid-container { display: none; } } .cmp-content_stats .component-content-container .main-container .single-image-container-double .grid-container.mobile { display: none; } @media (max-width: 768px) { .cmp-content_stats .component-content-container .main-container .single-image-container-double .grid-container.mobile { display: block; } } .cmp-content_stats .component-content-container .main-container .grid-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; padding-top: 64px; } .cmp-content_stats .component-content-container .main-container .grid-container.mobile { display: none; } @media (max-width: 768px) { .cmp-content_stats .component-content-container .main-container .grid-container.mobile { display: block; } } @media (max-width: 768px) { .cmp-content_stats .component-content-container .main-container .grid-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 32px; } } .cmp-content_stats .component-content-container .main-container .grid-container .grid-item { width: 50%; padding: 40px 24px; border: 1px solid var(--Border-default, #CCCDCF); text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .cmp-content_stats .component-content-container .main-container .grid-container .grid-item .container-description { text-align: start; } } .cmp-content_stats .component-content-container .main-container .grid-container .grid-item .container-description .stats-title { color: #545859; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content_stats .component-content-container .main-container .grid-container .grid-item .container-description .stats-title { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content_stats .component-content-container .main-container .grid-container .grid-item .container-description .stats-title { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content_stats .component-content-container .main-container .grid-container .grid-item .container-description .stats-title { font-size: 12px; } } .cmp-content_stats .component-content-container .main-container .grid-container .grid-item .container-description .stats-title { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 1.12px; text-transform: uppercase; margin-bottom: 40px; } @media (max-width: 768px) { .cmp-content_stats .component-content-container .main-container .grid-container .grid-item .container-description .stats-title { margin-bottom: 16px; } } .cmp-content_stats .component-content-container .main-container .grid-container .grid-item .container-description .stats-numeric { color: #545859; font-size: 73px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content_stats .component-content-container .main-container .grid-container .grid-item .container-description .stats-numeric { font-size: 73px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content_stats .component-content-container .main-container .grid-container .grid-item .container-description .stats-numeric { font-size: 55px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content_stats .component-content-container .main-container .grid-container .grid-item .container-description .stats-numeric { font-size: 42px; } } .cmp-content_stats .component-content-container .main-container .grid-container .grid-item .container-description .stats-numeric { font-style: normal; font-weight: 300; line-height: 110%; letter-spacing: -0.64px; } .cmp-content_stats .component-content-container .main-container .grid-container .grid-item .container-description .stats-description { color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content_stats .component-content-container .main-container .grid-container .grid-item .container-description .stats-description { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content_stats .component-content-container .main-container .grid-container .grid-item .container-description .stats-description { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content_stats .component-content-container .main-container .grid-container .grid-item .container-description .stats-description { font-size: 16px; } } .cmp-content_stats .component-content-container .main-container .grid-container .grid-item .container-description .stats-description { font-style: normal; font-weight: 700; line-height: 170%; margin-bottom: 32px; } @media (max-width: 768px) { .cmp-content_stats .component-content-container .main-container .grid-container .grid-item .container-description .stats-description { margin-bottom: 16px; } } .cmp-content_stats .component-content-container .main-container .grid-container .grid-item .container-description .stats-optional-desc { color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content_stats .component-content-container .main-container .grid-container .grid-item .container-description .stats-optional-desc { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content_stats .component-content-container .main-container .grid-container .grid-item .container-description .stats-optional-desc { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content_stats .component-content-container .main-container .grid-container .grid-item .container-description .stats-optional-desc { font-size: 16px; } } .cmp-content_stats .component-content-container .main-container .grid-container .grid-item .container-description .stats-optional-desc { font-style: normal; font-weight: 400; line-height: 170%; } .cmp-content_stats .component-content-container .main-container .grid-container .grid-item .button-container { padding-top: 40px; } @media (max-width: 768px) { .cmp-content_stats .component-content-container .main-container .grid-container .grid-item { padding: 16px 16px; -webkit-box-align: end; -ms-flex-align: end; align-items: end; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .cmp-content_stats .component-content-container .main-container .wrap-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cmp-content_stats .component-content-container .main-container .wrap-container.add-padding-right { padding-right: 80px; } @media (max-width: 768px) { .cmp-content_stats .component-content-container .main-container .wrap-container.add-padding-right { padding-right: 0px; } } .cmp-content_stats .component-content-container .main-container .wrap-container.add-padding-left { padding-left: 80px; } @media (max-width: 768px) { .cmp-content_stats .component-content-container .main-container .wrap-container.add-padding-left { padding-left: 0px; } } .cmp-content_stats .component-content-container .main-container .wrap-container .text-container { width: 100%; } .cmp-content_stats .component-content-container .main-container .wrap-container .text-container .text-title { padding-bottom: 16px; color: #545859; font-size: 36px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content_stats .component-content-container .main-container .wrap-container .text-container .text-title { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content_stats .component-content-container .main-container .wrap-container .text-container .text-title { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content_stats .component-content-container .main-container .wrap-container .text-container .text-title { font-size: 24px; } } .cmp-content_stats .component-content-container .main-container .wrap-container .text-container .text-title { font-style: normal; font-weight: 400; line-height: 130%; } @media (max-width: 768px) { .cmp-content_stats .component-content-container .main-container .wrap-container .text-container .text-title { margin-top: 24px; padding-bottom: 8px; } } .cmp-content_stats .component-content-container .main-container .wrap-container .text-container .text-description { width: 90%; color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-content_stats .component-content-container .main-container .wrap-container .text-container .text-description { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-content_stats .component-content-container .main-container .wrap-container .text-container .text-description { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-content_stats .component-content-container .main-container .wrap-container .text-container .text-description { font-size: 16px; } } .cmp-content_stats .component-content-container .main-container .wrap-container .text-container .text-description { font-style: normal; font-weight: 400; line-height: 170%; } @media (max-width: 768px) { .cmp-content_stats .component-content-container .main-container .wrap-container .text-container .text-description { margin-bottom: 24px; width: 100%; margin-top: 8px; } } .cmp-content_stats .component-content-container .main-container .wrap-container .text-container .button-container { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding-top: 64px; } @media (max-width: 768px) { .cmp-content_stats .component-content-container .main-container .wrap-container .text-container .button-container { width: 100%; display: none; padding-top: 32px; } } .cmp-content_stats .component-content-container .main-container .wrap-container .text-container.text-left { padding-left: 0px; padding-right: 80px; } @media (max-width: 768px) { .cmp-content_stats .component-content-container .main-container .wrap-container .text-container.text-left { padding-right: 0px; } } .cmp-component-table.cmp-background__white { background-color: #FFFFFF; } .cmp-component-table.cmp-background__grey { background-color: #F1F1F3; } .cmp-component-table .component-content-container { max-width: 1440px; margin: 0 auto; padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-component-table .component-content-container { padding-bottom: 24px; } } .cmp-component-table .component-content-container { padding-left: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-component-table .component-content-container { padding-left: 24px; } } .cmp-component-table .component-content-container { padding-right: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-component-table .component-content-container { padding-right: 24px; } } .cmp-component-table .component-content-container .main-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .cmp-component-table .component-content-container .main-container { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media (max-width: 768px) { .cmp-component-table .component-content-container .main-container.container-left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cmp-component-table .component-content-container .main-container .text-container { width: 50%; padding-left: 80px; } @media (max-width: 768px) { .cmp-component-table .component-content-container .main-container .text-container { padding-left: 0px; width: 100%; } } .cmp-component-table .component-content-container .main-container .text-container .text-title { padding-bottom: 16px; color: #545859; font-size: 36px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-component-table .component-content-container .main-container .text-container .text-title { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-component-table .component-content-container .main-container .text-container .text-title { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-component-table .component-content-container .main-container .text-container .text-title { font-size: 24px; } } .cmp-component-table .component-content-container .main-container .text-container .text-title { font-style: normal; font-weight: 400; line-height: 120%; /* 38.4px */ } @media (max-width: 768px) { .cmp-component-table .component-content-container .main-container .text-container .text-title { margin-top: 24px; padding-bottom: 8px; } } .cmp-component-table .component-content-container .main-container .text-container .text-description { width: 100%; color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-component-table .component-content-container .main-container .text-container .text-description { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-component-table .component-content-container .main-container .text-container .text-description { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-component-table .component-content-container .main-container .text-container .text-description { font-size: 16px; } } .cmp-component-table .component-content-container .main-container .text-container .text-description { font-style: normal; font-weight: 400; line-height: 170%; /* 30.6px */ margin-bottom: 64px; } @media (max-width: 768px) { .cmp-component-table .component-content-container .main-container .text-container .text-description { margin-bottom: 24px; width: 100%; line-height: 150%; /* 24px */ margin-top: 8px; } } .cmp-component-table .component-content-container .main-container .text-container .text-description .colored-red { color: #C8102E; } .cmp-component-table .component-content-container .main-container .text-container .button-container { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media (max-width: 768px) { .cmp-component-table .component-content-container .main-container .text-container .button-container { display: none; } } .cmp-component-table .component-content-container .main-container .text-container.text-left { padding-left: 0px; padding-right: 80px; } @media (max-width: 768px) { .cmp-component-table .component-content-container .main-container .text-container.text-left { padding-right: 0px; } } .cmp-component-table .component-content-container .main-container .table-description { padding: 24px; border-left: 1px solid #CCCDCF; border-right: 1px solid #CCCDCF; border-top: 1px solid #CCCDCF; color: #545859; font-size: 24px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-component-table .component-content-container .main-container .table-description { font-size: 22px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-component-table .component-content-container .main-container .table-description { font-size: 20px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-component-table .component-content-container .main-container .table-description { font-size: 20px; } } .cmp-component-table .component-content-container .main-container .table-description { font-style: normal; font-weight: 400; line-height: 150%; /* 36px */ letter-spacing: -0.24px; } @media (max-width: 768px) { .cmp-component-table .component-content-container .main-container .table-description { padding: 16px; } } .cmp-component-table .component-content-container .main-container .table-description .colored-red { color: #C8102E; } .cmp-component-table .component-content-container .main-container .table-description p { color: #545859; font-size: 24px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-component-table .component-content-container .main-container .table-description p { font-size: 22px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-component-table .component-content-container .main-container .table-description p { font-size: 20px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-component-table .component-content-container .main-container .table-description p { font-size: 20px; } } .cmp-component-table .component-content-container .main-container .table-description p { font-style: normal; font-weight: 400; line-height: 150%; /* 36px */ letter-spacing: -0.24px; padding-bottom: 8px; } @media (max-width: 768px) { .cmp-component-table .component-content-container .main-container .table-description p { padding-bottom: 0px; } } .cmp-component-table .component-content-container .main-container .table-description p .colored-red { color: #C8102E; } .cmp-component-table .component-content-container .main-container .table-description p .small-style { font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-component-table .component-content-container .main-container .table-description p .small-style { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-component-table .component-content-container .main-container .table-description p .small-style { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-component-table .component-content-container .main-container .table-description p .small-style { font-size: 16px; } } .cmp-component-table .component-content-container .main-container .table-description p .small-style { font-style: normal; font-weight: 400; line-height: 170%; letter-spacing: normal; } .cmp-component-table .component-content-container .main-container .table-container { width: 100%; background-color: transparent; overflow-x: auto; } .cmp-component-table .component-content-container .main-container .table-container.no-scroll { overflow-x: hidden; } .cmp-component-table .component-content-container .main-container .table-container { /*@media (max-width: $break-point-mobile) { overflow-x: auto; }*/ } .cmp-component-table .component-content-container .main-container .table-container table { width: 100%; background-color: transparent; } .cmp-component-table .component-content-container .main-container .table-container table.table-fixed { table-layout: fixed; } .cmp-component-table .component-content-container .main-container .table-container th, .cmp-component-table .component-content-container .main-container .table-container td { border: 1px solid #ddd; padding: 8px 24px; text-align: left; } .cmp-component-table .component-content-container .main-container .table-container th.edit-mode { overflow: hidden; } .cmp-component-table .component-content-container .main-container .table-container th { background-color: #333; padding: 8px 24px; border-left: 1px solid #333; } .cmp-component-table .component-content-container .main-container .table-container th .item-table { color: #FFF; font-size: 14px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-component-table .component-content-container .main-container .table-container th .item-table { font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-component-table .component-content-container .main-container .table-container th .item-table { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-component-table .component-content-container .main-container .table-container th .item-table { font-size: 10px; } } .cmp-component-table .component-content-container .main-container .table-container th .item-table { font-style: normal; font-weight: 700; line-height: 150%; /* 18px */ letter-spacing: 0.96px; text-transform: uppercase; } .cmp-component-table .component-content-container .main-container .table-container th .item-table p { color: #FFF; font-size: 14px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-component-table .component-content-container .main-container .table-container th .item-table p { font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-component-table .component-content-container .main-container .table-container th .item-table p { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-component-table .component-content-container .main-container .table-container th .item-table p { font-size: 10px; } } .cmp-component-table .component-content-container .main-container .table-container th .item-table p { font-style: normal; font-weight: 700; line-height: 150%; /* 18px */ letter-spacing: 0.96px; text-transform: uppercase; } .cmp-component-table .component-content-container .main-container .table-container th .item-table p .colored-red { color: #C8102E; } .cmp-component-table .component-content-container .main-container .table-container th .item-table .colored-red { color: #C8102E; } .cmp-component-table .component-content-container .main-container .table-container td.edit-mode { overflow: hidden; } .cmp-component-table .component-content-container .main-container .table-container td .item-content-table { color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-component-table .component-content-container .main-container .table-container td .item-content-table { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-component-table .component-content-container .main-container .table-container td .item-content-table { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-component-table .component-content-container .main-container .table-container td .item-content-table { font-size: 16px; } } .cmp-component-table .component-content-container .main-container .table-container td .item-content-table { font-style: normal; font-weight: 400; line-height: 170%; letter-spacing: normal; min-width: 190px; } .cmp-component-table .component-content-container .main-container .table-container td .item-content-table p { color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-component-table .component-content-container .main-container .table-container td .item-content-table p { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-component-table .component-content-container .main-container .table-container td .item-content-table p { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-component-table .component-content-container .main-container .table-container td .item-content-table p { font-size: 16px; } } .cmp-component-table .component-content-container .main-container .table-container td .item-content-table p { font-style: normal; font-weight: 400; line-height: 170%; letter-spacing: normal; } .cmp-component-table .component-content-container .main-container .table-container td .item-content-table p .colored-red { color: #C8102E; } .cmp-component-table .component-content-container .main-container .table-container td .item-content-table p .small-style { font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-component-table .component-content-container .main-container .table-container td .item-content-table p .small-style { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-component-table .component-content-container .main-container .table-container td .item-content-table p .small-style { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-component-table .component-content-container .main-container .table-container td .item-content-table p .small-style { font-size: 16px; } } .cmp-component-table .component-content-container .main-container .table-container td .item-content-table p .small-style { font-style: normal; font-weight: 700; line-height: 170%; /* 30.6px */ } .cmp-component-table .component-content-container .main-container .table-footer-text { margin-top: 20px; } .cmp-component-table .component-content-container .main-container .table-footer-text p .colored-red { color: #C8102E; } .cmp-component-table .component-content-container .main-container .table-footer-text .colored-red { color: #C8102E; } .cmp-component-table .component-content-container .main-container .button-container-mobile { display: none; padding-top: 32px; } @media (max-width: 768px) { .cmp-component-table .component-content-container .main-container .button-container-mobile { display: block; } } .cmp-download-grid.cmp-background__white { background-color: #FFFFFF; } .cmp-download-grid.cmp-background__grey { background-color: #F1F1F3; } .cmp-download-grid.cmp-background__grey .tab-container .tabcontent .documemnt-card { background: #FFFFFF; } .cmp-download-grid .tab-container { max-width: 1440px; margin: 0 auto; padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-download-grid .tab-container { padding-bottom: 24px; } } .cmp-download-grid .tab-container { padding-left: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-download-grid .tab-container { padding-left: 24px; } } .cmp-download-grid .tab-container { padding-right: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-download-grid .tab-container { padding-right: 24px; } } .cmp-download-grid .tab-container .tab { overflow: hidden; background-color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (max-width: 768px) { .cmp-download-grid .tab-container .tab { overflow-x: auto; white-space: nowrap; } } .cmp-download-grid .tab-container .tab::-webkit-scrollbar { display: none; } .cmp-download-grid .tab-container .select-years { appearance: none; /* Nascondi la freccia di default */ -webkit-appearance: none; -moz-appearance: none; margin-left: 40px; border: 1.5px solid #CCCDCF; padding: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6666 2.43609L7.00003 9.10268L0.333292 2.43594L1.87177 0.89746L7.00003 6.02573L12.1281 0.897613L13.6666 2.43609Z' fill='%23545859'/%3E%3C/svg%3E") no-repeat right 16px center; padding-right: 16px; width: 100%; color: #545859; font-size: 28px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-download-grid .tab-container .select-years { font-size: 24px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-download-grid .tab-container .select-years { font-size: 20px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-download-grid .tab-container .select-years { font-size: 16px; } } .cmp-download-grid .tab-container .select-years { font-style: normal; font-weight: 400; line-height: 130%; } @media (max-width: 768px) { .cmp-download-grid .tab-container .select-years { width: 100%; margin-left: 0px; } } .cmp-download-grid .tab-container .select-years option { color: #545859; font-size: 28px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-download-grid .tab-container .select-years option { font-size: 24px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-download-grid .tab-container .select-years option { font-size: 20px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-download-grid .tab-container .select-years option { font-size: 16px; } } .cmp-download-grid .tab-container .select-years option { font-style: normal; font-weight: 400; line-height: 130%; } @media (max-width: 768px) { .cmp-download-grid .tab-container .select-years { display: none; } } .cmp-download-grid .tab-container .select-years.mobile { display: none; } @media (max-width: 768px) { .cmp-download-grid .tab-container .select-years.mobile { margin-top: 32px; display: block; } } .cmp-download-grid .tab-container .select-years:focus { outline: none; /* Rimuovi il contorno di default */ } .cmp-download-grid .tab-container .tab.no-tab-active { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .cmp-download-grid .tab-container .tab button { background-color: inherit; float: left; outline: none; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; border-top: none; border-left: none; border-right: none; width: 100%; border-bottom: 1.5px solid var(--Border-default, #CCCDCF); padding: 0px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 768px) { .cmp-download-grid .tab-container .tab button { padding-right: 40px; text-align: start; } } .cmp-download-grid .tab-container .tab button .button-number { color: #545859; font-size: 36px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-download-grid .tab-container .tab button .button-number { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-download-grid .tab-container .tab button .button-number { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-download-grid .tab-container .tab button .button-number { font-size: 24px; } } .cmp-download-grid .tab-container .tab button .button-number { font-style: normal; font-weight: 400; line-height: 120%; } .cmp-download-grid .tab-container .tab button .button-text { color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-download-grid .tab-container .tab button .button-text { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-download-grid .tab-container .tab button .button-text { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-download-grid .tab-container .tab button .button-text { font-size: 16px; } } .cmp-download-grid .tab-container .tab button .button-text { font-style: normal; font-weight: 400; line-height: 170%; text-align: left; } .cmp-download-grid .tab-container .tablinks:nth-of-type(n+2) { padding-left: 40px; } @media (max-width: 768px) { .cmp-download-grid .tab-container .tablinks:nth-of-type(n+2) { padding-left: 0px; } } .cmp-download-grid .tab-container .tablinks.disabled { cursor: default; } .cmp-download-grid .tab-container .tablinks.disabled .button-text { color: rgba(0, 0, 0, 0.3); } .cmp-download-grid .tab-container .tab button.active { border-bottom: 1.5px solid var(--Border-active, #C8102E); } .cmp-download-grid .tab-container .tab button.active .button-number { color: var(--text-icon-accent, #C8102E); } .cmp-download-grid .tab-container .tab button.active .button-text { color: var(--text-icon-accent, #C8102E); } @media (max-width: 768px) { .cmp-download-grid .tab-container .tabcontent { padding-top: 24px; } } .cmp-download-grid .tab-container .tabcontent { padding-top: 80px; display: none; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; } .cmp-download-grid .tab-container .tabcontent.avtivateTab { display: grid; } .cmp-download-grid .tab-container .tabcontent .article-card { border-bottom: 1px solid #CCCDCF; } .cmp-download-grid .tab-container .tabcontent .article-card .doc-image img { height: 224px; width: 100%; -o-object-fit: cover; object-fit: cover; } .cmp-download-grid .tab-container .tabcontent .article-card .doc-title { margin-top: 24px; margin-bottom: 24px; color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-download-grid .tab-container .tabcontent .article-card .doc-title { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-download-grid .tab-container .tabcontent .article-card .doc-title { font-size: 18px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-download-grid .tab-container .tabcontent .article-card .doc-title { font-size: 16px; } } .cmp-download-grid .tab-container .tabcontent .article-card .doc-title { font-style: normal; font-weight: 400; line-height: 150%; } .cmp-download-grid .tab-container .tabcontent .article-card .doc-date { color: #545859; font-size: 14px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-download-grid .tab-container .tabcontent .article-card .doc-date { font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-download-grid .tab-container .tabcontent .article-card .doc-date { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-download-grid .tab-container .tabcontent .article-card .doc-date { font-size: 10px; } } .cmp-download-grid .tab-container .tabcontent .article-card .doc-date { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 0.96px; text-transform: uppercase; padding-bottom: 24px; } .cmp-download-grid .tab-container .tabcontent .documemnt-card { padding: 16px; background: #F1F1F3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 200px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cmp-download-grid .tab-container .tabcontent .documemnt-card .doc-date { color: #545859; font-size: 14px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-download-grid .tab-container .tabcontent .documemnt-card .doc-date { font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-download-grid .tab-container .tabcontent .documemnt-card .doc-date { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-download-grid .tab-container .tabcontent .documemnt-card .doc-date { font-size: 10px; } } .cmp-download-grid .tab-container .tabcontent .documemnt-card .doc-date { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 0.96px; text-transform: uppercase; } .cmp-download-grid .tab-container .tabcontent .documemnt-card .doc-title { color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-download-grid .tab-container .tabcontent .documemnt-card .doc-title { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-download-grid .tab-container .tabcontent .documemnt-card .doc-title { font-size: 18px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-download-grid .tab-container .tabcontent .documemnt-card .doc-title { font-size: 16px; } } .cmp-download-grid .tab-container .tabcontent .documemnt-card .doc-title { font-style: normal; font-weight: 400; line-height: 150%; } .cmp-download-grid .tab-container .tabcontent .documemnt-card .doc-command-container { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding-top: 40px; } @media (max-width: 768px) { .cmp-download-grid .tab-container .tabcontent .documemnt-card { min-height: 100px; } } .cmp-download-grid .tab-container .tabcontent .empty-tab { display: block; } .cmp-download-grid .tab-container .tabcontent .empty-tab.active { display: block; } .cmp-download-grid .tab-container .tabcontent .empty-message { width: 800px; color: #545859; font-size: 40px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-download-grid .tab-container .tabcontent .empty-message { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-download-grid .tab-container .tabcontent .empty-message { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-download-grid .tab-container .tabcontent .empty-message { font-size: 20px; } } .cmp-download-grid .tab-container .tabcontent .empty-message { font-style: normal; font-weight: 400; line-height: 130%; /* 41.6px */ } .cmp-download-grid .tab-container .pagination { width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 80px; } @media (max-width: 768px) { .cmp-download-grid .tab-container .pagination .pagination-item-content { display: none; } } .cmp-download-grid .tab-container .pagination .pagination-item-content-mobile { display: none; } @media (max-width: 768px) { .cmp-download-grid .tab-container .pagination .pagination-item-content-mobile { margin-right: 16px; margin-left: 8px; display: block; } } .cmp-download-grid .tab-container .pagination .pagination-item-content-mobile .current-page { color: #C8102E; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-download-grid .tab-container .pagination .pagination-item-content-mobile .current-page { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-download-grid .tab-container .pagination .pagination-item-content-mobile .current-page { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-download-grid .tab-container .pagination .pagination-item-content-mobile .current-page { font-size: 12px; } } .cmp-download-grid .tab-container .pagination .pagination-item-content-mobile .current-page { font-style: normal; font-weight: 700; line-height: 140%; letter-spacing: 1.12px; text-transform: uppercase; } .cmp-download-grid .tab-container .pagination .pagination-item-content-mobile .total-page { color: #545859; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-download-grid .tab-container .pagination .pagination-item-content-mobile .total-page { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-download-grid .tab-container .pagination .pagination-item-content-mobile .total-page { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-download-grid .tab-container .pagination .pagination-item-content-mobile .total-page { font-size: 12px; } } .cmp-download-grid .tab-container .pagination .pagination-item-content-mobile .total-page { font-style: normal; font-weight: 700; line-height: 140%; letter-spacing: 1.12px; text-transform: uppercase; } .cmp-download-grid .tab-container .pagination .pagination-item { width: 48px; height: 48px; background-color: transparent; border: 1px solid var(--Border-default, #CCCDCF); margin-right: 8px; color: #545859; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-download-grid .tab-container .pagination .pagination-item { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-download-grid .tab-container .pagination .pagination-item { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-download-grid .tab-container .pagination .pagination-item { font-size: 12px; } } .cmp-download-grid .tab-container .pagination .pagination-item { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 1.12px; text-transform: uppercase; } @media (max-width: 768px) { .cmp-download-grid .tab-container .pagination .pagination-item { width: 40px; height: 40px; } } .cmp-download-grid .tab-container .pagination .pagination-item.active { color: #FFF; background: var(--text-icon-accent, #C8102E); } .cmp-download-grid .tab-container .pagination .pagination-item.next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' viewBox='0 0 8 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.07707 0L7.07701 4.99994L2.07696 10L0.923096 8.84614L4.76929 4.99994L0.92321 1.15386L2.07707 0Z' fill='%23545859'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; } .cmp-download-grid .tab-container .pagination .pagination-item.next.disabled { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' viewBox='0 0 8 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.07707 0L7.07701 4.99994L2.07696 10L0.923096 8.84614L4.76929 4.99994L0.92321 1.15386L2.07707 0Z' fill='%23CCCDCF'/%3E%3C/svg%3E"); } .cmp-download-grid .tab-container .pagination .pagination-item.end { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg' x='0'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M1.15397 0L6.15392 4.99994L1.15386 10L0 8.84614L3.8462 4.99994L0.000114442 1.15386L1.15397 0Z' fill='%23545859' /%3E%3C/svg%3E%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg' x='7'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M1.15397 0L6.15392 4.99994L1.15386 10L0 8.84614L3.8462 4.99994L0.000114442 1.15386L1.15397 0Z' fill='%23545859' /%3E%3C/svg%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 13px; } .cmp-download-grid .tab-container .pagination .pagination-item.end.disabled { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none' x='0'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.15397 0L6.15392 4.99994L1.15386 10L0 8.84614L3.8462 4.99994L0.000114442 1.15386L1.15397 0Z' fill='%23CCCDCF' /%3E%3C/svg%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none' x='7'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.15397 0L6.15392 4.99994L1.15386 10L0 8.84614L3.8462 4.99994L0.000114442 1.15386L1.15397 0Z' fill='%23CCCDCF' /%3E%3C/svg%3E%3C/svg%3E"); } .cmp-download-grid .tab-container .pagination .pagination-item.prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' viewBox='0 0 8 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.92293 10L0.922988 5.00006L5.92305 -1.00874e-07L7.07691 1.15386L3.23071 5.00006L7.07679 8.84614L5.92293 10Z' fill='%23545859'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; } .cmp-download-grid .tab-container .pagination .pagination-item.prev.disabled { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' viewBox='0 0 8 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.92293 10L0.922988 5.00006L5.92305 -1.00874e-07L7.07691 1.15386L3.23071 5.00006L7.07679 8.84614L5.92293 10Z' fill='%23CCCDCF'/%3E%3C/svg%3E"); } .cmp-download-grid .tab-container .pagination .pagination-item.init { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg' x='0'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.99983 10L-0.000107765 5.00006L4.99995 0L6.15381 1.15386L2.30761 5.00006L6.15369 8.84614L4.99983 10Z' fill='%23545859' /%3E%3C/svg%3E%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg' x='7'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.99983 10L-0.000107765 5.00006L4.99995 0L6.15381 1.15386L2.30761 5.00006L6.15369 8.84614L4.99983 10Z' fill='%23545859' /%3E%3C/svg%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 13px; } .cmp-download-grid .tab-container .pagination .pagination-item.init.disabled { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none' x='0'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.99983 10L-0.000107765 5.00006L4.99995 0L6.15381 1.15386L2.30761 5.00006L6.15369 8.84614L4.99983 10Z' fill='%23CCCDCF' /%3E%3C/svg%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none' x='7'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.99983 10L-0.000107765 5.00006L4.99995 0L6.15381 1.15386L2.30761 5.00006L6.15369 8.84614L4.99983 10Z' fill='%23CCCDCF' /%3E%3C/svg%3E%3C/svg%3E"); } .cmp-footer-simple .cmp-link__screen-reader-only { display: none; } .cmp-footer-simple .footer-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: end; padding: 40px; } .cmp-footer-simple .footer-top .image-container img, .cmp-footer-simple .footer-top .image-container-mobile img { height: 100%; width: 100%; } .cmp-footer-simple .footer-top .image-container-mobile { display: none; } @media (max-width: 768px) { .cmp-footer-simple .footer-top { padding: 32px 24px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .cmp-footer-simple .footer-top .image-container-mobile { display: block; } .cmp-footer-simple .footer-top .image-container { display: none; } } .cmp-footer-simple .footer-top .claim { text-align: end; color: #545859; font-size: 48px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-footer-simple .footer-top .claim { font-size: 40px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-footer-simple .footer-top .claim { font-size: 32px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-footer-simple .footer-top .claim { font-size: 24px; } } .cmp-footer-simple .footer-top .claim { font-style: normal; font-weight: 400; line-height: 120%; /* 48px */ letter-spacing: -0.4px; } @media (max-width: 768px) { .cmp-footer-simple .footer-top .claim { text-align: start; } } .cmp-footer-simple .footer-top .claim { margin: 0; } @media (max-width: 768px) { .cmp-footer-simple .footer-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 32px; } } .cmp-footer-simple .footer-top.cmp-background__white { background-color: #FFFFFF; } .cmp-footer-simple .footer-top.cmp-background__grey { background-color: #F1F1F3; } .cmp-footer-simple .footer-container { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #333333; margin-right: -1px; } @media (max-width: 768px) { .cmp-footer-simple .footer-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cmp-footer-simple .footer-item { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cmp-footer-simple .footer-item.company-info { padding: 64px 40px; max-width: 33%; } @media (max-width: 768px) { .cmp-footer-simple .footer-item.company-info { max-width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .cmp-footer-simple .footer-item.company-info p { line-height: 21px; color: #FFFFFF; opacity: 0.7; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-footer-simple .footer-item.company-info p { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-footer-simple .footer-item.company-info p { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-footer-simple .footer-item.company-info p { font-size: 12px; } } @media (max-width: 768px) { .cmp-footer-simple .footer-item.company-info p { line-height: 18px; } } .cmp-footer-simple .footer-item.company-info .company-social { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 8px; } .cmp-footer-simple .footer-item.company-info .company-social p { font-size: 18px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-footer-simple .footer-item.company-info .company-social p { font-size: 16px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-footer-simple .footer-item.company-info .company-social p { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-footer-simple .footer-item.company-info .company-social p { font-size: 14px; } } .cmp-footer-simple .footer-item.company-info .company-social img { margin-bottom: 3px; } @media (max-width: 768px) { .cmp-footer-simple .footer-item.company-info .company-social { margin-top: 16px; } } .cmp-footer-simple .footer-item.main-link { display: grid; grid-template-rows: repeat(4, auto); grid-auto-flow: column; } @media (max-width: 768px) { .cmp-footer-simple .footer-item.main-link { grid-template-rows: none; grid-auto-flow: unset; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .cmp-footer-simple .footer-item.main-link .link-container { border-right: 1px solid rgba(255, 255, 255, 0.3); } @media (max-width: 768px) { .cmp-footer-simple .footer-item.main-link .link-container { border-right: none; } } .cmp-footer-simple .footer-item.main-link .link-container { padding-left: 80px; padding-right: 40px; padding-top: 40px; } @media (max-width: 768px) { .cmp-footer-simple .footer-item.main-link .link-container { padding-left: unset; padding-right: unset; padding-top: unset; } } .cmp-footer-simple .footer-item.main-link .link-container a { font-size: 28px; color: #FFFFFF; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-footer-simple .footer-item.main-link .link-container a { font-size: 24px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-footer-simple .footer-item.main-link .link-container a { font-size: 20px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-footer-simple .footer-item.main-link .link-container a { font-size: 16px; } } .cmp-footer-simple .footer-item.main-link .link-container a { /*@media (max-width: $break-point-mobile) { border-right:none; } //padding-left: 80px; //padding-right: 40px; //padding-top:40px; /*@media (max-width: $break-point-mobile) { padding-left: unset; padding-right: unset; padding-top:unset; }*/ } .cmp-footer-simple .footer-item.main-link .link-container:nth-child(4n+1) { padding-top: 64px; } @media (max-width: 768px) { .cmp-footer-simple .footer-item.main-link .link-container:nth-child(4n+1) { padding-top: unset; } } .cmp-footer-simple .footer-item.main-link .link-container:nth-child(4n) { padding-bottom: 56px; } @media (max-width: 768px) { .cmp-footer-simple .footer-item.main-link .link-container:nth-child(4n) { padding-bottom: unset; } } @media (max-width: 768px) { .cmp-footer-simple .footer-item.main-link { gap: 24px; } } .cmp-footer-simple .footer-item.main-link { /*a:nth-child(4n+1){ padding-top:64px; @media (max-width: $break-point-mobile) { padding-top: unset; } } a:nth-child(4n){ padding-bottom:56px; @media (max-width: $break-point-mobile) { padding-bottom: unset; } }*/ } @media (max-width: 768px) { .cmp-footer-simple .footer-item { padding: 24px !important; } } .cmp-footer-simple .footer-item:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, 0.3); } @media (max-width: 768px) { .cmp-footer-simple .footer-item:not(:last-child) { border-right: unset; } } .cmp-footer-simple .footer-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 40px; background-color: #333333; } @media (max-width: 768px) { .cmp-footer-simple .footer-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 24px; gap: 16px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } } .cmp-footer-simple .footer-legal { color: #FFFFFF; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-footer-simple .footer-legal { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-footer-simple .footer-legal { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-footer-simple .footer-legal { font-size: 12px; } } .cmp-footer-simple .footer-policy-links { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 45px; } .cmp-footer-simple .footer-policy-links a { color: #FFFFFF; text-decoration: underline; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-footer-simple .footer-policy-links a { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-footer-simple .footer-policy-links a { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-footer-simple .footer-policy-links a { font-size: 12px; } } @media (max-width: 768px) { .cmp-footer-simple .footer-policy-links { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cmp-footer .cmp-link__screen-reader-only { display: none; } .cmp-footer .footer-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: end; padding: 40px; } .cmp-footer .footer-top .image-container img, .cmp-footer .footer-top .image-container-mobile img { height: 100%; width: 100%; } .cmp-footer .footer-top .image-container-mobile { display: none; } @media (max-width: 768px) { .cmp-footer .footer-top { padding: 32px 24px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .cmp-footer .footer-top .image-container-mobile { display: block; } .cmp-footer .footer-top .image-container { display: none; } } .cmp-footer .footer-top .claim { text-align: end; color: #545859; font-size: 48px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-footer .footer-top .claim { font-size: 40px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-footer .footer-top .claim { font-size: 32px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-footer .footer-top .claim { font-size: 24px; } } .cmp-footer .footer-top .claim { font-style: normal; font-weight: 400; line-height: 120%; /* 48px */ letter-spacing: -0.4px; } @media (max-width: 768px) { .cmp-footer .footer-top .claim { text-align: start; } } .cmp-footer .footer-top .claim { margin: 0; } @media (max-width: 768px) { .cmp-footer .footer-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 32px; } } .cmp-footer .footer-top.cmp-background__white { background-color: #FFFFFF; } .cmp-footer .footer-top.cmp-background__grey { background-color: #F1F1F3; } .cmp-footer .footer-container { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #333333; margin-right: -1px; } @media (max-width: 768px) { .cmp-footer .footer-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cmp-footer .footer-item { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cmp-footer .footer-item.company-info { padding: 64px 40px; max-width: 33%; } @media (max-width: 768px) { .cmp-footer .footer-item.company-info { max-width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .cmp-footer .footer-item.company-info p { line-height: 21px; color: #FFFFFF; opacity: 0.7; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-footer .footer-item.company-info p { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-footer .footer-item.company-info p { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-footer .footer-item.company-info p { font-size: 12px; } } @media (max-width: 768px) { .cmp-footer .footer-item.company-info p { line-height: 18px; } } .cmp-footer .footer-item.company-info .company-social { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 8px; } .cmp-footer .footer-item.company-info .company-social p { font-size: 18px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-footer .footer-item.company-info .company-social p { font-size: 16px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-footer .footer-item.company-info .company-social p { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-footer .footer-item.company-info .company-social p { font-size: 14px; } } .cmp-footer .footer-item.company-info .company-social img { margin-bottom: 3px; } @media (max-width: 768px) { .cmp-footer .footer-item.company-info .company-social { margin-top: 16px; } } .cmp-footer .footer-item.main-link { display: grid; grid-template-rows: repeat(4, auto); grid-auto-flow: column; } @media (max-width: 768px) { .cmp-footer .footer-item.main-link { grid-template-rows: none; grid-auto-flow: unset; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .cmp-footer .footer-item.main-link .link-container { border-right: 1px solid rgba(255, 255, 255, 0.3); } @media (max-width: 768px) { .cmp-footer .footer-item.main-link .link-container { border-right: none; } } .cmp-footer .footer-item.main-link .link-container { padding-left: 80px; padding-right: 40px; padding-top: 40px; } @media (max-width: 768px) { .cmp-footer .footer-item.main-link .link-container { padding-left: unset; padding-right: unset; padding-top: unset; } } .cmp-footer .footer-item.main-link .link-container a { font-size: 28px; color: #FFFFFF; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-footer .footer-item.main-link .link-container a { font-size: 24px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-footer .footer-item.main-link .link-container a { font-size: 20px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-footer .footer-item.main-link .link-container a { font-size: 16px; } } .cmp-footer .footer-item.main-link .link-container a { /*@media (max-width: $break-point-mobile) { border-right:none; } //padding-left: 80px; //padding-right: 40px; //padding-top:40px; /*@media (max-width: $break-point-mobile) { padding-left: unset; padding-right: unset; padding-top:unset; }*/ } .cmp-footer .footer-item.main-link .link-container:nth-child(4n+1) { padding-top: 64px; } @media (max-width: 768px) { .cmp-footer .footer-item.main-link .link-container:nth-child(4n+1) { padding-top: unset; } } .cmp-footer .footer-item.main-link .link-container:nth-child(4n) { padding-bottom: 56px; } @media (max-width: 768px) { .cmp-footer .footer-item.main-link .link-container:nth-child(4n) { padding-bottom: unset; } } @media (max-width: 768px) { .cmp-footer .footer-item.main-link { gap: 24px; } } .cmp-footer .footer-item.main-link { /*a:nth-child(4n+1){ padding-top:64px; @media (max-width: $break-point-mobile) { padding-top: unset; } } a:nth-child(4n){ padding-bottom:56px; @media (max-width: $break-point-mobile) { padding-bottom: unset; } }*/ } @media (max-width: 768px) { .cmp-footer .footer-item { padding: 24px !important; } } .cmp-footer .footer-item:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, 0.3); } @media (max-width: 768px) { .cmp-footer .footer-item:not(:last-child) { border-right: unset; } } .cmp-footer .footer-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 40px; background-color: #333333; } @media (max-width: 768px) { .cmp-footer .footer-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 24px; gap: 16px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } } .cmp-footer .footer-legal { color: #FFFFFF; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-footer .footer-legal { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-footer .footer-legal { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-footer .footer-legal { font-size: 12px; } } .cmp-footer .footer-policy-links { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 45px; } .cmp-footer .footer-policy-links a { color: #FFFFFF; text-decoration: underline; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-footer .footer-policy-links a { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-footer .footer-policy-links a { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-footer .footer-policy-links a { font-size: 12px; } } @media (max-width: 768px) { .cmp-footer .footer-policy-links { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cmp-full-video-image { height: auto; } .cmp-full-video-image.cmp-background__white { background-color: #FFFFFF; } .cmp-full-video-image.cmp-background__grey { background-color: #F1F1F3; } .cmp-full-video-image .component-container { max-width: 1440px; margin: 0 auto; padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-full-video-image .component-container { padding-bottom: 24px; } } .cmp-full-video-image .component-container { padding-left: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-full-video-image .component-container { padding-left: 24px; } } .cmp-full-video-image .component-container { padding-right: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-full-video-image .component-container { padding-right: 24px; } } .cmp-full-video-image .component-container .image-container { display: block; height: auto; } @media (max-width: 768px) { .cmp-full-video-image .component-container .image-container { display: none; } } .cmp-full-video-image .component-container .image-container img { width: 100%; } .cmp-full-video-image .component-container .image-container-mobile { display: block; height: auto; } @media (min-width: 769px) { .cmp-full-video-image .component-container .image-container-mobile { display: none; } } .cmp-full-video-image .component-container .image-container-mobile img { width: 100%; } .cmp-full-video-image .component-container iframe { min-height: 600px; } main .cmp-header-simple { margin-top: -50px; } .cmp-header-simple { width: 100%; z-index: 2; } @media (max-width: 768px) { .cmp-header-simple { margin-top: -24px; } } .cmp-header-simple.absolute { position: absolute; } .cmp-header-simple.fixed { position: fixed; } .cmp-header-simple .cmp-link__screen-reader-only { display: none; } .cmp-header-simple .menu-container { width: 100%; background: rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cmp-header-simple .menu-container.no-home-header { background: #FFF; border-bottom: 1px solid #CCCDCF; height: 90px; } .cmp-header-simple .menu-container.no-home-header .logo-container-other { padding-left: 32px; display: block; } .cmp-header-simple .menu-container.no-home-header .logo-container-other img { max-width: 301px; max-height: 64px; } .cmp-header { width: 100%; z-index: 2; } @media (max-width: 1194px) { .cmp-header .cmp-header-desk { display: none; } } .cmp-header.absolute { position: absolute; } .cmp-header.fixed { position: fixed; } .cmp-header .cmp-link__screen-reader-only { display: none; } .cmp-header .pre-header-container { background: rgba(0, 0, 0, 0.3); height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 32px; } .cmp-header .pre-header-container .navigation-item a { color: #FFF; font-size: 14px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-header .pre-header-container .navigation-item a { font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-header .pre-header-container .navigation-item a { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-header .pre-header-container .navigation-item a { font-size: 10px; } } .cmp-header .pre-header-container .navigation-item a { font-style: normal; font-weight: 700; line-height: 150%; /* 18px */ letter-spacing: 0.96px; text-transform: uppercase; text-decoration: none; } .cmp-header .pre-header-container .navigator { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cmp-header .pre-header-container .navigator .navigation-icon { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M9.16024 14.2127C8.75046 14.2945 8.32646 14.3371 7.89269 14.3371C4.33358 14.3371 1.44824 11.4518 1.44824 7.89269C1.44824 4.33358 4.33358 1.44824 7.89269 1.44824C11.4518 1.44824 14.3371 4.33358 14.3371 7.89269C14.3371 8.12735 14.3247 8.35846 14.3007 8.58602' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M5.03274 2.11621C5.40739 1.93116 5.8059 1.78021 6.2249 1.66794C9.66274 0.746775 13.1965 2.78701 14.1177 6.22485C15.0389 9.66269 12.9986 13.1965 9.56079 14.1177C6.12295 15.0388 2.58915 12.9986 1.66799 9.56074C1.60725 9.33407 1.55946 9.10761 1.52374 8.8816' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_3' d='M14.3371 7.89274C14.3371 6.41985 11.4518 5.22607 7.89269 5.22607C4.33358 5.22607 1.44824 6.41985 1.44824 7.89274C1.44824 9.35585 4.29713 10.5443 7.82602 10.5594' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_4' d='M1.44802 7.8929C1.44802 9.36579 4.33336 10.5596 7.89247 10.5596C11.4516 10.5596 14.3369 9.36579 14.3369 7.8929C14.3369 6.42979 11.488 5.24135 7.95914 5.22624' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_5' d='M10.547 7.26424C10.4163 4.00024 9.27763 1.44824 7.89274 1.44824C6.41985 1.44824 5.22607 4.33358 5.22607 7.89269C5.22607 11.4518 6.41985 14.3371 7.89274 14.3371' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_6' d='M5.22599 8.5214C5.35665 11.7854 6.49532 14.3374 7.88021 14.3374C9.3531 14.3374 10.5469 11.4521 10.5469 7.89296C10.5469 4.33385 9.3531 1.44851 7.88021 1.44851' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; width: 16px; height: 16px; margin-right: 8px; } .cmp-header .pre-header-container .navigator.show { display: -webkit-box; display: -ms-flexbox; display: flex; } .cmp-header .pre-header-container .custom-link { display: -webkit-box; display: -ms-flexbox; display: flex; } .cmp-header .pre-header-container .custom-link .navigation-item { padding-right: 32px; } .cmp-header .pre-header-container.no-home-header { background: #F1F1F3; border-bottom: 1px solid #CCCDCF; } .cmp-header .pre-header-container.no-home-header .navigation-icon { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M9.16024 14.2127C8.75046 14.2945 8.32646 14.3371 7.89269 14.3371C4.33358 14.3371 1.44824 11.4518 1.44824 7.89269C1.44824 4.33358 4.33358 1.44824 7.89269 1.44824C11.4518 1.44824 14.3371 4.33358 14.3371 7.89269C14.3371 8.12735 14.3247 8.35846 14.3007 8.58602' stroke='%23545859' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M5.03274 2.11621C5.40739 1.93116 5.8059 1.78021 6.2249 1.66794C9.66274 0.746775 13.1965 2.78701 14.1177 6.22485C15.0389 9.66269 12.9986 13.1965 9.56079 14.1177C6.12295 15.0388 2.58915 12.9986 1.66799 9.56074C1.60725 9.33407 1.55946 9.10761 1.52374 8.8816' stroke='%23545859' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_3' d='M14.3371 7.89274C14.3371 6.41985 11.4518 5.22607 7.89269 5.22607C4.33358 5.22607 1.44824 6.41985 1.44824 7.89274C1.44824 9.35585 4.29713 10.5443 7.82602 10.5594' stroke='%23545859' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_4' d='M1.44802 7.8929C1.44802 9.36579 4.33336 10.5596 7.89247 10.5596C11.4516 10.5596 14.3369 9.36579 14.3369 7.8929C14.3369 6.42979 11.488 5.24135 7.95914 5.22624' stroke='%23545859' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_5' d='M10.547 7.26424C10.4163 4.00024 9.27763 1.44824 7.89274 1.44824C6.41985 1.44824 5.22607 4.33358 5.22607 7.89269C5.22607 11.4518 6.41985 14.3371 7.89274 14.3371' stroke='%23545859' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_6' d='M5.22599 8.5214C5.35665 11.7854 6.49532 14.3374 7.88021 14.3374C9.3531 14.3374 10.5469 11.4521 10.5469 7.89296C10.5469 4.33385 9.3531 1.44851 7.88021 1.44851' stroke='%23545859' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; width: 16px; height: 16px; margin-right: 8px; } .cmp-header .pre-header-container.no-home-header .navigation-item a { color: #545859; } .cmp-header .pre-header-container.no-home-header .navigator > div:first-of-type::after { color: #545859; } .cmp-header .menu-container { width: 100%; background: rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cmp-header .menu-container .logo-container-home { padding-left: 32px; display: block; } .cmp-header .menu-container .logo-container-home img { max-width: 301px; max-height: 64px; } .cmp-header .menu-container .logo-container-other { padding-left: 32px; display: none; } .cmp-header .menu-container.no-home-header { background: #FFF; border-bottom: 1px solid #CCCDCF; } .cmp-header .menu-container.no-home-header .navigation-container .tab .tablinks { color: #545859; } .cmp-header .menu-container.no-home-header .navigation-container .tab .tablinks a { color: #545859; } .cmp-header .menu-container.no-home-header .navigation-container .tab .tablinks.active { background: #F1F1F3; } .cmp-header .menu-container.no-home-header .navigation-container .tab .tablinks .cmp-icon { background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M10 2.07683L5.00006 7.07677L-5.04368e-08 2.07671L1.15386 0.922851L5.00006 4.76905L8.84614 0.922966L10 2.07683Z' fill='%23545859'/%3E%3C/svg%3E"); } .cmp-header .menu-container.no-home-header .navigation-container .tab .tablinks .cmp-icon-open { background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M-5.04418e-08 5.92317L4.99994 0.923232L10 5.92329L8.84614 7.07715L4.99994 3.23095L1.15386 7.07703L-5.04418e-08 5.92317Z' fill='%23545859'/%3E%3C/svg%3E"); } .cmp-header .menu-container.no-home-header .navigation-container .tabcontent { background: #F1F1F3; z-index: 4444444; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } .cmp-header .menu-container.no-home-header .navigation-container .tabcontent .tab-item .single-item a { color: #545859; } .cmp-header .menu-container.no-home-header .navigation-container .tabcontent .tab-item .single-item.is-current-page a { color: #C8102E; } .cmp-header .menu-container.no-home-header .navigation-container .tabcontent .tab-item .single-item.third a { font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-header .menu-container.no-home-header .navigation-container .tabcontent .tab-item .single-item.third a { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-header .menu-container.no-home-header .navigation-container .tabcontent .tab-item .single-item.third a { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-header .menu-container.no-home-header .navigation-container .tabcontent .tab-item .single-item.third a { font-size: 16px; } } .cmp-header .menu-container.no-home-header .logo-container-home { padding-left: 32px; display: none; } .cmp-header .menu-container.no-home-header .logo-container-other { padding-left: 32px; display: block; } .cmp-header .menu-container.no-home-header .logo-container-other img { max-width: 301px; max-height: 64px; } .cmp-header .menu-container .navigation-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: relative; } .cmp-header .menu-container .navigation-container .tab { display: -webkit-box; display: -ms-flexbox; display: flex; } .cmp-header .menu-container .navigation-container .tab .tablinks { background: rgba(0, 0, 0, 0.1); color: #FFF; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-header .menu-container .navigation-container .tab .tablinks { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-header .menu-container .navigation-container .tab .tablinks { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-header .menu-container .navigation-container .tab .tablinks { font-size: 16px; } } .cmp-header .menu-container .navigation-container .tab .tablinks { font-style: normal; font-weight: 400; line-height: 170%; /* 30.6px */ background: transparent; border: none; min-height: 96px; padding: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1022px) { .cmp-header .menu-container .navigation-container .tab .tablinks { padding: 12px; } } .cmp-header .menu-container .navigation-container .tab .tablinks .cmp-icon { margin-left: 24px; width: 10px; height: 8px; background-repeat: no-repeat; padding-left: 24px; background-image: url("data:image/svg+xml, %3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 2.07683L5.00006 7.07677L-5.04368e-08 2.07671L1.15386 0.922851L5.00006 4.76905L8.84614 0.922966L10 2.07683Z' fill='white'/%3E%3C/svg%3E"); } @media (max-width: 1022px) { .cmp-header .menu-container .navigation-container .tab .tablinks .cmp-icon { margin-left: 8px; } } .cmp-header .menu-container .navigation-container .tab .tablinks .cmp-icon-open { margin-left: 24px; width: 10px; height: 8px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M-5.04418e-08 5.92317L4.99994 0.923232L10 5.92329L8.84614 7.07715L4.99994 3.23095L1.15386 7.07703L-5.04418e-08 5.92317Z' fill='white'/%3E%3C/svg%3E"); padding-left: 24px; display: none; } @media (max-width: 1022px) { .cmp-header .menu-container .navigation-container .tab .tablinks .cmp-icon-open { margin-left: 8px; } } .cmp-header .menu-container .navigation-container .tab .tablinks.active { border-bottom: 1px solid #C8102E; background: rgba(0, 0, 0, 0.3); } .cmp-header .menu-container .navigation-container .tab .tablinks.active .cmp-icon { display: none; padding-left: 24px; } .cmp-header .menu-container .navigation-container .tab .tablinks.active .cmp-icon-open { padding-left: 24px; display: block; } .cmp-header .menu-container .navigation-container .tab .tablinks a { color: #FFF; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-header .menu-container .navigation-container .tab .tablinks a { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-header .menu-container .navigation-container .tab .tablinks a { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-header .menu-container .navigation-container .tab .tablinks a { font-size: 16px; } } .cmp-header .menu-container .navigation-container .tab .tablinks a { font-style: normal; font-weight: 400; line-height: 170%; text-decoration: none; } .cmp-header .menu-container .navigation-container .tabcontent { background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(4.8111114502px); position: absolute; top: 100%; display: none; } .cmp-header .menu-container .navigation-container .tabcontent .tab-item { display: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cmp-header .menu-container .navigation-container .tabcontent .tab-item .section-item { border-right: 1px solid #CCCDCF; min-width: 230px; } @media (max-width: 1120px) { .cmp-header .menu-container .navigation-container .tabcontent .tab-item .section-item { min-width: 130px; } } .cmp-header .menu-container .navigation-container .tabcontent .tab-item .single-item { padding: 20px 32px 20px 32px; } .cmp-header .menu-container .navigation-container .tabcontent .tab-item .single-item a { color: #FFF; font-size: 22px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-header .menu-container .navigation-container .tabcontent .tab-item .single-item a { font-size: 20px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-header .menu-container .navigation-container .tabcontent .tab-item .single-item a { font-size: 18px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-header .menu-container .navigation-container .tabcontent .tab-item .single-item a { font-size: 18px; } } .cmp-header .menu-container .navigation-container .tabcontent .tab-item .single-item a { font-style: normal; font-weight: 400; line-height: 170%; text-decoration: none; } .cmp-header .menu-container .navigation-container .tabcontent .tab-item .single-item.third a { font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-header .menu-container .navigation-container .tabcontent .tab-item .single-item.third a { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-header .menu-container .navigation-container .tabcontent .tab-item .single-item.third a { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-header .menu-container .navigation-container .tabcontent .tab-item .single-item.third a { font-size: 16px; } } .cmp-header .cmp-header-mobile { width: 100%; background: rgba(0, 0, 0, 0.1); height: 82px; } .cmp-header .cmp-header-mobile.no-home-header { background: #FFF; } .cmp-header .cmp-header-mobile.no-home-header .pre-header-mobile-container .logo-container-home { display: none; } .cmp-header .cmp-header-mobile.no-home-header .pre-header-mobile-container .logo-container-other { display: block; } .cmp-header .cmp-header-mobile.no-home-header .pre-header-mobile-container .logo-container-other img { max-width: 301px; max-height: 40px; } .cmp-header .cmp-header-mobile.no-home-header .pre-header-mobile-container .icon { background-image: url("data:image/svg+xml,%3Csvg width='32' height='18' viewBox='0 0 32 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group'%3E%3Cg id='Group_2'%3E%3Cpath id='Vector' d='M30 2H2' stroke='%23545859' stroke-width='3' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath id='Vector_2' d='M30 16H2' stroke='%23545859' stroke-width='3' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; width: 32px; height: 18px; } .cmp-header .cmp-header-mobile.override-style { background: #FFF; border-bottom: 1px solid #CCCDCF; } .cmp-header .cmp-header-mobile.override-style .pre-header-mobile-container .logo-container-home { display: none; } .cmp-header .cmp-header-mobile.override-style .pre-header-mobile-container .logo-container-other { display: block; } .cmp-header .cmp-header-mobile.override-style .pre-header-mobile-container .logo-container-other img { max-width: 301px; max-height: 40px; } .cmp-header .cmp-header-mobile.override-style .pre-header-mobile-container .icon { background-image: url("data:image/svg+xml,%3Csvg width='32' height='18' viewBox='0 0 32 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group'%3E%3Cg id='Group_2'%3E%3Cpath id='Vector' d='M30 2H2' stroke='%23545859' stroke-width='3' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath id='Vector_2' d='M30 16H2' stroke='%23545859' stroke-width='3' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; width: 32px; height: 18px; } .cmp-header .cmp-header-mobile .pre-header-mobile-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px; } .cmp-header .cmp-header-mobile .pre-header-mobile-container .logo-container-home { display: block; } .cmp-header .cmp-header-mobile .pre-header-mobile-container .logo-container-home img { max-width: 301px; max-height: 40px; } .cmp-header .cmp-header-mobile .pre-header-mobile-container .logo-container-other { display: none; } .cmp-header .cmp-header-mobile .pre-header-mobile-container .icon { background-image: url("data:image/svg+xml,%3Csvg width='32' height='18' viewBox='0 0 32 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group'%3E%3Cg id='Group_2'%3E%3Cpath id='Vector' d='M30 2H2' stroke='white' stroke-width='3' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath id='Vector_2' d='M30 16H2' stroke='white' stroke-width='3' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; width: 32px; height: 18px; } .cmp-header .cmp-header-mobile .pre-header-mobile-container .icon.open { background-image: url("data:image/svg+xml,%3Csvg width='32' height='4' viewBox='0 0 32 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group'%3E%3Cg id='Group_2'%3E%3Cpath id='Vector' d='M30 2H2' stroke='%23545859' stroke-width='3' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } @media (min-width: 1195px) { .cmp-header .cmp-header-mobile { display: none; } } .cmp-header .cmp-header-mobile .mobile-header-content { display: none; background: #FFF; width: 100%; position: absolute; z-index: 444444; height: calc(100vh - 70px); overflow: auto; } .cmp-header .cmp-header-mobile .mobile-header-content .accordion-link { background: #FFF; padding: 24px; width: 100%; border-bottom: 1px solid #CCCDCF; text-align: left; -webkit-transition: 0.4s; transition: 0.4s; color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-header .cmp-header-mobile .mobile-header-content .accordion-link { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-header .cmp-header-mobile .mobile-header-content .accordion-link { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-header .cmp-header-mobile .mobile-header-content .accordion-link { font-size: 16px; } } .cmp-header .cmp-header-mobile .mobile-header-content .accordion-link { font-style: normal; font-weight: 400; line-height: 170%; border-top: none; border-left: none; border-right: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cmp-header .cmp-header-mobile .mobile-header-content .accordion { background: #FFF; padding: 24px; width: 100%; border-bottom: 1px solid #CCCDCF; text-align: left; -webkit-transition: 0.4s; transition: 0.4s; color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-header .cmp-header-mobile .mobile-header-content .accordion { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-header .cmp-header-mobile .mobile-header-content .accordion { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-header .cmp-header-mobile .mobile-header-content .accordion { font-size: 16px; } } .cmp-header .cmp-header-mobile .mobile-header-content .accordion { font-style: normal; font-weight: 400; line-height: 170%; border-top: none; border-left: none; border-right: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cmp-header .cmp-header-mobile .mobile-header-content .accordion .cmp-icon { background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M10 1.57683L5.00006 6.57677L-5.04368e-08 1.57671L1.15386 0.422851L5.00006 4.26905L8.84614 0.422966L10 1.57683Z' fill='%23545859'/%3E%3C/svg%3E"); background-repeat: no-repeat; width: 10px; height: 7px; display: block; } .cmp-header .cmp-header-mobile .mobile-header-content .accordion .cmp-icon-open { background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M-5.04418e-08 5.42317L4.99994 0.423232L10 5.42329L8.84614 6.57715L4.99994 2.73095L1.15386 6.57703L-5.04418e-08 5.42317Z' fill='%23545859'/%3E%3C/svg%3E"); background-repeat: no-repeat; width: 10px; height: 7px; display: none; } .cmp-header .cmp-header-mobile .mobile-header-content .accordion.active .cmp-icon { display: none; } .cmp-header .cmp-header-mobile .mobile-header-content .accordion.active .cmp-icon-open { display: block; } .cmp-header .cmp-header-mobile .mobile-header-content .panel { display: none; } .cmp-header .cmp-header-mobile .mobile-header-content .panel .section-item-mobile { border-bottom: 1px solid var(--Border-default, #CCCDCF); background: var(--Foreground-subtle, #F1F1F3); padding: 24px 24px 8px 24px; } .cmp-header .cmp-header-mobile .mobile-header-content .panel .section-item-mobile .single-item { padding-bottom: 16px; } .cmp-header .cmp-header-mobile .mobile-header-content .panel .section-item-mobile .single-item.is-current-page a { color: #C8102E !important; } .cmp-header .cmp-header-mobile .mobile-header-content .panel .section-item-mobile .single-item a { color: #545859; font-size: 22px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-header .cmp-header-mobile .mobile-header-content .panel .section-item-mobile .single-item a { font-size: 20px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-header .cmp-header-mobile .mobile-header-content .panel .section-item-mobile .single-item a { font-size: 18px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-header .cmp-header-mobile .mobile-header-content .panel .section-item-mobile .single-item a { font-size: 18px; } } .cmp-header .cmp-header-mobile .mobile-header-content .panel .section-item-mobile .single-item a { font-style: normal; font-weight: 400; line-height: 130%; letter-spacing: -0.18px; } .cmp-header .cmp-header-mobile .mobile-header-content .panel .section-item-mobile .single-item.third a { color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-header .cmp-header-mobile .mobile-header-content .panel .section-item-mobile .single-item.third a { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-header .cmp-header-mobile .mobile-header-content .panel .section-item-mobile .single-item.third a { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-header .cmp-header-mobile .mobile-header-content .panel .section-item-mobile .single-item.third a { font-size: 16px; } } .cmp-header .cmp-header-mobile .mobile-header-content .footer-mobile-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 8px 24px 24px 24px; -webkit-box-align: end; -ms-flex-align: end; align-items: end; } .cmp-header .cmp-header-mobile .mobile-header-content .footer-mobile-header .custom-link .navigation-item { padding-top: 16px; } .cmp-header .cmp-header-mobile .mobile-header-content .footer-mobile-header .custom-link .navigation-item a { color: #545859; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-header .cmp-header-mobile .mobile-header-content .footer-mobile-header .custom-link .navigation-item a { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-header .cmp-header-mobile .mobile-header-content .footer-mobile-header .custom-link .navigation-item a { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-header .cmp-header-mobile .mobile-header-content .footer-mobile-header .custom-link .navigation-item a { font-size: 12px; } } .cmp-header .cmp-header-mobile .mobile-header-content .footer-mobile-header .custom-link .navigation-item a { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 0.96px; text-transform: uppercase; } .cmp-header .cmp-header-mobile .mobile-header-content .footer-mobile-header .navigator { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cmp-header .cmp-header-mobile .mobile-header-content .footer-mobile-header .navigator.show { display: -webkit-box; display: -ms-flexbox; display: flex; } .cmp-header .cmp-header-mobile .mobile-header-content .footer-mobile-header .navigator .navigation-icon { background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M9.16024 14.7127C8.75046 14.7945 8.32646 14.8371 7.89269 14.8371C4.33358 14.8371 1.44824 11.9518 1.44824 8.39269C1.44824 4.83358 4.33358 1.94824 7.89269 1.94824C11.4518 1.94824 14.3371 4.83358 14.3371 8.39269C14.3371 8.62735 14.3247 8.85846 14.3007 9.08602' stroke='%23545859' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M5.03274 2.61621C5.40739 2.43116 5.8059 2.28021 6.2249 2.16794C9.66274 1.24678 13.1965 3.28701 14.1177 6.72485C15.0389 10.1627 12.9986 13.6965 9.56079 14.6177C6.12295 15.5388 2.58915 13.4986 1.66799 10.0607C1.60725 9.83407 1.55946 9.60761 1.52374 9.3816' stroke='%23545859' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_3' d='M14.3371 8.39274C14.3371 6.91985 11.4518 5.72607 7.89269 5.72607C4.33358 5.72607 1.44824 6.91985 1.44824 8.39274C1.44824 9.85585 4.29713 11.0443 7.82602 11.0594' stroke='%23545859' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_4' d='M1.44802 8.3929C1.44802 9.86579 4.33336 11.0596 7.89247 11.0596C11.4516 11.0596 14.3369 9.86579 14.3369 8.3929C14.3369 6.92979 11.488 5.74135 7.95914 5.72624' stroke='%23545859' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_5' d='M10.547 7.76424C10.4163 4.50024 9.27763 1.94824 7.89274 1.94824C6.41985 1.94824 5.22607 4.83358 5.22607 8.39269C5.22607 11.9518 6.41985 14.8371 7.89274 14.8371' stroke='%23545859' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_6' d='M5.22599 9.0214C5.35665 12.2854 6.49532 14.8374 7.88021 14.8374C9.3531 14.8374 10.5469 11.9521 10.5469 8.39296C10.5469 4.83385 9.3531 1.94851 7.88021 1.94851' stroke='%23545859' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; width: 16px; height: 17px; margin-right: 8px; } .cmp-header .cmp-header-mobile .mobile-header-content .footer-mobile-header .navigator .navigation-item a { color: #545859; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-header .cmp-header-mobile .mobile-header-content .footer-mobile-header .navigator .navigation-item a { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-header .cmp-header-mobile .mobile-header-content .footer-mobile-header .navigator .navigation-item a { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-header .cmp-header-mobile .mobile-header-content .footer-mobile-header .navigator .navigation-item a { font-size: 12px; } } .cmp-header .cmp-header-mobile .mobile-header-content .footer-mobile-header .navigator .navigation-item a { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 0.96px; text-transform: uppercase; } .cmp-hero-internal-page { padding-top: 80px; } @media (max-width: 768px) { .cmp-hero-internal-page { padding-top: 40px; } } .cmp-hero-internal-page.cmp-background__white { background-color: #FFFFFF; } .cmp-hero-internal-page.cmp-background__grey { background-color: #F1F1F3; } .cmp-hero-internal-page .component-content-container { max-width: 1440px; margin: 0 auto; padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-hero-internal-page .component-content-container { padding-bottom: 24px; } } .cmp-hero-internal-page .component-content-container { padding-left: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-hero-internal-page .component-content-container { padding-left: 24px; } } .cmp-hero-internal-page .component-content-container { padding-right: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-hero-internal-page .component-content-container { padding-right: 24px; } } .cmp-hero-internal-page .component-content-container { padding-top: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-hero-internal-page .component-content-container { padding-top: 24px; } } .cmp-hero-internal-page .component-content-container.service { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-hero-internal-page .component-content-container.service { padding-top: 24px; } } .cmp-hero-internal-page .component-content-container.service { padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-hero-internal-page .component-content-container.service { padding-bottom: 24px; } } .cmp-hero-internal-page .component-content-container.service { padding-left: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-hero-internal-page .component-content-container.service { padding-left: 24px; } } .cmp-hero-internal-page .component-content-container.service { padding-right: 0px; } .cmp-hero-internal-page .component-content-container.service .text-container { margin-left: 0px; } .cmp-hero-internal-page .component-content-container .main-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .cmp-hero-internal-page .component-content-container .main-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cmp-hero-internal-page .component-content-container .main-container.container-left { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .cmp-hero-internal-page .component-content-container .main-container .single-image-container { max-width: 600px; position: relative; } @media (max-width: 768px) { .cmp-hero-internal-page .component-content-container .main-container .single-image-container { max-width: 100%; } } .cmp-hero-internal-page .component-content-container .main-container .single-image-container .image-container img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -ms-flex-item-align: stretch; align-self: stretch; } .cmp-hero-internal-page .component-content-container .main-container .single-image-container .image-container-mobile img { height: 100%; width: 100%; } @media (max-width: 768px) { .cmp-hero-internal-page .component-content-container .main-container .single-image-container .image-container-mobile img { max-height: 209px; -o-object-fit: cover; object-fit: cover; -ms-flex-item-align: stretch; align-self: stretch; } } .cmp-hero-internal-page .component-content-container .main-container .single-image-container.activate-ratio .image-container { padding-top: 100%; position: relative; } .cmp-hero-internal-page .component-content-container .main-container .single-image-container.activate-ratio .image-container img { position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -ms-flex-item-align: stretch; align-self: stretch; } .cmp-hero-internal-page .component-content-container .main-container .single-image-container .watermark { position: absolute; background-image: url("data:image/svg+xml,%3Csvg width='332' height='332' viewBox='0 0 332 332' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(clientlib-site/css/%23clip0_14460_2516)'%3E%3Cpath d='M266.775 198.401V198.066L266.525 197.843L207.31 144.749L206.809 144.3L206.309 144.749L147.093 197.843L146.844 198.066V198.401V278.067V278.817H147.594L265.275 278.816V279.1H266.025H266.775V278.066V277.316V198.401Z' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M370.093 134.706L369.623 135.241L370.093 134.706L226.142 8.03436C226.142 8.03401 226.142 8.03366 226.141 8.0333C220.855 3.34619 213.939 0.746094 206.755 0.746094C199.572 0.746094 192.655 3.34641 187.369 8.03391C187.369 8.03406 187.368 8.03421 187.368 8.03436L43.5792 134.704C43.5786 134.705 43.578 134.705 43.5774 134.706C37.3664 140.122 33.8242 147.934 33.8242 156.111V350.483C33.8242 366.375 46.905 379.225 62.9616 379.225H350.708C366.767 379.225 379.793 366.373 379.793 350.483V156.861H379.846V156.111C379.846 147.931 376.301 140.171 370.093 134.706ZM78.3032 335.737V166.946L206.755 53.3595L335.261 166.946V335.737H78.3032Z' stroke='white' stroke-width='1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14460_2516'%3E%3Crect width='332' height='332' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; width: 215px; height: 215px; background-position: bottom right; background-size: contain; bottom: 0; right: 0; z-index: 1; } @media (max-width: 768px) { .cmp-hero-internal-page .component-content-container .main-container .single-image-container .watermark { width: 118px; height: 118px; } } .cmp-hero-internal-page .component-content-container .main-container .text-container { margin-left: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 600px; } @media (max-width: 768px) { .cmp-hero-internal-page .component-content-container .main-container .text-container { margin-left: 0px; max-width: 100%; } } .cmp-hero-internal-page .component-content-container .main-container .text-container.full-width { max-width: 100%; } .cmp-hero-internal-page .component-content-container .main-container .text-container .text-breadcumb a { color: #545859; font-size: 14px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-hero-internal-page .component-content-container .main-container .text-container .text-breadcumb a { font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-hero-internal-page .component-content-container .main-container .text-container .text-breadcumb a { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-hero-internal-page .component-content-container .main-container .text-container .text-breadcumb a { font-size: 10px; } } .cmp-hero-internal-page .component-content-container .main-container .text-container .text-breadcumb a { font-style: normal; font-weight: 700; line-height: 150%; /* 18px */ letter-spacing: 0.96px; text-transform: uppercase; } .cmp-hero-internal-page .component-content-container .main-container .text-container .text-breadcumb a:not(:last-child)::after { content: "/"; margin-left: 5px; /* Spazio tra il contenuto del div e lo "/" */ color: #545859; /* Colore dello "/" */ } .cmp-hero-internal-page .component-content-container .main-container .text-container .text-breadcumb a:last-child { font-weight: 400; pointer-events: none; cursor: default; } .cmp-hero-internal-page .component-content-container .main-container .text-container .text-logo-top { padding-top: 64px; } @media (max-width: 768px) { .cmp-hero-internal-page .component-content-container .main-container .text-container .text-logo-top { padding-top: 32px; } } .cmp-hero-internal-page .component-content-container .main-container .text-container .text-logo-top img { max-width: 100px; max-height: 100px; -o-object-fit: cover; object-fit: cover; -ms-flex-item-align: stretch; align-self: stretch; } .cmp-hero-internal-page .component-content-container .main-container .text-container .text-title { color: #545859; font-size: 78px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-hero-internal-page .component-content-container .main-container .text-container .text-title { font-size: 78px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-hero-internal-page .component-content-container .main-container .text-container .text-title { font-size: 53px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-hero-internal-page .component-content-container .main-container .text-container .text-title { font-size: 40px; } } .cmp-hero-internal-page .component-content-container .main-container .text-container .text-title { font-style: normal; font-weight: 300; line-height: 110%; letter-spacing: -0.64px; margin-top: 64px; } @media (max-width: 768px) { .cmp-hero-internal-page .component-content-container .main-container .text-container .text-title { margin-top: 16px; margin-bottom: 16px; } } .cmp-hero-internal-page .component-content-container .main-container .text-container .text-description { width: 90%; color: #545859; font-size: 24px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-hero-internal-page .component-content-container .main-container .text-container .text-description { font-size: 22px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-hero-internal-page .component-content-container .main-container .text-container .text-description { font-size: 20px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-hero-internal-page .component-content-container .main-container .text-container .text-description { font-size: 20px; } } .cmp-hero-internal-page .component-content-container .main-container .text-container .text-description { font-style: normal; font-weight: 400; line-height: 150%; /* 30.6px */ padding-top: 24px; } @media (max-width: 768px) { .cmp-hero-internal-page .component-content-container .main-container .text-container .text-description { margin-bottom: 24px; width: 100%; line-height: 150%; padding-top: 16px; } } .cmp-hero-internal-page .component-content-container .main-container .text-container .text-description .colored-red { color: #C8102E; } .cmp-hero-internal-page .component-content-container .main-container .text-container .button-link { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color: #C8102E; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-hero-internal-page .component-content-container .main-container .text-container .button-link { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-hero-internal-page .component-content-container .main-container .text-container .button-link { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-hero-internal-page .component-content-container .main-container .text-container .button-link { font-size: 12px; } } .cmp-hero-internal-page .component-content-container .main-container .text-container .button-link { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 1.12px; text-transform: uppercase; } @media (max-width: 768px) { .cmp-hero-internal-page .component-content-container .main-container .text-container .button-link { line-height: 140%; } } .cmp-hero-internal-page .component-content-container .main-container .text-container .button-container { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding-bottom: 64px; } @media (max-width: 768px) { .cmp-hero-internal-page .component-content-container .main-container .text-container .button-container { width: 100%; padding-bottom: 0px; } } .cmp-hero-internal-page .component-content-container .main-container .text-container .button-container .cta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 40px; border-bottom: 1.5px solid #C8102E; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 40px; } @media (max-width: 768px) { .cmp-hero-internal-page .component-content-container .main-container .text-container .button-container .cta { margin-top: 24px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .cmp-hero-internal-page .component-content-container .main-container .text-container .button-container .cta .wrap-arrow { margin-right: 24px; } .cmp-hero-internal-page .component-content-container .main-container .text-container .button-container .cta .arrow.right { background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M2.19989 0.500732H12.0332V10.3341H10.5332V3.00922L1.04212 12.206L-0.00170898 11.1288L9.41845 2.00073H2.19989V0.500732Z' fill='%23C8102E'/%3E%3C/svg%3E"); background-repeat: no-repeat; width: 13px; height: 13px; padding-left: 24px; } .cmp-hero-internal-page .component-content-container .main-container .text-container .button-container:hover { cursor: pointer; } .cmp-hero-internal-page .component-content-container .main-container .text-container .logo-bottom-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)); width: 100%; gap: 8px; } @media (max-width: 768px) { .cmp-hero-internal-page .component-content-container .main-container .text-container .logo-bottom-container { padding-top: 32px; grid-template-columns: repeat(auto-fill, minmax(56px, 1fr)); } } .cmp-hero-internal-page .component-content-container .main-container .text-container .logo-bottom-container .bottom-log { width: 78px; } .cmp-hero-internal-page .component-content-container .main-container .text-container .logo-bottom-container .bottom-log img { -o-object-fit: cover; object-fit: cover; -ms-flex-item-align: stretch; align-self: stretch; max-height: 78px; } @media (max-width: 768px) { .cmp-hero-internal-page .component-content-container .main-container .text-container .logo-bottom-container .bottom-log img { max-height: 56px; } } .cmp-hero-internal-page .component-content-container .main-container .text-container .logo-bottom-container .bottom-log.not-logo img { -o-object-fit: cover; object-fit: cover; -ms-flex-item-align: stretch; align-self: stretch; width: 78px; height: 78px; } @media (max-width: 768px) { .cmp-hero-internal-page .component-content-container .main-container .text-container .logo-bottom-container .bottom-log.not-logo img { width: 56px; height: 56px; } } .cmp-hero-internal-page .component-content-container .main-container .text-container.text-left { margin-left: 0px; } .cmp-hero-internal-page .component-content-container .ancor-container { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 768px) { .cmp-hero-internal-page .component-content-container .ancor-container { display: none; } } .cmp-hero-internal-page .component-content-container .ancor-container .ancor-claim { padding-right: 80px; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-hero-internal-page .component-content-container .ancor-container .ancor-claim { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-hero-internal-page .component-content-container .ancor-container .ancor-claim { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-hero-internal-page .component-content-container .ancor-container .ancor-claim { font-size: 12px; } } .cmp-hero-internal-page .component-content-container .ancor-container .ancor-claim { font-style: normal; font-weight: 400; line-height: 150%; } .cmp-hero-internal-page .component-content-container .ancor-container .ancors a { color: #545859; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-hero-internal-page .component-content-container .ancor-container .ancors a { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-hero-internal-page .component-content-container .ancor-container .ancors a { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-hero-internal-page .component-content-container .ancor-container .ancors a { font-size: 12px; } } .cmp-hero-internal-page .component-content-container .ancor-container .ancors a { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 0.96px; text-transform: uppercase; padding-right: 40px; } .cmp-hero-internal-page .component-content-container .ancor-container .ancors a:hover { color: #C8102E; } @media (max-width: 768px) { .cmp-hero-internal-page .component-content-container .image-container-main { display: none; } } .cmp-hero-internal-page .component-content-container .image-container-main svg { width: 265px; height: 269px; -o-object-fit: cover; object-fit: cover; } @media (min-width: 894px) { .cmp-hero.full-height { height: 100vh; } } .cmp-hero .background-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; z-index: 1; opacity: 0.5; } .cmp-hero video { position: absolute; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; } @media (max-width: 768px) { .cmp-hero video { min-height: 100%; } } .cmp-hero img { position: absolute; -o-object-fit: cover; object-fit: cover; left: 0; top: 0; } .cmp-hero { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; height: 100%; padding-top: 10%; bottom: 0; position: relative; } @media (max-width: 894px) { .cmp-hero { padding-left: 64px; padding-right: 64px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-top: 7%; } } @media (max-width: 768px) { .cmp-hero { padding-left: 24px; padding-right: 24px; } } .cmp-hero .hero-home-container-left { z-index: 1; width: 55%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .cmp-hero .hero-home-container-left { padding-bottom: 24px; } } @media (max-width: 894px) { .cmp-hero .hero-home-container-left { width: 100%; height: 100%; position: relative; } } .cmp-hero .hero-home-container-left .text-container { margin-bottom: 40px; padding-left: 80px; z-index: 1; } @media (max-width: 1194px) { .cmp-hero .hero-home-container-left .text-container { padding-left: 71px; margin-top: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } } @media (max-width: 894px) { .cmp-hero .hero-home-container-left .text-container { padding-left: 0px; } } .cmp-hero .hero-home-container-left .text-container .title { color: #FFF; font-size: 78px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-hero .hero-home-container-left .text-container .title { font-size: 78px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-hero .hero-home-container-left .text-container .title { font-size: 53px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-hero .hero-home-container-left .text-container .title { font-size: 40px; } } .cmp-hero .hero-home-container-left .text-container .title { font-style: normal; font-weight: 300; line-height: 100%; letter-spacing: -0.8px; } @media (max-width: 768px) { .cmp-hero .hero-home-container-left .text-container .title { line-height: 120%; letter-spacing: -0.4px; } } .cmp-hero .hero-home-container-left .text-container .generic-text { color: #FFF; font-size: 24px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-hero .hero-home-container-left .text-container .generic-text { font-size: 22px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-hero .hero-home-container-left .text-container .generic-text { font-size: 20px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-hero .hero-home-container-left .text-container .generic-text { font-size: 20px; } } .cmp-hero .hero-home-container-left .text-container .generic-text { font-style: normal; font-weight: 400; line-height: 150%; } .cmp-hero .hero-home-container-left .text-container .second-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cmp-hero .hero-home-container-left .text-container .second-button a { color: #FFF; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-hero .hero-home-container-left .text-container .second-button a { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-hero .hero-home-container-left .text-container .second-button a { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-hero .hero-home-container-left .text-container .second-button a { font-size: 12px; } } .cmp-hero .hero-home-container-left .text-container .second-button a { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 1.12px; text-transform: uppercase; } .cmp-hero .hero-home-container-left .text-container .second-button .arrow.right { background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.07707 1L9.07701 5.99994L4.07696 11L2.9231 9.84614L6.76929 5.99994L2.92321 2.15386L4.07707 1Z' fill='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; width: 12px; height: 12px; padding-left: 10px; } .cmp-hero .hero-home-container-left .cards-container { width: 100%; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-right: 16px; padding-left: 80px; padding-bottom: 6%; } @media (max-width: 1194px) { .cmp-hero .hero-home-container-left .cards-container { padding-left: 71px; padding-bottom: 64px; } } @media (max-width: 894px) { .cmp-hero .hero-home-container-left .cards-container { padding-left: 0px; padding-right: 0px; position: inherit; width: 100%; padding-bottom: 0px; } } @media (max-width: 768px) { .cmp-hero .hero-home-container-left .cards-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cmp-hero .hero-home-container-left .cards-container .hero-card { height: 200px; width: 200px; border-top: 1.5px solid rgba(255, 255, 255, 0.3); background: var(--Overlay-Light-100, rgba(255, 255, 255, 0.1)); backdrop-filter: blur(4.8111114502px); margin-right: 8px; padding: 24px 24px 16px 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 894px) { .cmp-hero .hero-home-container-left .cards-container .hero-card { width: 250px; height: 215px; } } @media (max-width: 768px) { .cmp-hero .hero-home-container-left .cards-container .hero-card { min-height: auto; padding: 16px; margin-bottom: 8px; height: 100%; width: 100%; } } .cmp-hero .hero-home-container-left .cards-container .hero-card .card-title { font-family: "Calibri"; color: #FFF; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-hero .hero-home-container-left .cards-container .hero-card .card-title { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-hero .hero-home-container-left .cards-container .hero-card .card-title { font-size: 18px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-hero .hero-home-container-left .cards-container .hero-card .card-title { font-size: 16px; } } .cmp-hero .hero-home-container-left .cards-container .hero-card .card-title { font-style: normal; font-weight: 400; line-height: 150%; cursor: default; } @media (max-width: 768px) { .cmp-hero .hero-home-container-left .cards-container .hero-card .card-title { letter-spacing: -0.18px; margin-bottom: 8px; } } .cmp-hero .hero-home-container-left .cards-container .hero-card .card-section { font-family: "Calibri"; color: var(--Overlay-Light-700, rgba(255, 255, 255, 0.7)); font-size: 14px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-hero .hero-home-container-left .cards-container .hero-card .card-section { font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-hero .hero-home-container-left .cards-container .hero-card .card-section { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-hero .hero-home-container-left .cards-container .hero-card .card-section { font-size: 10px; } } .cmp-hero .hero-home-container-left .cards-container .hero-card .card-section { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 0.96px; text-transform: uppercase; width: 80%; } @media (max-width: 768px) { .cmp-hero .hero-home-container-left .cards-container .hero-card .card-section { line-height: 140%; width: 100%; } } .cmp-hero .hero-home-container-left .cards-container .hero-card:hover { border-top-color: #C8102E; -webkit-transition: border-top-color 300ms ease; transition: border-top-color 300ms ease; } .cmp-hero .hero-home-container-left .cards-container .hero-card:hover .card-title { text-decoration: underline; -webkit-transition: -webkit-text-decoration 300ms ease; transition: -webkit-text-decoration 300ms ease; transition: text-decoration 300ms ease; transition: text-decoration 300ms ease, -webkit-text-decoration 300ms ease; } .cmp-hero .hero-home-container-right { z-index: 1; width: 45%; } @media (max-width: 1194px) { .cmp-hero .hero-home-container-right { position: absolute; right: -50px; bottom: 0; padding-bottom: 64px; top: 100px; } } @media (max-width: 894px) { .cmp-hero .hero-home-container-right { top: unset; width: 100%; right: unset; position: relative; padding-top: 124px; } } .cmp-hero .hero-home-container-right .logo { width: 100%; height: 100%; position: relative; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; /* justify-content: flex-start; */ -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 1194px) { .cmp-hero .hero-home-container-right .logo { padding-right: unset; } } @media (max-width: 894px) { .cmp-hero .hero-home-container-right .logo { position: relative; left: 0; padding-right: unset; } } .cmp-hero .hero-home-container-right .logo svg { height: 100%; width: 100%; padding-bottom: 6%; } @media (max-width: 1194px) { .cmp-hero .hero-home-container-right .logo svg { padding-bottom: 0; } } @media (max-width: 894px) { .cmp-hero .hero-home-container-right .logo svg { height: 230px; position: relative; top: -32px; } } .cmp-hero .hero-home-container-right .logo .side { stroke: white; stroke-width: 2; stroke-opacity: 0.2; pointer-events: stroke; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .cmp-hero .hero-home-container-right .logo .highlight { stroke: #C8102E !important; stroke-width: 2; stroke-opacity: 0.7 !important; -webkit-transition: stroke 0.5s; transition: stroke 0.5s; } .cmp-hero .hero-home-container-right .logo .internal-logo svg { height: 100%; width: 100%; } .cmp-hero .hero-home-container-right { /*.logo-mobile{ @media (min-width: $break-point-mobile + 1) { display: none; } width: 100%; height: 100%; svg{ stroke-width: 1px; stroke: rgba(255, 255, 255, 0.30); height: 100%; width: 100%; } }*/ } .cmp-ipo-download-grid.cmp-background__white { background-color: #FFFFFF; } .cmp-ipo-download-grid.cmp-background__grey { background-color: #F1F1F3; } .cmp-ipo-download-grid.cmp-background__grey .tab-container .tabcontent .documemnt-card { background: #FFFFFF; } .cmp-ipo-download-grid .conditions-container { max-width: 1440px; margin: 0 auto; padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-ipo-download-grid .conditions-container { padding-bottom: 24px; } } .cmp-ipo-download-grid .conditions-container { padding-left: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-ipo-download-grid .conditions-container { padding-left: 24px; } } .cmp-ipo-download-grid .conditions-container { padding-right: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-ipo-download-grid .conditions-container { padding-right: 24px; } } .cmp-ipo-download-grid .conditions-container button:disabled { opacity: 0.5; } .cmp-ipo-download-grid .conditions-container .courtesy-container { display: none; } .cmp-ipo-download-grid .conditions-container .courtesy-container .condition-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #545859; font-size: 28px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-ipo-download-grid .conditions-container .courtesy-container .condition-text { font-size: 24px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-ipo-download-grid .conditions-container .courtesy-container .condition-text { font-size: 20px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-ipo-download-grid .conditions-container .courtesy-container .condition-text { font-size: 16px; } } .cmp-ipo-download-grid .conditions-container .courtesy-container .condition-text { font-style: normal; font-weight: 400; line-height: 130%; /* 41.6px */ } .cmp-ipo-download-grid .conditions-container .condition-selects { padding-bottom: 64px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 24px; } @media (max-width: 768px) { .cmp-ipo-download-grid .conditions-container .condition-selects { padding-bottom: 24px; gap: 8px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cmp-ipo-download-grid .conditions-container .condition-selects .wrap-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1.5px solid #CCCDCF; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-height: 64px; padding: 16px; position: relative; } .cmp-ipo-download-grid .conditions-container .condition-selects .wrap-select label { display: none; } .cmp-ipo-download-grid .conditions-container .condition-selects .wrap-select .arrow { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6666 2.43609L7.00003 9.10268L0.333292 2.43594L1.87177 0.89746L7.00003 6.02573L12.1281 0.897613L13.6666 2.43609Z' fill='%23545859'/%3E%3C/svg%3E") no-repeat center; width: 14px; height: 10px; position: absolute; right: 16px; } .cmp-ipo-download-grid .conditions-container .condition-selects .wrap-select .select { appearance: none; /* Nascondi la freccia di default */ -webkit-appearance: none; -moz-appearance: none; border: none; width: 340px; color: #545859; font-size: 28px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-ipo-download-grid .conditions-container .condition-selects .wrap-select .select { font-size: 24px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-ipo-download-grid .conditions-container .condition-selects .wrap-select .select { font-size: 20px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-ipo-download-grid .conditions-container .condition-selects .wrap-select .select { font-size: 16px; } } .cmp-ipo-download-grid .conditions-container .condition-selects .wrap-select .select { font-style: normal; font-weight: 400; line-height: 130%; } @media (max-width: 768px) { .cmp-ipo-download-grid .conditions-container .condition-selects .wrap-select .select { width: 100%; margin-left: 0px; } } .cmp-ipo-download-grid .conditions-container .condition-selects .wrap-select .select option { color: #545859; font-size: 28px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-ipo-download-grid .conditions-container .condition-selects .wrap-select .select option { font-size: 24px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-ipo-download-grid .conditions-container .condition-selects .wrap-select .select option { font-size: 20px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-ipo-download-grid .conditions-container .condition-selects .wrap-select .select option { font-size: 16px; } } .cmp-ipo-download-grid .conditions-container .condition-selects .wrap-select .select option { font-style: normal; font-weight: 400; line-height: 130%; } .cmp-ipo-download-grid .conditions-container .condition-selects .wrap-select .select:focus { outline: none; /* Rimuovi il contorno di default */ } .cmp-ipo-download-grid .conditions-container .condition-selects .wrap-select.mandatory { border: 1.5px solid #C8102E; } .cmp-ipo-download-grid .conditions-container .condition-text { color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-ipo-download-grid .conditions-container .condition-text { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-ipo-download-grid .conditions-container .condition-text { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-ipo-download-grid .conditions-container .condition-text { font-size: 16px; } } .cmp-ipo-download-grid .conditions-container .condition-text { font-style: normal; font-weight: 400; line-height: 170%; } .cmp-ipo-download-grid .conditions-container .condition-checkbox { padding-top: 64px; } @media (max-width: 768px) { .cmp-ipo-download-grid .conditions-container .condition-checkbox { padding-top: 24px; } } .cmp-ipo-download-grid .conditions-container .condition-checkbox { /* Container centrare */ } .cmp-ipo-download-grid .conditions-container .condition-checkbox .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cmp-ipo-download-grid .conditions-container .condition-checkbox { /* Stile personalizzato per la checkbox */ } .cmp-ipo-download-grid .conditions-container .condition-checkbox .custom-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-ipo-download-grid .conditions-container .condition-checkbox .custom-checkbox { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-ipo-download-grid .conditions-container .condition-checkbox .custom-checkbox { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-ipo-download-grid .conditions-container .condition-checkbox .custom-checkbox { font-size: 16px; } } .cmp-ipo-download-grid .conditions-container .condition-checkbox .custom-checkbox { font-style: normal; font-weight: 400; line-height: 170%; } .cmp-ipo-download-grid .conditions-container .condition-checkbox { /* Nascondi il checkbox originale */ } .cmp-ipo-download-grid .conditions-container .condition-checkbox .custom-checkbox input[type=checkbox] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .cmp-ipo-download-grid .conditions-container .condition-checkbox { /* Stile del checkmark */ } .cmp-ipo-download-grid .conditions-container .condition-checkbox .checkmark { position: relative; height: 24px; width: 24px; background-color: #FFF; border: 1px solid #91A2B7; margin-right: 10px; } .cmp-ipo-download-grid .conditions-container .condition-checkbox { /* Cambia lo sfondo del checkmark quando il checkbox è selezionato */ } .cmp-ipo-download-grid .conditions-container .condition-checkbox .custom-checkbox input[type=checkbox]:checked ~ .checkmark { background-color: #C8102E; } .cmp-ipo-download-grid .conditions-container .condition-checkbox { /* Crea il segno di spunta */ } .cmp-ipo-download-grid .conditions-container .condition-checkbox .checkmark::after { content: ""; position: absolute; display: none; } .cmp-ipo-download-grid .conditions-container .condition-checkbox { /* Mostra il segno di spunta quando il checkbox è selezionato */ } .cmp-ipo-download-grid .conditions-container .condition-checkbox .custom-checkbox input[type=checkbox]:checked ~ .checkmark::after { display: block; } .cmp-ipo-download-grid .conditions-container .condition-checkbox { /* Stile del segno di spunta */ } .cmp-ipo-download-grid .conditions-container .condition-checkbox .custom-checkbox .checkmark::after { left: 10px; top: 5px; width: 6px; height: 12px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .cmp-ipo-download-grid .conditions-container .condition-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 64px; } @media (max-width: 768px) { .cmp-ipo-download-grid .conditions-container .condition-actions { padding-top: 24px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cmp-ipo-download-grid .conditions-container .condition-actions .cta-not-agree { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1.5px solid #C8102E; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background: transparent; border-top: none; border-right: none; border-left: none; padding: 16px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .cmp-ipo-download-grid .conditions-container .condition-actions .cta-not-agree { margin-top: 24px; width: 100%; } } .cmp-ipo-download-grid .conditions-container .condition-actions .cta-not-agree .wrap-arrow { margin-right: 24px; color: #C8102E; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-ipo-download-grid .conditions-container .condition-actions .cta-not-agree .wrap-arrow { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-ipo-download-grid .conditions-container .condition-actions .cta-not-agree .wrap-arrow { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-ipo-download-grid .conditions-container .condition-actions .cta-not-agree .wrap-arrow { font-size: 12px; } } .cmp-ipo-download-grid .conditions-container .condition-actions .cta-not-agree .wrap-arrow { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 1.12px; text-transform: uppercase; } @media (max-width: 768px) { .cmp-ipo-download-grid .conditions-container .condition-actions .cta-not-agree .wrap-arrow { line-height: 140%; } } .cmp-ipo-download-grid .conditions-container .condition-actions .cta-not-agree .arrow.right { background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M2.19989 0.500732H12.0332V10.3341H10.5332V3.00922L1.04212 12.206L-0.00170898 11.1288L9.41845 2.00073H2.19989V0.500732Z' fill='%23C8102E'/%3E%3C/svg%3E"); background-repeat: no-repeat; width: 13px; height: 13px; padding-left: 24px; } .cmp-ipo-download-grid .conditions-container .condition-actions .cta-agree { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1.5px solid #CCCDCF; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background: transparent; padding: 16px; margin-left: 24px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .cmp-ipo-download-grid .conditions-container .condition-actions .cta-agree { margin-top: 24px; margin-left: 8px; width: 100%; } } .cmp-ipo-download-grid .conditions-container .condition-actions .cta-agree.cta-retray { display: none; } .cmp-ipo-download-grid .conditions-container .condition-actions .cta-agree .wrap-arrow { margin-right: 24px; color: #C8102E; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-ipo-download-grid .conditions-container .condition-actions .cta-agree .wrap-arrow { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-ipo-download-grid .conditions-container .condition-actions .cta-agree .wrap-arrow { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-ipo-download-grid .conditions-container .condition-actions .cta-agree .wrap-arrow { font-size: 12px; } } .cmp-ipo-download-grid .conditions-container .condition-actions .cta-agree .wrap-arrow { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 1.12px; text-transform: uppercase; } @media (max-width: 768px) { .cmp-ipo-download-grid .conditions-container .condition-actions .cta-agree .wrap-arrow { line-height: 140%; } } .cmp-ipo-download-grid .conditions-container .condition-actions .cta-agree .arrow.right { background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M2.19989 0.500732H12.0332V10.3341H10.5332V3.00922L1.04212 12.206L-0.00170898 11.1288L9.41845 2.00073H2.19989V0.500732Z' fill='%23C8102E'/%3E%3C/svg%3E"); background-repeat: no-repeat; width: 13px; height: 13px; padding-left: 24px; } .cmp-ipo-download-grid .wrap-grid { display: none; } .cmp-ipo-download-grid .wrap-grid .tab-container { max-width: 1440px; margin: 0 auto; padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container { padding-bottom: 24px; } } .cmp-ipo-download-grid .wrap-grid .tab-container { padding-left: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container { padding-left: 24px; } } .cmp-ipo-download-grid .wrap-grid .tab-container { padding-right: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container { padding-right: 24px; } } .cmp-ipo-download-grid .wrap-grid .tab-container .tab { overflow: hidden; background-color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .tab { overflow-x: auto; white-space: nowrap; display: -webkit-box; } } .cmp-ipo-download-grid .wrap-grid .tab-container .tab::-webkit-scrollbar { display: none; } .cmp-ipo-download-grid .wrap-grid .tab-container .select-years { appearance: none; /* Nascondi la freccia di default */ -webkit-appearance: none; -moz-appearance: none; margin-left: 40px; border: 1.5px solid #CCCDCF; padding: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6666 2.43609L7.00003 9.10268L0.333292 2.43594L1.87177 0.89746L7.00003 6.02573L12.1281 0.897613L13.6666 2.43609Z' fill='%23545859'/%3E%3C/svg%3E") no-repeat right 16px center; padding-right: 16px; width: 100%; color: #545859; font-size: 28px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .select-years { font-size: 24px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-ipo-download-grid .wrap-grid .tab-container .select-years { font-size: 20px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .select-years { font-size: 16px; } } .cmp-ipo-download-grid .wrap-grid .tab-container .select-years { font-style: normal; font-weight: 400; line-height: 130%; } @media (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .select-years { width: 100%; margin-left: 0px; } } .cmp-ipo-download-grid .wrap-grid .tab-container .select-years option { color: #545859; font-size: 28px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .select-years option { font-size: 24px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-ipo-download-grid .wrap-grid .tab-container .select-years option { font-size: 20px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .select-years option { font-size: 16px; } } .cmp-ipo-download-grid .wrap-grid .tab-container .select-years option { font-style: normal; font-weight: 400; line-height: 130%; } @media (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .select-years { display: none; } } .cmp-ipo-download-grid .wrap-grid .tab-container .select-years.mobile { display: none; } @media (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .select-years.mobile { margin-top: 32px; display: block; } } .cmp-ipo-download-grid .wrap-grid .tab-container .select-years:focus { outline: none; /* Rimuovi il contorno di default */ } .cmp-ipo-download-grid .wrap-grid .tab-container .tab.no-tab-active { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .cmp-ipo-download-grid .wrap-grid .tab-container .tab button { background-color: inherit; float: left; outline: none; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; border-top: none; border-left: none; border-right: none; width: 100%; border-bottom: 1.5px solid var(--Border-default, #CCCDCF); padding: 0px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .tab button { width: 42%; float: none; display: inline-block; } } .cmp-ipo-download-grid .wrap-grid .tab-container .tab button .button-number { color: #545859; font-size: 36px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .tab button .button-number { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-ipo-download-grid .wrap-grid .tab-container .tab button .button-number { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .tab button .button-number { font-size: 24px; } } .cmp-ipo-download-grid .wrap-grid .tab-container .tab button .button-number { font-style: normal; font-weight: 400; line-height: 120%; } .cmp-ipo-download-grid .wrap-grid .tab-container .tab button .button-text { color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .tab button .button-text { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-ipo-download-grid .wrap-grid .tab-container .tab button .button-text { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .tab button .button-text { font-size: 16px; } } .cmp-ipo-download-grid .wrap-grid .tab-container .tab button .button-text { font-style: normal; font-weight: 400; line-height: 170%; text-align: left; } .cmp-ipo-download-grid .wrap-grid .tab-container .tablinks:nth-of-type(n+2) { padding-left: 40px; } @media (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .tablinks:nth-of-type(n+2) { padding-left: 24px; } } .cmp-ipo-download-grid .wrap-grid .tab-container .tablinks.disabled { cursor: default; } .cmp-ipo-download-grid .wrap-grid .tab-container .tablinks.disabled .button-text { color: rgba(0, 0, 0, 0.3); } .cmp-ipo-download-grid .wrap-grid .tab-container .tab button.active { border-bottom: 1.5px solid var(--Border-active, #C8102E); } .cmp-ipo-download-grid .wrap-grid .tab-container .tab button.active .button-number { color: var(--text-icon-accent, #C8102E); } .cmp-ipo-download-grid .wrap-grid .tab-container .tab button.active .button-text { color: var(--text-icon-accent, #C8102E); } @media (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent { padding-top: 24px; } } .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent { padding-top: 80px; display: none; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; } .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent.avtivateTab { display: grid; } .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .article-card { border-bottom: 1px solid #CCCDCF; } .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .article-card .doc-image img { max-height: 224px; width: 100%; -o-object-fit: cover; object-fit: cover; } .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .article-card .doc-title { margin-top: 24px; margin-bottom: 24px; color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .article-card .doc-title { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .article-card .doc-title { font-size: 18px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .article-card .doc-title { font-size: 16px; } } .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .article-card .doc-title { font-style: normal; font-weight: 400; line-height: 150%; } .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .article-card .doc-date { color: #545859; font-size: 14px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .article-card .doc-date { font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .article-card .doc-date { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .article-card .doc-date { font-size: 10px; } } .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .article-card .doc-date { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 0.96px; text-transform: uppercase; padding-bottom: 24px; } .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .documemnt-card { padding: 16px; background: #F1F1F3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 200px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .documemnt-card .doc-date { color: #545859; font-size: 14px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .documemnt-card .doc-date { font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .documemnt-card .doc-date { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .documemnt-card .doc-date { font-size: 10px; } } .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .documemnt-card .doc-date { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 0.96px; text-transform: uppercase; } .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .documemnt-card .doc-title { color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .documemnt-card .doc-title { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .documemnt-card .doc-title { font-size: 18px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .documemnt-card .doc-title { font-size: 16px; } } .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .documemnt-card .doc-title { font-style: normal; font-weight: 400; line-height: 150%; } .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .documemnt-card .doc-command-container { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding-top: 40px; } @media (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .tabcontent .documemnt-card { min-height: 100px; } } .cmp-ipo-download-grid .wrap-grid .tab-container .pagination { width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 80px; } @media (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item-content { display: none; } } .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item-content-mobile { display: none; } @media (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item-content-mobile { margin-right: 16px; margin-left: 8px; display: block; } } .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item-content-mobile .current-page { color: #C8102E; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item-content-mobile .current-page { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item-content-mobile .current-page { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item-content-mobile .current-page { font-size: 12px; } } .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item-content-mobile .current-page { font-style: normal; font-weight: 700; line-height: 140%; letter-spacing: 1.12px; text-transform: uppercase; } .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item-content-mobile .total-page { color: #545859; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item-content-mobile .total-page { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item-content-mobile .total-page { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item-content-mobile .total-page { font-size: 12px; } } .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item-content-mobile .total-page { font-style: normal; font-weight: 700; line-height: 140%; letter-spacing: 1.12px; text-transform: uppercase; } .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item { width: 48px; height: 48px; background-color: transparent; border: 1px solid var(--Border-default, #CCCDCF); margin-right: 8px; color: #545859; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item { font-size: 12px; } } .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 1.12px; text-transform: uppercase; } @media (max-width: 768px) { .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item { width: 40px; height: 40px; } } .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item.active { color: #FFF; background: var(--text-icon-accent, #C8102E); } .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item.next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' viewBox='0 0 8 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.07707 0L7.07701 4.99994L2.07696 10L0.923096 8.84614L4.76929 4.99994L0.92321 1.15386L2.07707 0Z' fill='%23545859'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; } .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item.next.disabled { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' viewBox='0 0 8 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.07707 0L7.07701 4.99994L2.07696 10L0.923096 8.84614L4.76929 4.99994L0.92321 1.15386L2.07707 0Z' fill='%23CCCDCF'/%3E%3C/svg%3E"); } .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item.end { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg' x='0'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M1.15397 0L6.15392 4.99994L1.15386 10L0 8.84614L3.8462 4.99994L0.000114442 1.15386L1.15397 0Z' fill='%23545859' /%3E%3C/svg%3E%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg' x='7'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M1.15397 0L6.15392 4.99994L1.15386 10L0 8.84614L3.8462 4.99994L0.000114442 1.15386L1.15397 0Z' fill='%23545859' /%3E%3C/svg%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 13px; } .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item.end.disabled { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none' x='0'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.15397 0L6.15392 4.99994L1.15386 10L0 8.84614L3.8462 4.99994L0.000114442 1.15386L1.15397 0Z' fill='%23CCCDCF' /%3E%3C/svg%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none' x='7'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.15397 0L6.15392 4.99994L1.15386 10L0 8.84614L3.8462 4.99994L0.000114442 1.15386L1.15397 0Z' fill='%23CCCDCF' /%3E%3C/svg%3E%3C/svg%3E"); } .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item.prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' viewBox='0 0 8 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.92293 10L0.922988 5.00006L5.92305 -1.00874e-07L7.07691 1.15386L3.23071 5.00006L7.07679 8.84614L5.92293 10Z' fill='%23545859'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; } .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item.prev.disabled { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' viewBox='0 0 8 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.92293 10L0.922988 5.00006L5.92305 -1.00874e-07L7.07691 1.15386L3.23071 5.00006L7.07679 8.84614L5.92293 10Z' fill='%23CCCDCF'/%3E%3C/svg%3E"); } .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item.init { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg' x='0'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.99983 10L-0.000107765 5.00006L4.99995 0L6.15381 1.15386L2.30761 5.00006L6.15369 8.84614L4.99983 10Z' fill='%23545859' /%3E%3C/svg%3E%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg' x='7'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.99983 10L-0.000107765 5.00006L4.99995 0L6.15381 1.15386L2.30761 5.00006L6.15369 8.84614L4.99983 10Z' fill='%23545859' /%3E%3C/svg%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 13px; } .cmp-ipo-download-grid .wrap-grid .tab-container .pagination .pagination-item.init.disabled { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none' x='0'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.99983 10L-0.000107765 5.00006L4.99995 0L6.15381 1.15386L2.30761 5.00006L6.15369 8.84614L4.99983 10Z' fill='%23CCCDCF' /%3E%3C/svg%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none' x='7'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.99983 10L-0.000107765 5.00006L4.99995 0L6.15381 1.15386L2.30761 5.00006L6.15369 8.84614L4.99983 10Z' fill='%23CCCDCF' /%3E%3C/svg%3E%3C/svg%3E"); } .cmp-link-to-other-pages.cmp-background__white { background-color: #FFFFFF; } .cmp-link-to-other-pages.cmp-background__grey { background-color: #F1F1F3; } .cmp-link-to-other-pages .component-content-container { max-width: 1440px; margin: 0 auto; padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-link-to-other-pages .component-content-container { padding-bottom: 24px; } } .cmp-link-to-other-pages .component-content-container { padding-left: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-link-to-other-pages .component-content-container { padding-left: 24px; } } .cmp-link-to-other-pages .component-content-container { padding-right: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-link-to-other-pages .component-content-container { padding-right: 24px; } } .cmp-link-to-other-pages .component-content-container .main-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .cmp-link-to-other-pages .component-content-container .main-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cmp-link-to-other-pages .component-content-container .main-container .pages-container .page-container .page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 24px; } .cmp-link-to-other-pages .component-content-container .main-container .pages-container .page-container .page .page-description-container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 128px; border-bottom: 1px solid #CCCDCF; } .cmp-link-to-other-pages .component-content-container .main-container .pages-container .page-container .page .page-description-container .page-title { color: #545859; font-size: 28px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-link-to-other-pages .component-content-container .main-container .pages-container .page-container .page .page-description-container .page-title { font-size: 24px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-link-to-other-pages .component-content-container .main-container .pages-container .page-container .page .page-description-container .page-title { font-size: 20px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-link-to-other-pages .component-content-container .main-container .pages-container .page-container .page .page-description-container .page-title { font-size: 16px; } } .cmp-link-to-other-pages .component-content-container .main-container .pages-container .page-container .page .page-description-container .page-title { font-style: normal; font-weight: 400; line-height: 130%; padding-bottom: 24px; } @media (max-width: 768px) { .cmp-link-to-other-pages .component-content-container .main-container .pages-container .page-container .page .page-description-container .page-title { padding-bottom: 8px; } } .cmp-link-to-other-pages .component-content-container .main-container .pages-container .page-container .page .page-description-container .page-description { color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-link-to-other-pages .component-content-container .main-container .pages-container .page-container .page .page-description-container .page-description { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-link-to-other-pages .component-content-container .main-container .pages-container .page-container .page .page-description-container .page-description { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-link-to-other-pages .component-content-container .main-container .pages-container .page-container .page .page-description-container .page-description { font-size: 16px; } } .cmp-link-to-other-pages .component-content-container .main-container .pages-container .page-container .page .page-description-container .page-description { font-style: normal; font-weight: 400; line-height: 170%; /* 38.4px */ } .cmp-link-to-other-pages .component-content-container .main-container .pages-container .page-container .page .page-logo { padding-right: 24px; } .cmp-link-to-other-pages .component-content-container .main-container .pages-container .page-container .page .page-logo img { width: 128px; -o-object-fit: cover; object-fit: cover; -ms-flex-item-align: stretch; align-self: stretch; } .cmp-link-to-other-pages .component-content-container .main-container .pages-container .page-container .page .page-logo.is-not-logo img { height: 128px; } @media (max-width: 768px) { .cmp-link-to-other-pages .component-content-container .main-container .pages-container .page-container .button-container { display: none; } } .cmp-link-to-other-pages .component-content-container .main-container .text-container { width: 100%; } .cmp-link-to-other-pages .component-content-container .main-container .text-container .text-title { padding-bottom: 16px; color: #545859; font-size: 36px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-link-to-other-pages .component-content-container .main-container .text-container .text-title { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-link-to-other-pages .component-content-container .main-container .text-container .text-title { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-link-to-other-pages .component-content-container .main-container .text-container .text-title { font-size: 24px; } } .cmp-link-to-other-pages .component-content-container .main-container .text-container .text-title { font-style: normal; font-weight: 400; line-height: 120%; /* 38.4px */ } @media (max-width: 768px) { .cmp-link-to-other-pages .component-content-container .main-container .text-container .text-title { margin-top: 24px; padding-bottom: 8px; } } .cmp-link-to-other-pages .component-content-container .main-container .text-container .text-description { width: 90%; color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-link-to-other-pages .component-content-container .main-container .text-container .text-description { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-link-to-other-pages .component-content-container .main-container .text-container .text-description { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-link-to-other-pages .component-content-container .main-container .text-container .text-description { font-size: 16px; } } .cmp-link-to-other-pages .component-content-container .main-container .text-container .text-description { font-style: normal; font-weight: 400; line-height: 170%; /* 30.6px */ margin-bottom: 64px; } @media (max-width: 768px) { .cmp-link-to-other-pages .component-content-container .main-container .text-container .text-description { margin-bottom: 24px; width: 100%; line-height: 150%; /* 24px */ margin-top: 8px; } } .cmp-link-to-other-pages .component-content-container .main-container .text-container .text-description .colored-red { color: #C8102E; } .cmp-link-to-other-pages .component-content-container .main-container .text-container .button-container { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media (max-width: 768px) { .cmp-link-to-other-pages .component-content-container .main-container .text-container .button-container { width: 100%; display: none; } } .cmp-link-to-other-pages .component-content-container .main-container .button-container-mobile { display: none; } @media (max-width: 768px) { .cmp-link-to-other-pages .component-content-container .main-container .button-container-mobile { width: 100%; display: block; } } .cmp-people-grid { max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(308px, 1fr)); -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; row-gap: 80px; padding: 0 80px 80px 80px; } .cmp-people-grid .person-info.clickable { cursor: pointer; } .cmp-people-grid .person-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 768px) { .cmp-people-grid { grid-template-columns: repeat(auto-fit, minmax(327px, 1fr)); padding: 0 24px 24px 24px; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; row-gap: 2rem; } } .cmp-people-grid .name { width: 100%; max-width: 308px; margin-top: 1rem; font-weight: 400; font-size: 32px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-people-grid .name { font-size: 28px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-people-grid .name { font-size: 24px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-people-grid .name { font-size: 18px; } } @media (max-width: 768px) { .cmp-people-grid .name { max-width: unset; } } .cmp-people-grid .job-title { letter-spacing: 1px; width: 100%; max-width: 308px; margin-top: 0.5rem; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-people-grid .job-title { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-people-grid .job-title { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-people-grid .job-title { font-size: 12px; } } .cmp-people-grid .job-title { text-transform: uppercase; font-weight: 700; } @media (max-width: 768px) { .cmp-people-grid .job-title { max-width: unset; } } .cmp-people-grid img { height: 368px; width: 100%; -o-object-fit: cover; object-fit: cover; max-width: 308px; } @media (max-width: 768px) { .cmp-people-grid img { width: 100%; max-width: unset; } } .cmp-people-grid_container.cmp-background__white { background-color: #FFFFFF; } .cmp-people-grid_container.cmp-background__grey { background-color: #F1F1F3; } .CV-info_overlay { display: none; } .CV-info_container { background: white; padding: 80px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; height: 100%; width: 0; position: fixed; z-index: -1; top: 0; right: 0; overflow-x: hidden; -webkit-transition: 0.8s; transition: 0.8s; } .CV-info_container .arrow-back > svg { cursor: pointer; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .CV-info_container .arrow-back > svg.circle-progress { stroke-width: 2px; } @media (max-width: 768px) { .CV-info_container { padding: 40px 24px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 32px; } } .CV-info_overlay { width: 100%; height: 100%; position: fixed; background: black; z-index: 1; top: 0; opacity: 0.3; } .CV-info { overflow: auto; width: 100%; } .CV-info .title-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; gap: 40px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 64px; } .CV-info .title-image > div, .CV-info .title-image > img { width: 50%; } .CV-info .title-image > img { max-width: 266px; } @media (max-width: 768px) { .CV-info .title-image { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 32px; margin-bottom: 32px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .CV-info .title-image > img { max-width: unset; width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .CV-info .title-image > div { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .CV-info .role { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .CV-info .CV-info_name { font-size: 55px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .CV-info .CV-info_name { font-size: 48px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .CV-info .CV-info_name { font-size: 36px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .CV-info .CV-info_name { font-size: 28px; } } .CV-info .CV-info_name { color: #C8102E; font-weight: 400; } .CV-info .CV-info_jobTitle { font-weight: 700; letter-spacing: 1px; font-size: 16px; text-transform: uppercase; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .CV-info .CV-info_jobTitle { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .CV-info .CV-info_jobTitle { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .CV-info .CV-info_jobTitle { font-size: 12px; } } .CV-info .CV-info_details { line-height: 30.6px; color: #545859; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .CV-info .CV-info_details { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .CV-info .CV-info_details { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .CV-info .CV-info_details { font-size: 16px; } } .cmp-product-img-33-66.cmp-background__white { background-color: #FFFFFF; } .cmp-product-img-33-66.cmp-background__grey { background-color: #F1F1F3; } .cmp-product-img-33-66 .component-content-container { max-width: 1440px; margin: 0 auto; padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-product-img-33-66 .component-content-container { padding-bottom: 24px; } } .cmp-product-img-33-66 .component-content-container { padding-left: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-product-img-33-66 .component-content-container { padding-left: 24px; } } .cmp-product-img-33-66 .component-content-container { padding-right: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-product-img-33-66 .component-content-container { padding-right: 24px; } } .cmp-product-img-33-66 .component-content-container .background-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; z-index: 1; opacity: 0.3; } .cmp-product-img-33-66 .component-content-container .main-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .cmp-product-img-33-66 .component-content-container .main-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cmp-product-img-33-66 .component-content-container .main-container.container-left { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .cmp-product-img-33-66 .component-content-container .main-container .buttons-container .image-container { overflow: hidden; } .cmp-product-img-33-66 .component-content-container .main-container .buttons-container .image-container img { height: 100%; width: 100%; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .cmp-product-img-33-66 .component-content-container .main-container .buttons-container .image-container-mobile img { height: 100%; width: 100%; } @media (max-width: 768px) { .cmp-product-img-33-66 .component-content-container .main-container .buttons-container .image-container-mobile img { min-height: 209px; -o-object-fit: cover; object-fit: cover; } } .cmp-product-img-33-66 .component-content-container .main-container .buttons-container:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); } @media (max-width: 768px) { .cmp-product-img-33-66 .component-content-container .main-container .buttons-container:hover img { -webkit-transform: none; transform: none; } } .cmp-product-img-33-66 .component-content-container .main-container .button-container.actions { margin-top: 8px; } .cmp-product-img-33-66 .component-content-container .main-container .text-container { width: 100%; padding-left: 80px; } @media (max-width: 768px) { .cmp-product-img-33-66 .component-content-container .main-container .text-container { padding-left: 0px; } } .cmp-product-img-33-66 .component-content-container .main-container .text-container .text-title { padding-bottom: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-product-img-33-66 .component-content-container .main-container .text-container .text-title { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-product-img-33-66 .component-content-container .main-container .text-container .text-title { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-product-img-33-66 .component-content-container .main-container .text-container .text-title { font-size: 24px; } } .cmp-product-img-33-66 .component-content-container .main-container .text-container .text-title { color: #545859; font-size: 36px; font-style: normal; font-weight: 400; line-height: 120%; /* 38.4px */ } @media (max-width: 768px) { .cmp-product-img-33-66 .component-content-container .main-container .text-container .text-title { margin-top: 24px; padding-bottom: 8px; } } .cmp-product-img-33-66 .component-content-container .main-container .text-container .text-description { font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-product-img-33-66 .component-content-container .main-container .text-container .text-description { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-product-img-33-66 .component-content-container .main-container .text-container .text-description { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-product-img-33-66 .component-content-container .main-container .text-container .text-description { font-size: 16px; } } .cmp-product-img-33-66 .component-content-container .main-container .text-container .text-description { width: 90%; color: #545859; font-style: normal; font-weight: 400; line-height: 170%; /* 30.6px */ margin-bottom: 64px; } @media (max-width: 768px) { .cmp-product-img-33-66 .component-content-container .main-container .text-container .text-description { margin-bottom: 24px; width: 100%; line-height: 150%; /* 24px */ margin-top: 8px; } } .cmp-product-img-33-66 .component-content-container .main-container .text-container .button-container { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media (max-width: 768px) { .cmp-product-img-33-66 .component-content-container .main-container .text-container .button-container { width: 100%; } } .cmp-product-img-33-66 .component-content-container .main-container .text-container.text-left { padding-left: 0px; padding-right: 80px; } @media (max-width: 768px) { .cmp-product-img-33-66 .component-content-container .main-container .text-container.text-left { padding-right: 0px; } } .cmp-product-img-33-66 .component-content-container .main-container .product-images-container { gap: 1.3rem; } .cmp-product-img-33-66 .component-content-container .main-container .product-images-container.large-images { display: grid; grid-template: 1fr 1fr/1fr; } .cmp-product-img-33-66 .component-content-container .main-container .product-images-container.large-and-small-images { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cmp-product-img-33-66 .component-content-container .main-container .product-images-container .images-separator { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1.3rem; } @media (max-width: 768px) { .cmp-product-img-33-66 .component-content-container .main-container .product-images-container .images-separator { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } } .cmp-product-img-33-66 .component-content-container .main-container .product-images-container .product-image { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } @media (max-width: 768px) { .cmp-product-img-33-66 .component-content-container .main-container .product-images-container .product-image { width: 100%; max-height: 400px; } } .cmp-product-img-33-66 .component-content-container .main-container .product-images-container .product-image img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; min-height: 209px; max-height: 400px; } .cmp-product-img-33-66 .component-content-container .main-container .product-images-container .product-image .small img { min-height: 90px; max-height: 98px; } @media only screen and (max-width: 768px) { .cmp-product-img-33-66 .component-content-container .main-container .product-images-container .product-image .small img { max-height: 93px; } } .cmp-product-img-33-66 .component-content-container .main-container .product-images-container .product-image .text { letter-spacing: normal; } .cmp-product-img-33-66 .component-content-container .main-container .product-images-container .product-image .text-mobile { text-transform: none; } @media only screen and (min-width: 768px) { .d-none-desktop { display: none !important; } } @media only screen and (max-width: 768px) { .d-none-mobile { display: none !important; } } .cmp-quote-big-component { padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-quote-big-component { padding-bottom: 24px; } } .cmp-quote-big-component.cmp-background__white { background-color: #FFFFFF; } .cmp-quote-big-component.cmp-background__grey { background-color: #F1F1F3; } .cmp-quote-big-component .cmp-quote-big-container { max-width: 1440px; position: relative; margin-left: 80px; margin-right: 80px; } @media (max-width: 768px) { .cmp-quote-big-component .cmp-quote-big-container { margin-left: 24px; margin-right: 24px; } } @media (min-width: 1520px) { .cmp-quote-big-component .cmp-quote-big-container { margin: 0 auto; } } .cmp-quote-big-component .cmp-quote-big-container.cmp-background__white { background-color: #FFFFFF; } .cmp-quote-big-component .cmp-quote-big-container.cmp-background__grey { background-color: #F1F1F3; } .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container { padding: 64px; } @media (max-width: 768px) { .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container { padding: 24px; } } .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .litle-title { height: 32px; border-bottom: 1px solid var(--Border-default, #CCCDCF); color: #545859; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .litle-title { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .litle-title { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .litle-title { font-size: 12px; } } .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .litle-title { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 1.12px; text-transform: uppercase; } .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .text-vector-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-top: 40px; } @media (max-width: 768px) { .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .text-vector-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .text-vector-container .vector { margin-right: 40px; height: 40px; width: 40px; } .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .text-vector-container .text-container .text { color: #545859; font-size: 32px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .text-vector-container .text-container .text { font-size: 28px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .text-vector-container .text-container .text { font-size: 24px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .text-vector-container .text-container .text { font-size: 18px; } } .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .text-vector-container .text-container .text { font-style: normal; font-weight: 300; line-height: 130%; letter-spacing: -0.32px; } .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .text-vector-container .text-container .text .colored-red { color: #C8102E; } @media (max-width: 768px) { .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .text-vector-container .text-container .text { letter-spacing: -0.24px; } } .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .text-vector-container .text-container .cta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 40px; border-bottom: 1.5px solid #C8102E; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 40px; } @media (max-width: 768px) { .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .text-vector-container .text-container .cta { margin-top: 24px; } } .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .text-vector-container .text-container .cta a { color: #C8102E; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .text-vector-container .text-container .cta a { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .text-vector-container .text-container .cta a { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .text-vector-container .text-container .cta a { font-size: 12px; } } .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .text-vector-container .text-container .cta a { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 1.12px; text-transform: uppercase; } @media (max-width: 768px) { .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .text-vector-container .text-container .cta a { line-height: 140%; } } .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .text-vector-container .text-container .cta .wrap-arrow { margin-right: 24px; } .cmp-quote-big-component .cmp-quote-big-container .litle-title-text-container .text-vector-container .text-container .cta .arrow.right { background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M2.19989 0.500732H12.0332V10.3341H10.5332V3.00922L1.04212 12.206L-0.00170898 11.1288L9.41845 2.00073H2.19989V0.500732Z' fill='%23C8102E'/%3E%3C/svg%3E"); background-repeat: no-repeat; width: 13px; height: 13px; padding-left: 24px; } .cmp-quote-big-component .cmp-quote-big-container .speakers-container { margin-top: 51px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 768px) { .cmp-quote-big-component .cmp-quote-big-container .speakers-container { margin-top: 32px; } } .cmp-quote-big-component .cmp-quote-big-container .speakers-container .image-container img { width: 140px; height: 140px; -o-object-fit: cover; object-fit: cover; } @media (max-width: 768px) { .cmp-quote-big-component .cmp-quote-big-container .speakers-container .image-container img { width: 80px; height: 80px; } } .cmp-quote-big-component .cmp-quote-big-container .speakers-container .description-container { margin-left: 40px; } @media (max-width: 768px) { .cmp-quote-big-component .cmp-quote-big-container .speakers-container .description-container { margin-left: 16px; } } .cmp-quote-big-component .cmp-quote-big-container .speakers-container .description-container .speaker-name { padding-bottom: 16px; color: #C8102E; font-size: 40px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-quote-big-component .cmp-quote-big-container .speakers-container .description-container .speaker-name { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-quote-big-component .cmp-quote-big-container .speakers-container .description-container .speaker-name { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-quote-big-component .cmp-quote-big-container .speakers-container .description-container .speaker-name { font-size: 20px; } } .cmp-quote-big-component .cmp-quote-big-container .speakers-container .description-container .speaker-name { font-style: normal; font-weight: 400; line-height: 120%; /* 38.4px */ letter-spacing: -0.32px; } @media (max-width: 768px) { .cmp-quote-big-component .cmp-quote-big-container .speakers-container .description-container .speaker-name { letter-spacing: -0.22px; } } .cmp-quote-big-component .cmp-quote-big-container .speakers-container .description-container .speaker-label { color: #545859; font-size: 14px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-quote-big-component .cmp-quote-big-container .speakers-container .description-container .speaker-label { font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-quote-big-component .cmp-quote-big-container .speakers-container .description-container .speaker-label { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-quote-big-component .cmp-quote-big-container .speakers-container .description-container .speaker-label { font-size: 10px; } } .cmp-quote-big-component .cmp-quote-big-container .speakers-container .description-container .speaker-label { font-style: normal; font-weight: 700; line-height: 150%; /* 18px */ letter-spacing: 0.96px; text-transform: uppercase; } @media (max-width: 768px) { .cmp-quote-big-component .cmp-quote-big-container .speakers-container .description-container .speaker-label { line-height: 140%; } } .cmp-quote-big-component .cmp-quote-big-container .image-container-main { position: absolute; right: -6px; bottom: 0; } @media (max-width: 768px) { .cmp-quote-big-component .cmp-quote-big-container .image-container-main { display: none; } } .cmp-quote-big-component .cmp-quote-big-container .image-container-main svg { width: 265px; height: 269px; -o-object-fit: cover; object-fit: cover; } .cmp-quote-small.cmp-background__white { background-color: #FFFFFF; } .cmp-quote-small.cmp-background__grey { background-color: #F1F1F3; } .cmp-quote-small .component-content-container { max-width: 1440px; margin: 0 auto; padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-quote-small .component-content-container { padding-bottom: 24px; } } .cmp-quote-small .component-content-container { padding-left: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-quote-small .component-content-container { padding-left: 24px; } } .cmp-quote-small .component-content-container { padding-right: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-quote-small .component-content-container { padding-right: 24px; } } .cmp-quote-small .component-content-container .main-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .cmp-quote-small .component-content-container .main-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cmp-quote-small .component-content-container .main-container.container-left { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .cmp-quote-small .component-content-container .main-container .single-image-container .image-container img { height: 100%; width: 100%; height: 100%; } .cmp-quote-small .component-content-container .main-container .single-image-container .image-container-mobile img { height: 100%; width: 100%; } @media (max-width: 768px) { .cmp-quote-small .component-content-container .main-container .single-image-container .image-container-mobile img { min-height: 209px; -o-object-fit: cover; object-fit: cover; } } .cmp-quote-small .component-content-container .main-container .text-container { width: 100%; padding-left: 80px; } @media (max-width: 768px) { .cmp-quote-small .component-content-container .main-container .text-container { padding-left: 0px; } } .cmp-quote-small .component-content-container .main-container .text-container .text-title { color: #545859; font-size: 36px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-quote-small .component-content-container .main-container .text-container .text-title { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-quote-small .component-content-container .main-container .text-container .text-title { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-quote-small .component-content-container .main-container .text-container .text-title { font-size: 24px; } } .cmp-quote-small .component-content-container .main-container .text-container .text-title { font-style: normal; font-weight: 700; line-height: 150%; /* 21px */ letter-spacing: 1.12px; text-transform: uppercase; border-bottom: 1px solid var(--Border-default, #CCCDCF); } @media (max-width: 768px) { .cmp-quote-small .component-content-container .main-container .text-container .text-title { margin-top: 24px; line-height: 140%; } } .cmp-quote-small .component-content-container .main-container .text-container .vector { margin-top: 24px; margin-right: 40px; height: 40px; width: 40px; } .cmp-quote-small .component-content-container .main-container .text-container .text-description { width: 90%; color: #545859; font-size: 32px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-quote-small .component-content-container .main-container .text-container .text-description { font-size: 28px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-quote-small .component-content-container .main-container .text-container .text-description { font-size: 24px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-quote-small .component-content-container .main-container .text-container .text-description { font-size: 18px; } } .cmp-quote-small .component-content-container .main-container .text-container .text-description { font-style: normal; font-weight: 300; line-height: 130%; /* 41.6px */ letter-spacing: -0.32px; } @media (max-width: 768px) { .cmp-quote-small .component-content-container .main-container .text-container .text-description { margin-bottom: 24px; width: 100%; letter-spacing: -0.24px; margin-top: 8px; } } .cmp-quote-small .component-content-container .main-container .text-container .text-description .colored-red { color: #C8102E; } .cmp-quote-small .component-content-container .main-container .text-container.text-left { padding-left: 0px; padding-right: 80px; } @media (max-width: 768px) { .cmp-quote-small .component-content-container .main-container .text-container.text-left { padding-right: 0px; } } .cmp-quote-small .component-content-container .main-container .text-container .cta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 40px; border-bottom: 1.5px solid #C8102E; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 40px; } @media (max-width: 768px) { .cmp-quote-small .component-content-container .main-container .text-container .cta { margin-top: 24px; } } .cmp-quote-small .component-content-container .main-container .text-container .cta a { color: #C8102E; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-quote-small .component-content-container .main-container .text-container .cta a { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-quote-small .component-content-container .main-container .text-container .cta a { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-quote-small .component-content-container .main-container .text-container .cta a { font-size: 12px; } } .cmp-quote-small .component-content-container .main-container .text-container .cta a { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 1.12px; text-transform: uppercase; } @media (max-width: 768px) { .cmp-quote-small .component-content-container .main-container .text-container .cta a { line-height: 140%; } } .cmp-quote-small .component-content-container .main-container .text-container .cta .wrap-arrow { margin-right: 24px; } .cmp-quote-small .component-content-container .main-container .text-container .cta .arrow.right { background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M2.19989 0.500732H12.0332V10.3341H10.5332V3.00922L1.04212 12.206L-0.00170898 11.1288L9.41845 2.00073H2.19989V0.500732Z' fill='%23C8102E'/%3E%3C/svg%3E"); background-repeat: no-repeat; width: 13px; height: 13px; padding-left: 24px; } .cmp-quote-small .component-content-container .main-container .text-container .speakers-container { margin-top: 51px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 768px) { .cmp-quote-small .component-content-container .main-container .text-container .speakers-container { margin-top: 32px; } } .cmp-quote-small .component-content-container .main-container .text-container .speakers-container .image-container img { width: 140px; height: 140px; -o-object-fit: cover; object-fit: cover; } @media (max-width: 768px) { .cmp-quote-small .component-content-container .main-container .text-container .speakers-container .image-container img { width: 80px; height: 80px; } } .cmp-quote-small .component-content-container .main-container .text-container .speakers-container .description-container { margin-left: 40px; } @media (max-width: 768px) { .cmp-quote-small .component-content-container .main-container .text-container .speakers-container .description-container { margin-left: 16px; } } .cmp-quote-small .component-content-container .main-container .text-container .speakers-container .description-container .speaker-name { padding-bottom: 16px; color: #C8102E; font-size: 40px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-quote-small .component-content-container .main-container .text-container .speakers-container .description-container .speaker-name { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-quote-small .component-content-container .main-container .text-container .speakers-container .description-container .speaker-name { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-quote-small .component-content-container .main-container .text-container .speakers-container .description-container .speaker-name { font-size: 20px; } } .cmp-quote-small .component-content-container .main-container .text-container .speakers-container .description-container .speaker-name { font-style: normal; font-weight: 400; line-height: 120%; /* 38.4px */ letter-spacing: -0.32px; } @media (max-width: 768px) { .cmp-quote-small .component-content-container .main-container .text-container .speakers-container .description-container .speaker-name { letter-spacing: -0.22px; } } .cmp-quote-small .component-content-container .main-container .text-container .speakers-container .description-container .speaker-label { color: #545859; font-size: 14px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-quote-small .component-content-container .main-container .text-container .speakers-container .description-container .speaker-label { font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-quote-small .component-content-container .main-container .text-container .speakers-container .description-container .speaker-label { font-size: 12px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-quote-small .component-content-container .main-container .text-container .speakers-container .description-container .speaker-label { font-size: 10px; } } .cmp-quote-small .component-content-container .main-container .text-container .speakers-container .description-container .speaker-label { font-style: normal; font-weight: 700; line-height: 150%; /* 18px */ letter-spacing: 0.96px; text-transform: uppercase; } @media (max-width: 768px) { .cmp-quote-small .component-content-container .main-container .text-container .speakers-container .description-container .speaker-label { line-height: 140%; } } .cmp-quote-small .component-content-container .main-container .double-image-container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 768px) { .cmp-quote-small .component-content-container .main-container .double-image-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .cmp-quote-small .component-content-container .main-container .double-image-container .first-image { margin-right: 21px; } @media (max-width: 768px) { .cmp-quote-small .component-content-container .main-container .double-image-container .first-image { width: 100%; margin-right: 16px; } } .cmp-quote-small .component-content-container .main-container .double-image-container .first-image img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; min-height: 209px; } @media (max-width: 768px) { .cmp-quote-small .component-content-container .main-container .double-image-container .second-image { width: 100%; } } .cmp-quote-small .component-content-container .main-container .double-image-container .second-image img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; min-height: 209px; } .cmp-tab-img-text.edit .tabcontent { display: block !important; } .cmp-tab-img-text.cmp-background__white { background-color: #FFFFFF; } .cmp-tab-img-text.cmp-background__grey { background-color: #F1F1F3; } .cmp-tab-img-text .tab-container { max-width: 1440px; margin: 0 auto; padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-tab-img-text .tab-container { padding-bottom: 24px; } } .cmp-tab-img-text .tab-container { padding-left: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-tab-img-text .tab-container { padding-left: 24px; } } .cmp-tab-img-text .tab-container { padding-right: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-tab-img-text .tab-container { padding-right: 24px; } } .cmp-tab-img-text .tab-container .tab { overflow: hidden; background-color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (max-width: 768px) { .cmp-tab-img-text .tab-container .tab { overflow-x: auto; white-space: nowrap; } } @media (max-width: 768px) { .cmp-tab-img-text .tab-container .tab .tablinks { text-align: start; padding-right: 40px; } } .cmp-tab-img-text .tab-container .tab::-webkit-scrollbar { display: none; } .cmp-tab-img-text .tab-container { /* Style the buttons inside the tab */ } .cmp-tab-img-text .tab-container .tab button { background-color: inherit; float: left; outline: none; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; border-top: none; border-left: none; border-right: none; width: 100%; border-bottom: 1.5px solid var(--Border-default, #CCCDCF); padding: 0px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 768px) { .cmp-tab-img-text .tab-container .tab button { float: none; display: inline-block; } } .cmp-tab-img-text .tab-container .tab button .button-number { color: var(--text-icon-default, #545859); font-size: 36px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-tab-img-text .tab-container .tab button .button-number { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-tab-img-text .tab-container .tab button .button-number { font-size: 28px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-tab-img-text .tab-container .tab button .button-number { font-size: 24px; } } .cmp-tab-img-text .tab-container .tab button .button-number { font-style: normal; font-weight: 400; line-height: 120%; /* 38.4px */ text-align: left; } .cmp-tab-img-text .tab-container .tab button .button-text { color: var(--text-icon-default, #545859); font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-tab-img-text .tab-container .tab button .button-text { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-tab-img-text .tab-container .tab button .button-text { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-tab-img-text .tab-container .tab button .button-text { font-size: 16px; } } .cmp-tab-img-text .tab-container .tab button .button-text { font-style: normal; font-weight: 400; line-height: 170%; /* 30.6px */ text-align: left; } .cmp-tab-img-text .tab-container { /*.tablinks:nth-of-type(n+2) { padding-left: 40px; @media (max-width: $break-point-mobile) { padding-left: 24px; } }*/ /* Change background color of buttons on hover */ } .cmp-tab-img-text .tab-container { /* Create an active/current tablink class */ } .cmp-tab-img-text .tab-container .tab button.active { border-bottom: 1.5px solid var(--Border-active, #C8102E); } .cmp-tab-img-text .tab-container .tab button.active .button-number { color: var(--text-icon-accent, #C8102E); } .cmp-tab-img-text .tab-container .tab button.active .button-text { color: var(--text-icon-accent, #C8102E); } .cmp-tab-img-text .tab-container { /* Style the tab content */ } @media (max-width: 768px) { .cmp-tab-img-text .tab-container .tabcontent.tabcontentDesk .main-container .single-image-container { display: none; } } .cmp-tab-img-text .tab-container .tabcontent.tabcontentMobile { padding-top: 0px; } @media (min-width: 769px) { .cmp-tab-img-text .tab-container .tabcontent.tabcontentMobile .single-image-container { display: none; } } @media (max-width: 768px) { .cmp-tab-img-text .tab-container .tabcontent { padding-top: 24px; } } .cmp-tab-img-text .tab-container .tabcontent { padding-top: 80px; display: none; } .cmp-tab-img-text .tab-container .tabcontent .main-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .cmp-tab-img-text .tab-container .tabcontent .main-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cmp-tab-img-text .tab-container .tabcontent .main-container.container-left { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media (max-width: 768px) { .cmp-tab-img-text .tab-container .tabcontent .main-container .single-image-container .cmp-video-image-container { padding: 24px 0px 24px 0px; } } .cmp-tab-img-text .tab-container .tabcontent .main-container .single-image-container .image-container img { width: 100%; -o-object-fit: cover; object-fit: cover; } .cmp-tab-img-text .tab-container .tabcontent .main-container .single-image-container .image-container-mobile img { width: 100%; -o-object-fit: cover; object-fit: cover; } .cmp-tab-img-text .tab-container .tabcontent .main-container .text-container { width: 100%; padding-left: 80px; } @media (max-width: 768px) { .cmp-tab-img-text .tab-container .tabcontent .main-container .text-container { padding-left: 0px; } } .cmp-tab-img-text .tab-container .tabcontent .main-container .text-container.right { padding-left: 0px; padding-right: 80px; } @media (max-width: 768px) { .cmp-tab-img-text .tab-container .tabcontent .main-container .text-container.right { padding-right: 0px; } } .cmp-tab-img-text .tab-container .tabcontent .main-container .text-container .text-description { width: 90%; color: #545859; font-family: "Calibri"; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-tab-img-text .tab-container .tabcontent .main-container .text-container .text-description { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-tab-img-text .tab-container .tabcontent .main-container .text-container .text-description { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-tab-img-text .tab-container .tabcontent .main-container .text-container .text-description { font-size: 16px; } } .cmp-tab-img-text .tab-container .tabcontent .main-container .text-container .text-description { font-style: normal; font-weight: 400; line-height: 170%; /* 30.6px */ margin-bottom: 24px; margin-top: -5px; } @media (max-width: 768px) { .cmp-tab-img-text .tab-container .tabcontent .main-container .text-container .text-description { margin-top: 8px; margin-bottom: 24px; width: 100%; line-height: 150%; /* 24px */ } } @media (min-width: 769px) { .cmp-tab-img-text .tab-container .tabcontent .main-container .text-container .button-container.simple { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } .cmp-tab-img-text .tab-container .tabcontent .main-container .text-container .button-container.simple a { height: 50px; width: 50px; display: block; margin-bottom: 64px; } @media (max-width: 768px) { .cmp-tab-img-text .tab-container .tabcontent .main-container .text-container .button-container.simple a { display: initial; } } .cmp-tab-img-text .tab-container .tabcontent .main-container .text-container .second-image-container { margin-top: 40px; } @media (max-width: 1000px) { .cmp-tab-img-text .tab-container .tabcontent .main-container .text-container .second-image-container { display: none; } } .cmp-tab-img-text .tab-container .tabcontent .main-container .text-container .second-image-container .image-container img { height: 100%; max-height: 250px; width: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 768px) { .cmp-tab-img-text .tab-container .tabcontent .main-container .text-container .second-image-container .image-container img { max-height: 209px; } } .cmp-tab-img-text .tab-container .tabcontent .main-container .text-container.text-left { padding-left: 0px; padding-right: 80px; } @media (max-width: 768px) { .cmp-tab-img-text .tab-container .tabcontent .main-container .text-container.text-left { padding-right: 0px; } } .cmp-title-component.cmp-background__white { background-color: #FFFFFF; } .cmp-title-component.cmp-background__grey { background-color: #F1F1F3; } .cmp-title-component.padding-top { padding-top: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-title-component.padding-top { padding-top: 24px; } } .cmp-title-component .wrap-componet { max-width: 1440px; margin: 0 auto; padding-bottom: 50px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-title-component .wrap-componet { padding-bottom: 24px; } } .cmp-title-component .wrap-componet { padding-left: 80px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-title-component .wrap-componet { padding-left: 24px; } } .cmp-title-component .cmp-littleTitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 24px; } .cmp-title-component .cmp-littleTitle p { margin-left: 8px; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-title-component .cmp-littleTitle p { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-title-component .cmp-littleTitle p { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-title-component .cmp-littleTitle p { font-size: 12px; } } .cmp-title-component .cmp-littleTitle p { font-weight: 700; line-height: 21px; letter-spacing: 0.08em; text-align: left; text-transform: uppercase; } .cmp-title-component .cmp-title { width: 100%; } @media (max-width: 767.98px) { .cmp-title-component .cmp-title { padding-right: 24px; padding-bottom: 20px; } } .cmp-title-component .cmp-title { font-weight: 400; font-size: 55px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-title-component .cmp-title { font-size: 48px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-title-component .cmp-title { font-size: 36px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-title-component .cmp-title { font-size: 28px; } } .cmp-title-component .cmp-title { line-height: 52.8px; text-align: left; } .cmp-title-component .cmp-title p .colored-red { color: #C8102E; } @media (max-width: 768px) { .cmp-title-component .cmp-title { line-height: 38.4px; text-align: left; padding-right: 32px; } } .cmp-title-component__noPadd { padding: 0 0 0 80px; } @media (max-width: 768px) { .cmp-title-component__noPadd { padding: 0 0 0 24px; } } .cmp-title-component__Padd { padding: 0 0 80px 80px; } @media (max-width: 768px) { .cmp-title-component__Padd { padding: 0 0 40px 24px; } } .cmp-title-component__all { padding-bottom: 40px; } @media (max-width: 768px) { .cmp-title-component__all { padding-bottom: 16px; } } .cmp-title-component__genericText { width: 100%; font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-title-component__genericText { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-title-component__genericText { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-title-component__genericText { font-size: 16px; } } .cmp-title-component__genericText { line-height: 30px; font-weight: 400; text-align: left; } .cmp-title-component__genericText__descr { padding: 8px 24px 0 0; } .cmp-title-component__genericText__descr p { font-size: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-title-component__genericText__descr p { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-title-component__genericText__descr p { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-title-component__genericText__descr p { font-size: 16px; } } .cmp-title-component__genericText__descr p { font-weight: 400; line-height: 30px; text-align: left; } @media (max-width: 768px) { .cmp-title-component__genericText__descr p { line-height: 24px; text-align: left; } } .cmp-title-component__genericText a { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color: #C8102E; font-size: 16px; } @media only screen and (min-width: 1280px) and (max-width: 1768px) { .cmp-title-component__genericText a { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .cmp-title-component__genericText a { font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .cmp-title-component__genericText a { font-size: 12px; } } .cmp-title-component__genericText a { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 1.12px; text-transform: uppercase; } @media (max-width: 768px) { .cmp-title-component__genericText a { line-height: 140%; } } .cmp-title-component__genericText__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 24px; border-bottom: 1.5px solid #C8102E; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 40px; } @media (max-width: 768px) { .cmp-title-component__genericText__link { margin-top: 16px; } } .cmp-title-component__genericText__link .wrap-arrow { margin-right: 24px; } .cmp-title-component__genericText__link .arrow.right { background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M2.19989 0.500732H12.0332V10.3341H10.5332V3.00922L1.04212 12.206L-0.00170898 11.1288L9.41845 2.00073H2.19989V0.500732Z' fill='%23C8102E'/%3E%3C/svg%3E"); background-repeat: no-repeat; width: 13px; height: 13px; padding-left: 24px; } .cmp-title-component__genericText__link:hover { cursor: pointer; } .cmp-title-component__separator { border-bottom: 1px solid var(--Border-default, #CCCDCF); } .cmp-video-image-container { height: 100%; } .cmp-video-image-container a { height: 100%; display: block; } .cmp-video-image-container .image-container { display: block; } @media (max-width: 768px) { .cmp-video-image-container .image-container { display: none; } } .cmp-video-image-container .image-container.small { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-height: 98px; } @media only screen and (max-width: 768px) { .cmp-video-image-container .image-container.small { max-height: 93px; } } .cmp-video-image-container .image-container-mobile { display: block; } @media (min-width: 769px) { .cmp-video-image-container .image-container-mobile { display: none; } } .cmp-video-image-container .image-container-mobile.small { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .image-container-preview img { width: 200px; height: 200px; } .product-image .image-container-mobile { width: 100%; } main.container { padding: 0; } @media (prefers-color-scheme: dark) { footer.experiencefragment { border-color: #dfdfdf; } } footer.experiencefragment .cmp-separator__horizontal-rule { margin: 0; border: 0; } @media (prefers-color-scheme: dark) { header.experiencefragment { border-bottom-color: #545859; } } header.experiencefragment a { color: #202020; text-decoration: none; } @media (prefers-color-scheme: dark) { header.experiencefragment a { color: #545859; } } header.experiencefragment a:hover, header.experiencefragment a:focus { color: #C8102E; text-decoration: underline; } @media (prefers-color-scheme: dark) { header.experiencefragment a:hover, header.experiencefragment a:focus { color: #545859; } } header.experiencefragment { /*.cmp-container { display: grid; grid-template-columns: 4fr 1fr 1fr; }*/ } header.experiencefragment .cmp-navigation__group { margin: 0; padding: 0; list-style: none; } header.experiencefragment .cmp-navigation__item--level-0 { display: grid; grid-template-columns: 1fr 3fr; } header.experiencefragment .cmp-navigation__item--level-0 > .cmp-navigation__group { display: grid; grid-template-columns: repeat(3, 1fr); } header.experiencefragment .cmp-navigation__item-link { display: block; } header.experiencefragment .cmp-navigation__item--active > .cmp-navigation__item-link { font-weight: bold; } header.experiencefragment .cmp-languagenavigation { position: relative; } header.experiencefragment .cmp-languagenavigation::before { content: " "; display: block; height: 1.5em; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; } @media (prefers-color-scheme: dark) { header.experiencefragment .cmp-languagenavigation::before { background-image: url('data:image/svg+xml;utf8,'); } } header.experiencefragment .cmp-languagenavigation > .cmp-languagenavigation__group { visibility: hidden; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; position: absolute; top: 34px; width: 20em; padding: 0 8px; border: 1px solid #202020; border-top: 0; background: #FFFFFF; } @media (prefers-color-scheme: dark) { header.experiencefragment .cmp-languagenavigation > .cmp-languagenavigation__group { border-color: #dfdfdf; background: black; } } header.experiencefragment .cmp-languagenavigation:hover > .cmp-languagenavigation__group { visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s; } header.experiencefragment .cmp-languagenavigation__group { margin: 0; padding: 0; list-style: none; } header.experiencefragment .cmp-languagenavigation__item-title { font-size: x-small; text-transform: uppercase; } header.experiencefragment .cmp-languagenavigation__item--level-0 { margin-bottom: 0.5em; } header.experiencefragment .cmp-languagenavigation__item--level-1 { display: inline; } header.experiencefragment .cmp-languagenavigation__item--level-1:not(:first-child)::before { content: " | "; } header.experiencefragment .cmp-languagenavigation__item--active > .cmp-languagenavigation__item-link { font-weight: bold; } header.experiencefragment .cmp-search__field { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -3px 0; } header.experiencefragment .cmp-search__input { height: 26px; }